Rumah hujung hadapan web Tutorial PS Photoshop设计制作出超酷的紫色喷溅水珠心形效果

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

Jun 01, 2016 pm 02:33 PM
Ungu

本教程制作过程虽然复杂,不过思路很好理解。我们只需要用喷溅笔刷或素材,按照心形的轮廓刷上笔刷。然后把得到的喷溅心形多复制几层,分别设置好图层样式,把颜色及水珠质感设置出来即可。

 最终效果

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

1、新建1024*768的画布,分辨率72DPI,使用自定义形状工具做一个心形图案。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果
 
2、插入不同的飞溅素材,适当的变换和旋转,使之成为心形,每个图层的图层混合模式均为正片叠底,这样可以显现出背景的心形。如下图所示同样的飞溅素材使用了两次,只是适当的拉伸、移动和倒置。点这里下载所有喷溅素材。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

3、和上述步骤一样,插入不同形状的飞溅素材。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

4、选中所有的飞溅素材,将其转换为智能对象。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

5、所有的飞溅素材图层将转换成一个智能对象图层。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果
 
6、新建色阶调整层、黑白调整层,执行滤镜----模糊、表面模糊,相关参数设置如下图所示。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

模糊参数设置。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

色阶参数设置。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

黑白参数设置。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果
 
7、将智能对象图层和调整图层合并,将得到一个黑白的飞溅图层。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

8、消除白色背景,选择---色彩范围,用吸管吸取白色背景并移除。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

9、图示的即为消除白色背景后的图层。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

10、添加渐变叠加的图层样式。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

Photoshop设计制作出超酷的紫色喷溅水珠心形效果
 
11、复制飞溅素材图层,对第一层添加调整图层。投影:正片叠底;内阴影:正常;斜面和浮雕:内斜面,平滑;等高线:线性;光泽:线性光;渐变叠加:叠加。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

Photoshop设计制作出超酷的紫色喷溅水珠心形效果
 
12、对飞溅素材图层副本添加以下混合选项,斜面和浮雕:内斜面,光滑,等高线手工调整;等高线:线性;光泽:线性光;图案叠加:叠加。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

Photoshop设计制作出超酷的紫色喷溅水珠心形效果
 
13、在最下面的飞溅素材图层和背景图层之间新建一个图层,在画布中间用柔化画笔做一个300像素的圆斑。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

14、复制圆斑图层,至于上方,对于圆斑使用自由变换工具拉伸,并移动到图示位置。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

15、返回心形背景图层,添加渐变叠加,填充为0。渐变叠加:叠加,线性。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

Photoshop设计制作出超酷的紫色喷溅水珠心形效果
 
16、保持心形图层可编辑,对于飞溅素材图层载入选区(CTRL+单击),对心形图层添加蒙版并载入选区。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

17、合并除背景图层和圆斑图层之外的所有图层,不透明的调整为25%。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

18、复制合并后的图层,放在背景图层之上,通过自由变换工具垂直翻转并增大尺寸,执行:编辑---变化---垂直翻转,图层混合模式为柔光,不透明的35%。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

19、接下来创建一条光带。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

20、为了创建这个光带,使用1像素的两个画笔,底部填充粉色/透明的横向渐变映射,顶部填充黑色至暗紫色。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果
 
21、顶部的粉红色椭圆斑点用300像素,圆度12%的柔角笔刷创建。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

最后加上装饰文字,完成最终效果。

Photoshop设计制作出超酷的紫色喷溅水珠心形效果

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.

Artikel Panas

R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)
2 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Tetapan grafik terbaik
2 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Cara Memperbaiki Audio Jika anda tidak dapat mendengar sesiapa
2 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

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 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 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.

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.

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 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.

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.

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.

See all articles