Heim > Web-Frontend > PS-Tutorial > Hauptteil

Photoshop制作绚丽的透明光束翅膀

PHP中文网
Freigeben: 2016-06-01 14:34:26
Original
2051 Leute haben es durchsucht

光束翅膀并不是直接制作的,制作之前需要自己做出一些半透明的光束,后期再适当复制及变形处理,做出想要的翅膀。前期的光束非常重要,效果好坏直接影响后面的效果。 最终效果

Photoshop制作绚丽的透明光束翅膀


Photoshop制作绚丽的透明光束翅膀
 
1、制作之前,我们需要完成的光束效果如下图。虽然只是一些普通的光束,由于数量较多,每一条都需要用手工来完成,因此工作量还是比较大的。

Photoshop制作绚丽的透明光束翅膀
<图1>

2、新建一个1000 * 1000像素的文档,背景填充黑色。新建一个组,在组里新建一个图层,用钢笔工具勾出下图所示的选区,填充蓝色:#0086B9。

Photoshop制作绚丽的透明光束翅膀
<图2>

3、取消选区后,用钢笔工具勾出图3所示的选区,按Ctrl + Alt + D 羽化5个像素后按Ctrl + J 复制到新的图层,影藏大色块后的效果如图4。

Photoshop制作绚丽的透明光束翅膀
<图3>

Photoshop制作绚丽的透明光束翅膀
<图4>
 
4、把大色块显示出来,用钢笔再勾出下图所示的选区,羽化1个像素后按Ctrl + J 复制到新的图层,影藏大色块后的效果如图6。

Photoshop制作绚丽的透明光束翅膀
<图5>

Photoshop制作绚丽的透明光束翅膀
<图6>

5、新建一个图层,用钢笔勾出下图所示的选区,填充蓝色:#008CC1。

Photoshop制作绚丽的透明光束翅膀
<图7>
 
6、取消选区后,用钢笔勾出下图所示的选区,按Ctrl + J 把选区部分的图形复制到新的图层,加上图层蒙版,用黑色画笔把两端涂点过渡效果,影藏大的色块后,效果如图9。

Photoshop制作绚丽的透明光束翅膀
<图8>

Photoshop制作绚丽的透明光束翅膀
<图9>
 
7、同上的方法,再制作其它颜色的光束,过程如图10 - 12。

Photoshop制作绚丽的透明光束翅膀
<图10>

Photoshop制作绚丽的透明光束翅膀
<图11>

Photoshop制作绚丽的透明光束翅膀
<图12>
 
8、新建一个图层,用画笔点上一些小点,局部可以装饰一些小圆环,这些都是比较容易做的图形,方法就不详述了,效果如下图。

Photoshop制作绚丽的透明光束翅膀
<图13>

9、把背景图层影藏,在图层的最上面新建一个图层,按Ctrl + Alt + Shift + E 盖印图层。效果如下图。

Photoshop制作绚丽的透明光束翅膀
<图14>

10、把背景图层显示出来,再把除盖印图层外的其它图层影藏。回到盖印图层,按Ctrl + T 变形,右键选择“变形”,适当拖动个节点,把光束压扁一点,如图15,变形后的效果如图16。

Photoshop制作绚丽的透明光束翅膀
<图15>

Photoshop制作绚丽的透明光束翅膀
<图16>
 
11、按Ctrl + J 把得到的变形光束复制一层,按Ctrl + T 变形处理,把中心点移到右下方,再向上旋转稍小的角度,再把图形稍微缩小一点,如图17,确定后再按Ctrl + Alt + Shift + T 复制,知道得到图18所示的效果。

Photoshop制作绚丽的透明光束翅膀
<图17>

Photoshop制作绚丽的透明光束翅膀
<图18>

12、把除背景以外的所示的复制图层都合并,然后再调整一下角度,效果如下图。

Photoshop制作绚丽的透明光束翅膀
<图19>
 
13、按Ctrl + T 变形,右键选择“变形”,调整各节点,处理成想要的翅膀效果,如图20,21。

Photoshop制作绚丽的透明光束翅膀
<图20>

Photoshop制作绚丽的透明光束翅膀
<图21>

14、把右边翅膀复制一层,水平翻转后移到左边,适当调整好位置,混合模式改为“变亮”,效果如下图。

Photoshop制作绚丽的透明光束翅膀
<图22>

最后调整一些细节和颜色,完成最终效果。

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