Rumah hujung hadapan web Tutorial PS Photoshop制作梦幻的彩色潮流圆环壁纸

Photoshop制作梦幻的彩色潮流圆环壁纸

Jun 01, 2016 pm 02:34 PM

本教程的壁纸大致分为3个大的部分来完成。首先是背景部分的制作,用一些色块叠加成较为梦幻的效果。然后就是圆环的制作,需要做出多种颜色,然后再慢慢组合。最后就是一些装饰部分的制作,可以直接用相关的笔刷来完成。

 最终效果

Photoshop制作梦幻的彩色潮流圆环壁纸


1、新建一个壁纸大小的文档,如1024 * 768像素。背景填充黑色。新建一个图层,用套索勾出下图所示的选区,按Ctrl + Alt + D 羽化120个像素后填充暗紫色:#7F3B7C,效果如下图。

Photoshop制作梦幻的彩色潮流圆环壁纸
<图1>
 
2、新建一个图层,用套索勾出下图所示的选区,羽化120个像素后填充暗蓝色:#333D9C,如下图。

Photoshop制作梦幻的彩色潮流圆环壁纸
<图2>

3、新建一个图层,用套索勾出下图所示的选区,羽化60个像素后填充紫色:#9B6DB3,如果觉得还不够自然,可以取消选区后再模糊处理,如下图。

Photoshop制作梦幻的彩色潮流圆环壁纸
<图3>

4、新建一个图层,同上的方法抠出下图所示的选区,羽化80个像素后填充暗紫色:#7C3C7F。

Photoshop制作梦幻的彩色潮流圆环壁纸
<图4>
 
5、新建一个图层,把前背景颜色恢复到默认的黑白。然后执行:滤镜 > 渲染 > 云彩,确定后再执行:滤镜 > 模糊 > 动感模糊,角度为:45,距离为160。确定后把图层混合模式改为“柔光”,加上图层蒙版,用黑白线性渐变把右边拉出透明效果,如下图。

Photoshop制作梦幻的彩色潮流圆环壁纸
<图5>

6、现在开始制作光环。新建一个图层,混合模式改为“叠加”,不透明度改为:50%。选择椭圆选框工具,按住Shift键拉一个正圆选区,拉上图7所示的线性渐变。然后在正圆的中心再拉一个较小的正圆选区,按Delete 删除,效果如图6。

Photoshop制作梦幻的彩色潮流圆环壁纸
<图6>

Photoshop制作梦幻的彩色潮流圆环壁纸
<图7>

7、按Ctrl + J 把当前图层复制一层,效果如下图。

Photoshop制作梦幻的彩色潮流圆环壁纸
<图8>
 
8、同上的方法,制作一个稍小的圆环,拉上同样的线性渐变色,混合模式改为“叠加”,不透明度改为:50%,效果如下图。

Photoshop制作梦幻的彩色潮流圆环壁纸
<图9>

9、按Ctrl + J 把小圆环图层复制一层,稍微向右下移动几个像素,效果如下图。

Photoshop制作梦幻的彩色潮流圆环壁纸
<图10>

10、按Ctrl + J 把当前小圆环图层复制一层,向左上移一点距离,效果如下图。

Photoshop制作梦幻的彩色潮流圆环壁纸
<图11>

11、同上的方法再多制作几种颜色的小圆环,如图12,13。

Photoshop制作梦幻的彩色潮流圆环壁纸
<图12>

Photoshop制作梦幻的彩色潮流圆环壁纸
<图13>
 
12、把做好的圆环图层按颜色合并,然后再复制,适当变改变大小和位置,每一个圆环的图层混合模式都是“强光”,过程如图14 - 16。

Photoshop制作梦幻的彩色潮流圆环壁纸
<图14>

Photoshop制作梦幻的彩色潮流圆环壁纸
<图15>

Photoshop制作梦幻的彩色潮流圆环壁纸
<图16>
 
13、新建一个图层,用画笔点上一些大小不同的小白点,效果如下图。

Photoshop制作梦幻的彩色潮流圆环壁纸
<图17>

14、把小白点复制一层,执行:滤镜 > 模糊 > 动感模糊,参数设置如图18,效果如图19。

Photoshop制作梦幻的彩色潮流圆环壁纸
<图18>

Photoshop制作梦幻的彩色潮流圆环壁纸
<图19>
 
15、再把原小白点图层的不透明度改为:40%,效果如下图。

Photoshop制作梦幻的彩色潮流圆环壁纸
<图20>

16、根据自己的喜好,在小圆圈上面装饰一些星光,效果如下图。

Photoshop制作梦幻的彩色潮流圆环壁纸
<图21>

17、再图层的最上面创建曲线调整图层,对RGB及蓝色进行调整,参数设置如图22,效果如图23。

Photoshop制作梦幻的彩色潮流圆环壁纸
<图22>

Photoshop制作梦幻的彩色潮流圆环壁纸
<图23>
 
18、新建一个图层,简单给图片加上暗角,大致效果如下图。

Photoshop制作梦幻的彩色潮流圆环壁纸
<图24>

19、新建一个图层,把前背景颜色恢复到默认的黑白,执行:滤镜 > 渲染 > 云彩,确定后把图层混合模式改为“柔光”,不透明度改为:50%,效果如下图。

Photoshop制作梦幻的彩色潮流圆环壁纸
<图25>

最后打上签名,再调整一下细节,完成最终效果。

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

Tag artikel 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

Bagaimana saya menggunakan Photoshop untuk mencipta grafik media sosial?

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

Bagaimanakah saya menyediakan imej untuk kegunaan web di Photoshop (saiz fail, resolusi, ruang warna)?

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

Bagaimana saya menentukur monitor saya untuk warna yang tepat di Photoshop?

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

Bagaimanakah saya menggunakan alat pemindahan kandungan dan kandungan yang menyedari kandungan Photoshop dengan berkesan?

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

Bagaimana saya menggunakan keupayaan penyuntingan video Photoshop?

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

Bagaimana saya membuat gif animasi di photoshop?

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

Bagaimanakah saya menyediakan imej untuk web menggunakan Photoshop (mengoptimumkan saiz fail, resolusi)?

Bagaimanakah saya boleh menguasai teknik pemilihan lanjutan di Photoshop (mis., Pilih dan Mask)? Bagaimanakah saya boleh menguasai teknik pemilihan lanjutan di Photoshop (mis., Pilih dan Mask)? Mar 12, 2025 pm 02:07 PM

Bagaimanakah saya boleh menguasai teknik pemilihan lanjutan di Photoshop (mis., Pilih dan Mask)?

See all articles