Heim > Web-Frontend > PS-Tutorial > Hauptteil

Photoshop制作简单飘逸的青色烟雾

PHP中文网
Freigeben: 2016-06-01 14:30:08
Original
1296 Leute haben es durchsucht

烟雾看上去简单,其实包含了很多细小的烟雾。制作的时候可以先把烟雾分解一下,然后由底部开始慢慢制作,复杂的区域可以多分几个图层。
最终效果

Photoshop制作简单飘逸的青色烟雾


1、首先我们来制作烟雾的右侧部分,需要完成的效果如下图。

Photoshop制作简单飘逸的青色烟雾
<图1>

2、新建一个宽1200 * 高1000像素,分辨率为72的画布,背景填充黑色。新建一个组,在组里新建一个图层,先用钢笔勾出下图所示的选区,羽化2个像素后填充暗蓝色:#6E8DA9,如下图。

Photoshop制作简单飘逸的青色烟雾
<图2>
 
3、给当前图层添加图层蒙版,如下图。

Photoshop制作简单飘逸的青色烟雾
<图3>

4、在蒙版状态,用钢笔勾出下图所示的选区,羽化15个像素后把选区部分填充黑色,如下图。

Photoshop制作简单飘逸的青色烟雾
<图4>

5、新建一个图层,按Ctrl + Alt + G 创建剪切蒙版,用钢笔勾出下图所示的选区,羽化3个像素后填充蓝灰色:#A09FA4,如下图。

Photoshop制作简单飘逸的青色烟雾
<图5>

Photoshop制作简单飘逸的青色烟雾
<图6>

6、用钢笔勾出下图所示的选区,羽化5个像素后按Ctrl + J 复制到新的图层,同样的方法创建剪切蒙版,确定后把混合模式改为“滤色”,不透明度改为:40%,效果如下图。

Photoshop制作简单飘逸的青色烟雾
<图7>
 
7、新建一个图层,在色块的右侧边缘,用钢笔勾出高光选区,羽化1个像素后填充比底色稍亮的淡蓝色,取消选区后用模糊工具把两端稍微模糊处理,过程如图8,9。

Photoshop制作简单飘逸的青色烟雾
<图8>

Photoshop制作简单飘逸的青色烟雾
<图9>

8、在组的最上面新建一个图层,用钢笔勾出下图所示的选区。

Photoshop制作简单飘逸的青色烟雾
<图10>

9、选择渐变工具,颜色设置如图11,然后由上至下拉出线性渐变,取消选区后效果如图12。

Photoshop制作简单飘逸的青色烟雾
<图11>

Photoshop制作简单飘逸的青色烟雾
<图12>

10、用钢笔勾出下图所示的选区,羽化4个像素后按Ctrl + Shift + I 反选,按Ctrl + J 复制,取消选区后把图层不透明度改为:60%,效果如图14。

Photoshop制作简单飘逸的青色烟雾
<图13>

Photoshop制作简单飘逸的青色烟雾
<图14>
 
11、回到较大的色块图层,用钢笔沿着右侧边缘勾路径,转为选区后羽化2个像素,按Ctrl + J 复制到新的图层,效果如图16。

Photoshop制作简单飘逸的青色烟雾
<图15>

Photoshop制作简单飘逸的青色烟雾
<图16>

12、回到大的色块图层,用钢笔勾出图17所示的路径,转为选区后羽化6个像素,按Ctrl + J 复制到新的图层,添加图层蒙版,用黑色画笔把边缘过渡涂抹自然,效果如图18。

Photoshop制作简单飘逸的青色烟雾
<图17>

Photoshop制作简单飘逸的青色烟雾
<图18>

13、新建一个图层,用钢笔勾出图19所示的选区,加上同上的渐变色,效果如图20。

Photoshop制作简单飘逸的青色烟雾
<图19>

Photoshop制作简单飘逸的青色烟雾
<图20>
 
14、用钢笔沿着左侧边缘勾出图21所示的路径,转为选区后羽化1个像素,按Ctrl + J 复制到新的图层,再用模糊工具模糊一下边缘,效果如图22。

Photoshop制作简单飘逸的青色烟雾
<图21>

Photoshop制作简单飘逸的青色烟雾
<图22>

15、底部用同样的方法增加一点高光。

Photoshop制作简单飘逸的青色烟雾
<图23>

16、新建图层,同上的方法再制作一条细小的烟雾。

Photoshop制作简单飘逸的青色烟雾
<图24>

Photoshop制作简单飘逸的青色烟雾
<图25>

Photoshop制作简单飘逸的青色烟雾
<图26>
 
17、新建图层,同样的方法多增加一点细小的烟雾,右侧烟雾部分基本完成。

Photoshop制作简单飘逸的青色烟雾
<图27>

Photoshop制作简单飘逸的青色烟雾
<图28>

18、新建一个组,来制作左侧烟雾。新建一个图层,用钢笔勾出图29所示的选区,羽化1个像素后加上渐变色,再用同上的方法制作边缘高光。

Photoshop制作简单飘逸的青色烟雾
<图29>

Photoshop制作简单飘逸的青色烟雾
<图30>
 
19、新建图层,同样的方法制作其它小烟雾,过程如图31 - 34。

Photoshop制作简单飘逸的青色烟雾
<图31>

Photoshop制作简单飘逸的青色烟雾
<图32>

Photoshop制作简单飘逸的青色烟雾
<图33>

Photoshop制作简单飘逸的青色烟雾
<图34>

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

Photoshop制作简单飘逸的青色烟雾

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!