Rumah hujung hadapan web Tutorial PS Photoshop打造一个漂亮的紫色水晶对话泡泡效果

Photoshop打造一个漂亮的紫色水晶对话泡泡效果

Jun 01, 2016 pm 02:34 PM

水晶效果虽然简单,仅有高光和暗部的刻画。不过要做好还是要一定功夫的,需要把实物的边缘及中间等较细的高光及暗部刻画出来,这样整体的细节较多,层次感也更强 最终效果

Photoshop打造一个漂亮的紫色水晶对话泡泡效果

1、新建一个600 * 600像素的文档,背景选择白色。新建一个组命名为“主体”,用钢笔工具把对话框的轮廓勾出来。然后给组添加图层蒙版,如下图。

Photoshop打造一个漂亮的紫色水晶对话泡泡效果
<图1>
 
2、在组里新建一个图层,选择渐变工具,颜色设置如图2,由左下向右上拉出图3所示的线性渐变,局部过渡不自然的部分可以用模糊工具模糊处理。

Photoshop打造一个漂亮的紫色水晶对话泡泡效果
<图2>

Photoshop打造一个漂亮的紫色水晶对话泡泡效果
<图3>

3、新建一个图层,用钢笔勾出图4所示的选区,然后羽化15个像素。再选择渐变工具,颜色设置如图5,由下至上拉出图6所示的线性渐变,顶部用加深工具稍微涂暗一点。

Photoshop打造一个漂亮的紫色水晶对话泡泡效果
<图4>

Photoshop打造一个漂亮的紫色水晶对话泡泡效果
<图5>

Photoshop打造一个漂亮的紫色水晶对话泡泡效果
<图6>
 
4、新建一个图层,把前景颜色设置为橙红色:#FFAB33,用画笔把下图选区部分涂上高光。

Photoshop打造一个漂亮的紫色水晶对话泡泡效果
<图7>

5、新建一个图层,把前景颜色设置为白色,用透明度较低的画笔把下图选区部分涂上高光,不均匀的部分可以添加图层蒙版后再稍微修饰一下。

Photoshop打造一个漂亮的紫色水晶对话泡泡效果
<图8>

Photoshop打造一个漂亮的紫色水晶对话泡泡效果
<图9>

6、新建一个图层,用钢笔勾出底部高光选区,羽化3个像素后填充黄绿色:#EAEE42,效果如下图。

Photoshop打造一个漂亮的紫色水晶对话泡泡效果
<图10>
 
7、新建一个图层,同上的方法制作右边、中间、左边边缘部分的高光,过程如图11 - 13。

Photoshop打造一个漂亮的紫色水晶对话泡泡效果
<图11>

Photoshop打造一个漂亮的紫色水晶对话泡泡效果
<图12>

Photoshop打造一个漂亮的紫色水晶对话泡泡效果
<图13>

8、新建一个图层,按Ctrl + Alt + Shift + E 盖印图层。调出组蒙版选区,选择菜单:选择 > 修改 > 收缩,数值为2,确定后按Delete 删除,再把混合模式改为“正片叠底”,效果如下图。

Photoshop打造一个漂亮的紫色水晶对话泡泡效果
<图14>

Photoshop打造一个漂亮的紫色水晶对话泡泡效果
<图15>
 
9、新建一个图层,用钢笔勾出顶部高光部分的选区如图16,选择渐变工具,颜色设置如图17,拉出图18所示的线性渐变。

Photoshop打造一个漂亮的紫色水晶对话泡泡效果
<图16>

Photoshop打造一个漂亮的紫色水晶对话泡泡效果
<图17>

Photoshop打造一个漂亮的紫色水晶对话泡泡效果
<图18>

10、把做好的高光复制一层,适当变形及调整大小和位置,效果如下图。

Photoshop打造一个漂亮的紫色水晶对话泡泡效果
<图19>
 
11、新建一个图层,用钢笔勾出右上角高光部分的选区并填充白色,假如他20。取消选区后用模糊工具把边缘稍微模糊处理,再添加图层蒙版,把边缘部分擦出来,效果如图21。

Photoshop打造一个漂亮的紫色水晶对话泡泡效果
<图20>

Photoshop打造一个漂亮的紫色水晶对话泡泡效果
<图21>

12、其它部分可跟进需要再添加一些高光,大致效果如下图。

Photoshop打造一个漂亮的紫色水晶对话泡泡效果
<图22>

13、调出组蒙版选区,在背景图层上面新建一个图层,选择菜单:选择 > 修改 > 收缩,数值为2,确定后填充白色。

Photoshop打造一个漂亮的紫色水晶对话泡泡效果
<图23>
 
14、取消选区后给色块添加投影样式,数值自定,大致效果如下图。

Photoshop打造一个漂亮的紫色水晶对话泡泡效果
<图24>

15、在图层的最上面创建亮度/对比度调整图层,参数设置如图25,效果如图26。

Photoshop打造一个漂亮的紫色水晶对话泡泡效果
<图25>

Photoshop打造一个漂亮的紫色水晶对话泡泡效果
<图26>

最后调整一下细节,完成最终效果。

Photoshop打造一个漂亮的紫色水晶对话泡泡效果
<图27>

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

AI Hentai Generator

Menjana ai hentai secara percuma.

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Bagaimana saya menggunakan Photoshop untuk mencipta grafik media sosial? Bagaimana saya menggunakan Photoshop untuk mencipta grafik media sosial? Mar 18, 2025 pm 01:41 PM

Butiran artikel menggunakan Photoshop untuk grafik media sosial, meliputi persediaan, alat reka bentuk, dan teknik pengoptimuman. Ia menekankan kecekapan dan kualiti dalam penciptaan grafik.

Bagaimanakah saya menyediakan imej untuk kegunaan web di Photoshop (saiz fail, resolusi, ruang warna)? Bagaimanakah saya menyediakan imej untuk kegunaan web di Photoshop (saiz fail, resolusi, ruang warna)? Mar 13, 2025 pm 07:28 PM

Artikel membincangkan penyediaan imej untuk kegunaan web di Photoshop, memberi tumpuan kepada mengoptimumkan saiz fail, resolusi, dan ruang warna. Isu utama adalah mengimbangi kualiti imej dengan masa pemuatan cepat.

Bagaimanakah saya menggunakan alat pemindahan kandungan dan kandungan yang menyedari kandungan Photoshop dengan berkesan? Bagaimanakah saya menggunakan alat pemindahan kandungan dan kandungan yang menyedari kandungan Photoshop dengan berkesan? Mar 13, 2025 pm 07:35 PM

Artikel membincangkan menggunakan alat pengisian kandungan dan memindahkan kandungan Photoshop dengan berkesan, menawarkan petua untuk memilih kawasan sumber, mengelakkan kesilapan, dan menyesuaikan tetapan untuk hasil yang optimum.

Bagaimanakah saya menyediakan imej untuk web menggunakan Photoshop (mengoptimumkan saiz fail, resolusi)? Bagaimanakah saya menyediakan imej untuk web menggunakan Photoshop (mengoptimumkan saiz fail, resolusi)? Mar 18, 2025 pm 01:35 PM

Artikel membincangkan mengoptimumkan imej untuk web menggunakan Photoshop, memberi tumpuan kepada saiz fail dan resolusi. Isu utama adalah mengimbangi kualiti dan masa beban.

Bagaimana saya menggunakan keupayaan penyuntingan video Photoshop? Bagaimana saya menggunakan keupayaan penyuntingan video Photoshop? Mar 18, 2025 pm 01:37 PM

Artikel ini menerangkan cara menggunakan Photoshop untuk penyuntingan video, memperincikan langkah -langkah untuk mengimport, mengedit, dan mengeksport video, dan menonjolkan ciri -ciri utama seperti panel garis masa, lapisan video, dan kesan.

Bagaimana saya menentukur monitor saya untuk warna yang tepat di Photoshop? Bagaimana saya menentukur monitor saya untuk warna yang tepat di Photoshop? Mar 13, 2025 pm 07:31 PM

Artikel membincangkan pemantauan menentukur untuk warna yang tepat dalam Photoshop, alat untuk penentukuran, kesan penentukuran yang tidak wajar, dan kekerapan semula. Isu utama adalah memastikan ketepatan warna.

Bagaimana saya membuat gif animasi di photoshop? Bagaimana saya membuat gif animasi di photoshop? Mar 18, 2025 pm 01:38 PM

Artikel membincangkan membuat dan mengoptimumkan GIF animasi di Photoshop, termasuk menambah bingkai kepada GIF yang sedia ada. Fokus utama adalah untuk mengimbangi kualiti dan saiz fail.

Bagaimanakah saya menyediakan imej untuk cetak menggunakan Photoshop (resolusi, profil warna)? Bagaimanakah saya menyediakan imej untuk cetak menggunakan Photoshop (resolusi, profil warna)? Mar 18, 2025 pm 01:36 PM

Artikel ini membimbing untuk menyediakan imej untuk dicetak di Photoshop, memberi tumpuan kepada resolusi, profil warna, dan ketajaman. Ia berpendapat bahawa profil 300 ppi dan CMYK adalah penting untuk cetakan yang berkualiti.

See all articles