ホームページ  >  記事  >  ウェブフロントエンド  >  Photoshop打造绚丽的彩色光束飘带

Photoshop打造绚丽的彩色光束飘带

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

光束的构造可能较为复杂,有时候不知道从哪里入手。如果仔细观察以后,光束都是有规律可寻的,每一条光束都是有起点和终点的,而是都是整条的。分清以后再逐条或逐段制作就很方便了。 最终效果

Photoshop打造绚丽的彩色光束飘带


1、本教程的光束由于色彩构成较为复杂,制作的时候需要分段来完成,首先是制作头部,大致需要完成的效果如下图。

Photoshop打造绚丽的彩色光束飘带
<图1>
 
2、新建一个1024 * 768像素的文档,背景填充黑色。新建一个组,在组里新建一个图层,用钢笔勾出图2所示的选区,填充颜色:#BF9023,取消选区后加上图层蒙版,用透明度较低的黑色画笔把顶部擦点过渡效果,如图3。

Photoshop打造绚丽的彩色光束飘带
<图2>

Photoshop打造绚丽的彩色光束飘带
<图3>

3、新建一个图层,按Ctrl + Alt + G 与前一个图层编组,然后在当前图层下面新建一个图层,用钢笔勾出下图所示的选区,羽化3个像素后填充黄色。

Photoshop打造绚丽的彩色光束飘带
<图4>

4、新建一个图层,用钢笔勾出边缘高光部分选区,羽化3个像素后填充黄色,如下图。

Photoshop打造绚丽的彩色光束飘带
<图5>
 
5、在图层的最上面,新建一个图层,用钢笔勾出右边折起的光束部分选区,填充颜色:#F16279。

Photoshop打造绚丽的彩色光束飘带
<图6>

6、新建一个图层,按Ctrl + Alt + G 与前一个图层编组,然后在当前图层下面新建一个图层。用钢笔勾出下图所示的选区,羽化3个像素后填充颜色:#FAE19E。

Photoshop打造绚丽的彩色光束飘带
<图7>

7、新建一个图层,用钢笔勾出底部反光部分的选区,羽化2个像素后填充颜色:#FCECA1。

Photoshop打造绚丽的彩色光束飘带
<图8>

8、新建一个图层,用钢笔勾出边缘高光部分的选区,填充白色,如下图。

Photoshop打造绚丽的彩色光束飘带
<图9>

9、新建一个图层,用钢笔勾出一条较小的曲线光束,填充白色,也可以用描边路径来完成,效果如下图。

Photoshop打造绚丽的彩色光束飘带
<图10>
 
10、目前为止的效果图如下,如果有不太满意的部分可以重新修改。

Photoshop打造绚丽的彩色光束飘带
<图11>

11、在图层的最上面新建一个图层,用钢笔勾出下图所示的选区,填充黄色。

Photoshop打造绚丽的彩色光束飘带
<图12>

12、用钢笔勾出选区右边的边缘部分,羽化6个像素后按Ctrl + J 把选区部分的图形复制到新建的图层,然后再加上红色至紫色的线性渐变。为了明显,这里隐藏了色块图层。

Photoshop打造绚丽的彩色光束飘带
<图13>

13、把色块显示出来,用钢笔勾出左上边边缘的选区,羽化3个像素后按Ctrl + J复制到新的图层,按Ctrl + Shift + ] 置顶,锁定不透明度后用红色画笔把右边涂上一些环境光。效果如下图。

Photoshop打造绚丽的彩色光束飘带
<图14>
 
14、新建一个图层,用钢笔勾出边缘的高光选区,如图15,填充黄色,效果如图16。

Photoshop打造绚丽的彩色光束飘带
<图15>

Photoshop打造绚丽的彩色光束飘带
<图16>

15、新建一个图层,用钢笔勾出下图所示的选区,拉上橙红色至紫色线性渐变。

Photoshop打造绚丽的彩色光束飘带
<图17>

16、新建一个图层,按Ctrl + Alt + G 与前一图层编组,再在当前图层下面新建一个图层,用钢笔勾出下图所示的选区,羽化6个像素后填充红色。

Photoshop打造绚丽的彩色光束飘带
<图18>

17、同上的方法用钢笔勾出下图所示的选区,羽化5个像素后填充暗黄色。

Photoshop打造绚丽的彩色光束飘带
<图19>
 
18、新建一个图层,用钢笔勾出中间高光部分的选区,羽化3个像素后填充黄色,效果如下图。到这一步头部位置的光束基本完成。

Photoshop打造绚丽的彩色光束飘带
<图20>

19、在背景图层上面新建一个组,下面再来制作位置光束部分。大致需要完成的效果如下图。

Photoshop打造绚丽的彩色光束飘带
<图21>

20、新建一个图层,用钢笔勾出下图所示的选区,填充暗蓝色,作为底色。

Photoshop打造绚丽的彩色光束飘带
<图22>

21、新建一个图层,按Ctrl + Alt + G 与前一图层编组,在当前图层下面新建一个图层,用钢笔勾出底部高光部分的选区,羽化3个像素后填充蓝色。

Photoshop打造绚丽的彩色光束飘带
<图23>
 
22、新建一个图层,用钢笔勾出底部边缘的高光选区,分别用画笔涂上紫色和青蓝色,效果如下图。

Photoshop打造绚丽的彩色光束飘带
<图24>

23、新建一个图层,用钢笔勾出下图所示的选区,羽化3个像素后填充比底色稍亮一点的蓝色,如图25。中间部分用画笔涂上一些高光,涂抹的不均匀可以再用涂抹工具稍作修整,效果如图26。

Photoshop打造绚丽的彩色光束飘带
<图25>

Photoshop打造绚丽的彩色光束飘带
<图26>

24、新建一个图层,用钢笔勾出下图所示的选区,填充蓝色,加上图层蒙版,用黑色画笔把右边部分稍微擦掉。

Photoshop打造绚丽的彩色光束飘带
<图27>

25、新建一个图层,用钢笔勾出下图所示的选区,羽化8个像素后填充紫色,效果如下图。

Photoshop打造绚丽的彩色光束飘带
<图28>
 
26、新建一个图层,用钢笔勾出下图所示的选区,羽化6个像素后填充紫红色。

Photoshop打造绚丽的彩色光束飘带
<图29>

27、新建一个图层,同上的方法制作边缘及中间高光部分,过程如图30 - 32。

Photoshop打造绚丽的彩色光束飘带
<图30>

Photoshop打造绚丽的彩色光束飘带
<图31>

Photoshop打造绚丽的彩色光束飘带
<图32>

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

Photoshop打造绚丽的彩色光束飘带

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