Rumah hujung hadapan web Tutorial PS Photoshop制作出漂亮的彩带立体感心形效果

Photoshop制作出漂亮的彩带立体感心形效果

Mar 20, 2017 pm 01:55 PM

本教程重点是彩带部分的制作,需要按照心形的边缘轮廓安排好彩带的形状,然后再慢慢渲染彩带的高光和暗部,做出立体感。后期再装饰一些小点即可。 

最终效果

Photoshop制作出漂亮的彩带立体感心形效果


1、新建一个800 * 800像素的文档,背景填充黑色,如下图。

Photoshop制作出漂亮的彩带立体感心形效果
<图1>
 
2、新建一个组,在组里新建一个图层,用钢笔勾出心形选区填充黑色,也可直接使用心形形状,大致效果如下图。

Photoshop制作出漂亮的彩带立体感心形效果
<图2>

3、在当前图层下面新建一个图层,用钢笔勾出一个稍大的心形,填充暗红色,如下图。

Photoshop制作出漂亮的彩带立体感心形效果
<图3>

4、新建一个图层,按Ctrl + Alt + G 创建剪切图层,然后用画笔把心形边缘涂上彩色,效果如下图。

Photoshop制作出漂亮的彩带立体感心形效果
<图4>
 
5、现在开始制作心形右边彩带部分,需要完成的效果如下图。

Photoshop制作出漂亮的彩带立体感心形效果
<图5>

6、在心形组的下面新建一个组,新建一个图层,用钢笔勾出右边彩带的选区后填充暗红色,效果如下图。

Photoshop制作出漂亮的彩带立体感心形效果
<图6>

7、新建一个图层,按Ctrl + Alt + G 创建剪切图层。然后在当前剪切图层下面新建一个图层,用钢笔勾出下图所示的选区,羽化10个像素后填充紫色,效果如下图。

Photoshop制作出漂亮的彩带立体感心形效果
<图7>
 
8、新建一个图层,用钢笔勾出下图所示的选区,填充稍亮的紫色,取消选区后添加图层蒙版,用黑色画笔把边缘部分涂出过渡效果,如下图。

Photoshop制作出漂亮的彩带立体感心形效果
<图8>

9、新建一个图层,用钢笔勾出下图所示的选区,羽化10个像素后填充暗红色。

Photoshop制作出漂亮的彩带立体感心形效果
<图9>

10、新建一个图层,用钢笔勾出底部高光部分的选区,羽化6个像素后填充橙红色,局部再用减淡工具稍微涂亮一点,如下图。

Photoshop制作出漂亮的彩带立体感心形效果
<图10>

11、新建一个图层,用钢笔勾出下图所示的选区,羽化3个像素后填充淡黄色,效果如下图。

Photoshop制作出漂亮的彩带立体感心形效果
<图11>
 
12、新建一个图层,用钢笔勾出底部暗部的选区,羽化4个像素后填充暗红色,效果如下图。

Photoshop制作出漂亮的彩带立体感心形效果
<图12>

13、新建一个图层,用钢笔勾出底部边缘高光选区,羽化2个像素后填充淡黄色,局部用减淡工具涂亮一点,取消选区后添加图层蒙版,用黑色画笔把顶部涂点过渡效果。到这一步底色部分基本完成,效果如图14。

Photoshop制作出漂亮的彩带立体感心形效果
<图13>

Photoshop制作出漂亮的彩带立体感心形效果
<图14>

14、在组的最上面新建一个图层,用钢笔勾出边缘菜单部分的选区,填充稍亮的暗红色,效果如下图。

Photoshop制作出漂亮的彩带立体感心形效果
<图15>
 
15、新建一个剪切图层,用钢笔勾出顶部高光部分的选区,填充稍亮的红色,如下图。

Photoshop制作出漂亮的彩带立体感心形效果
<图16>

16、新建一个剪切图层,用钢笔勾出中间高光部分的选区,羽化10个像素后填充橙黄色。

Photoshop制作出漂亮的彩带立体感心形效果
<图17>

