Maison > interface Web > Tutoriel PS > Photoshop设计制作出一段非常绚丽丝带般的彩色光束

Photoshop设计制作出一段非常绚丽丝带般的彩色光束

PHP中文网
Libérer: 2017-03-20 12:01:54
original
1597 Les gens l'ont consulté

绚丽的光束看上去复杂,其实也是由一些简单的小光束组合而成。制作之前,我们需要认真的分析,把复杂的东西简化,找出各条小光束,然后再逐步完成即可。 最终效果

Photoshop设计制作出一段非常绚丽丝带般的彩色光束


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

Photoshop设计制作出一段非常绚丽丝带般的彩色光束
<图1>
 
2、光束是分段来制作的,先来制作第一段。新建一个组,用钢笔勾出光束的轮廓,转为选区后给组添加图层蒙版,如下图。

Photoshop设计制作出一段非常绚丽丝带般的彩色光束
<图2>

3、在组里新建一个图层,用钢笔勾出光束顶部的高光选区,羽化10个像素后填充橙黄色:#FFC000,图层不透明度改为:76%,如下图。

Photoshop设计制作出一段非常绚丽丝带般的彩色光束
<图3>

4、新建一个图层,用钢笔勾出光束底部的高光选区,羽化8个像素后拉上图5所示的线性渐变,效果如下图。

Photoshop设计制作出一段非常绚丽丝带般的彩色光束
<图4>

Photoshop设计制作出一段非常绚丽丝带般的彩色光束
<图5>
 
5、现在来制作第二段光束,需要完成的效果如下图。

Photoshop设计制作出一段非常绚丽丝带般的彩色光束
<图6>

6、新建一个组,用钢笔勾出第二段光束的轮廓,转为选区后给组添加图层蒙版。

Photoshop设计制作出一段非常绚丽丝带般的彩色光束
<图7>

7、在组里新建一个图层,用钢笔勾出顶部高光选区,羽化3个像素后拉上图9所示的线性渐变。取消选区后再添加图层蒙版,用黑色画笔把左侧及边缘的过渡加强一下,效果如图10。

Photoshop设计制作出一段非常绚丽丝带般的彩色光束
<图8>

Photoshop设计制作出一段非常绚丽丝带般的彩色光束
<图9>

Photoshop设计制作出一段非常绚丽丝带般的彩色光束
<图10>
 
8、新建一个图层,用钢笔勾出底部的高光选区,羽化6个像素后拉上图12所示的线性渐变。

Photoshop设计制作出一段非常绚丽丝带般的彩色光束
<图11>

Photoshop设计制作出一段非常绚丽丝带般的彩色光束
<图12>

9、新建一个图层,用钢笔勾出顶部边缘的高光选区,羽化1个像素后填充紫色,混合模式改为“颜色减淡”,如下图。

Photoshop设计制作出一段非常绚丽丝带般的彩色光束
<图13>

10、新建一个组,再来制作第三段光束,需要完成的效果如下图。

Photoshop设计制作出一段非常绚丽丝带般的彩色光束
<图14>
 
11、新建一个组,用钢笔勾出第三段光束的轮廓,转为选区后给组添加图层蒙版,如下图。

Photoshop设计制作出一段非常绚丽丝带般的彩色光束
<图15>

12、在组里新建一个图层,用钢笔勾出底部的高光选区,羽化8个像素后拉上图17所示的线性渐变。

Photoshop设计制作出一段非常绚丽丝带般的彩色光束
<图16>

Photoshop设计制作出一段非常绚丽丝带般的彩色光束
<图17>

13、新建一个图层,用钢笔勾出顶部的高光选区,羽化6个像素后拉上同上的渐变色,效果如下图。

Photoshop设计制作出一段非常绚丽丝带般的彩色光束
<图18>
 
14、新建一个图层,稍微加强一下边缘的高光,效果如下图。

Photoshop设计制作出一段非常绚丽丝带般的彩色光束
<图19>

15、新建一个组,再来制作最后一段光束,需要完成的效果如下图。

Photoshop设计制作出一段非常绚丽丝带般的彩色光束
<图20>

16、在组里新建图层,同上的方法制作底部及顶部的高光,过程如图21,22。

Photoshop设计制作出一段非常绚丽丝带般的彩色光束
<图21>

Photoshop设计制作出一段非常绚丽丝带般的彩色光束
<图22>
 
17、把背景图层隐藏,新建一个图层,按Ctrl + Alt + Shift + E 盖印图层。然后把光束再复制,然后融合成较为复杂的光束,如图23,24。

Photoshop设计制作出一段非常绚丽丝带般的彩色光束
<图23>

Photoshop设计制作出一段非常绚丽丝带般的彩色光束
<图24>

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

Photoshop设计制作出一段非常绚丽丝带般的彩色光束

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal