ホームページ  >  記事  >  ウェブフロントエンド  >  Photoshop制作绚丽的透明光束翅膀

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

PHP中文网
PHP中文网オリジナル
2016-06-01 14:34:262044ブラウズ

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

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制作绚丽的透明光束翅膀

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。