17、新建一个图层,同上的方法涂出边缘高光部分的颜色,效果如下图。

Photoshop制作出漂亮的彩带立体感心形效果
<图18>
 
18、在组的最上面新建一个图层,用钢笔勾出图19所示的选区,然后慢慢用画笔涂抹暗部和高光的颜色,过程如图19 - 21。

Photoshop制作出漂亮的彩带立体感心形效果
<图19>

Photoshop制作出漂亮的彩带立体感心形效果
<图20>

Photoshop制作出漂亮的彩带立体感心形效果
<图21>

19、新建一个组,新建图层后,用钢笔勾出左边彩带部分的选区,填充深蓝色,如下图。

Photoshop制作出漂亮的彩带立体感心形效果
<图22>
 
20、新建一个剪切图层,同上的方法渲染暗部及高光的颜色,过程如图23,24。

Photoshop制作出漂亮的彩带立体感心形效果
<图23>

Photoshop制作出漂亮的彩带立体感心形效果
<图24>

21、新建一个图层,用钢笔勾出边缘彩带部分的选区,填充深蓝色,然后再渲染边缘高光,过程如图25 - 28。

Photoshop制作出漂亮的彩带立体感心形效果
<图25>

Photoshop制作出漂亮的彩带立体感心形效果
<图26>

Photoshop制作出漂亮的彩带立体感心形效果
<图27>

Photoshop制作出漂亮的彩带立体感心形效果
<图28>
 
22、创建亮度/对比度调整图层,参数设置如图29,效果如图30。

Photoshop制作出漂亮的彩带立体感心形效果
<图29>

Photoshop制作出漂亮的彩带立体感心形效果
<图30>

23、新建一个图层,按Ctrl + Alt + Shift + E 盖印图层。混合模式改为“颜色减淡”,按住Alt键添加图层蒙版,用白色画笔把需要加强的部分擦出来,效果如下图。

Photoshop制作出漂亮的彩带立体感心形效果
<图31>

24、新建一个图层,用画笔点上一些小点,大致效果如下图。

Photoshop制作出漂亮的彩带立体感心形效果
<图32>

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

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.

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)

Apakah sebab mengapa PS terus menunjukkan pemuatan? Apakah sebab mengapa PS terus menunjukkan pemuatan? Apr 06, 2025 pm 06:39 PM

PS "Memuatkan" Masalah disebabkan oleh akses sumber atau masalah pemprosesan: Kelajuan bacaan cakera keras adalah perlahan atau buruk: Gunakan CrystaldiskInfo untuk memeriksa kesihatan cakera keras dan menggantikan cakera keras yang bermasalah. Memori yang tidak mencukupi: Meningkatkan memori untuk memenuhi keperluan PS untuk imej resolusi tinggi dan pemprosesan lapisan kompleks. Pemandu kad grafik sudah lapuk atau rosak: Kemas kini pemandu untuk mengoptimumkan komunikasi antara PS dan kad grafik. Laluan fail terlalu panjang atau nama fail mempunyai aksara khas: Gunakan laluan pendek dan elakkan aksara khas. Masalah PS sendiri: Pasang semula atau membaiki pemasang PS.

Apakah soalan umum mengenai mengeksport PDF di PS Apakah soalan umum mengenai mengeksport PDF di PS Apr 06, 2025 pm 04:51 PM

Soalan dan penyelesaian yang sering ditanya Apabila mengeksport PS sebagai PDF: Font Embedding Masalah: Periksa pilihan "Font", pilih "Benamkan" atau tukar fon ke dalam lengkung (laluan). Masalah Penyimpangan Warna: Tukar fail ke dalam mod CMYK dan laraskan warna; Secara langsung mengeksportnya dengan RGB memerlukan persediaan psikologi untuk pratonton dan sisihan warna. Isu Resolusi dan Saiz Fail: Pilih resolusi mengikut keadaan sebenar, atau gunakan pilihan mampatan untuk mengoptimumkan saiz fail. Isu Kesan Khas: Gabungan (meratakan) lapisan sebelum mengeksport, atau menimbang kebaikan dan keburukan.

Bagaimana untuk menyelesaikan masalah pemuatan apabila PS sentiasa menunjukkan bahawa ia memuatkan? Bagaimana untuk menyelesaikan masalah pemuatan apabila PS sentiasa menunjukkan bahawa ia memuatkan? Apr 06, 2025 pm 06:30 PM

Kad PS adalah "Memuatkan"? Penyelesaian termasuk: Memeriksa konfigurasi komputer (memori, cakera keras, pemproses), membersihkan pemecahan cakera keras, mengemas kini pemacu kad grafik, menyesuaikan tetapan PS, memasang semula PS, dan membangunkan tabiat pengaturcaraan yang baik.

Cara menetapkan perlindungan kata laluan untuk pdf eksport di ps Cara menetapkan perlindungan kata laluan untuk pdf eksport di ps Apr 06, 2025 pm 04:45 PM

Eksport PDF yang dilindungi kata laluan di Photoshop: Buka fail imej. Klik "Fail" & gt; "Eksport" & gt; "Eksport sebagai PDF". Tetapkan pilihan "Keselamatan" dan masukkan kata laluan yang sama dua kali. Klik "Eksport" untuk menghasilkan fail PDF.

Bagaimana untuk mempercepatkan kelajuan pemuatan PS? Bagaimana untuk mempercepatkan kelajuan pemuatan PS? Apr 06, 2025 pm 06:27 PM

Menyelesaikan masalah Permulaan Photoshop Perlahan memerlukan pendekatan berbilang arah, termasuk: menaik taraf perkakasan (memori, pemacu keadaan pepejal, CPU); menyahpasang pemalam yang sudah lapuk atau tidak serasi; membersihkan sampah sistem dan program latar belakang yang berlebihan dengan kerap; menutup program yang tidak relevan dengan berhati -hati; Mengelakkan membuka sejumlah besar fail semasa permulaan.

Bagaimana untuk menyelesaikan masalah pemuatan apabila PS membuka fail? Bagaimana untuk menyelesaikan masalah pemuatan apabila PS membuka fail? Apr 06, 2025 pm 06:33 PM

"Memuatkan" gagap berlaku apabila membuka fail pada PS. Sebab-sebabnya mungkin termasuk: fail yang terlalu besar atau rosak, memori yang tidak mencukupi, kelajuan cakera keras perlahan, masalah pemacu kad grafik, versi PS atau konflik plug-in. Penyelesaiannya ialah: Semak saiz fail dan integriti, tingkatkan memori, menaik taraf cakera keras, mengemas kini pemacu kad grafik, menyahpasang atau melumpuhkan pemalam yang mencurigakan, dan memasang semula PS. Masalah ini dapat diselesaikan dengan berkesan dengan memeriksa secara beransur -ansur dan memanfaatkan tetapan prestasi PS yang baik dan membangunkan tabiat pengurusan fail yang baik.

Bagaimanakah Feathering PS mengawal kelembutan peralihan? Bagaimanakah Feathering PS mengawal kelembutan peralihan? Apr 06, 2025 pm 07:33 PM

Kunci kawalan bulu adalah memahami sifatnya secara beransur -ansur. PS sendiri tidak menyediakan pilihan untuk mengawal lengkung kecerunan secara langsung, tetapi anda boleh melaraskan radius dan kelembutan kecerunan dengan pelbagai bulu, topeng yang sepadan, dan pilihan halus untuk mencapai kesan peralihan semula jadi.

Cara menarik garis rujukan menegak PS Cara menarik garis rujukan menegak PS Apr 06, 2025 pm 08:18 PM

Tarik panduan menegak di Photoshop: Membolehkan pandangan penguasa (Lihat & gt; penguasa). Tuding tetikus di atas pinggir menegak penguasa, dan kemudian kursor menjadi garis menegak dengan anak panah berganda dan tahan dan seret tetikus untuk mengeluarkan garisan rujukan. Klik Padam dengan menyeret panduan, atau melayang ke salib.

See all articles