欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

Photoshop制作简洁大气轻烟般的淡蓝色透明光束

程序员文章站 2022-05-13 22:21:32
...
效果图中的光束虽然是一个整体,不过不同层次的光束可以分解出来,制作的时候按一定的顺序逐一制作,再把衔接处处理自然即可 效果图中的光束虽然是一个整体,不过不同层次的光束可以分解出来,制作的时候按一定的顺序逐一制作,再把衔接处处理自然即可。
最终效果

Photoshop制作简洁大气轻烟般的淡蓝色透明光束


1、新建一个1024 * 600像素,分辨率为72的画布。选择渐变工具,颜色设置如图1,然后由左上角向右下角拉出图2所示的线性渐变。

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图1>

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图2>

2、先来制作光丝的第一段,需要完成的效果如下图。

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图3>

3、新建一个组,用钢笔勾出下图所示的选区,然后给组添加图层蒙版。

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图4>

4、在组里新建一个图层,填充蓝色:#43A0FF,不透明度改为:40%。添加图层蒙版,用黑色画笔把上部边缘部分擦出透明效果,如下图。

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图5>

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图6>

5、新建一个图层,用钢笔勾出右侧部分的高光选区,羽化8个像素后填充同上的蓝色。

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图7>

6、新建一个图层,用钢笔勾出右侧边缘的高光选区,羽化4个像素后填充蓝色:#4EAFFC,混合模式改为“滤色”,如下图。

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图8>

7、新建一个图层,用钢笔勾出下图所示的选区,羽化2个像素后填充同上的蓝色,混合模式改为“滤色”,不透明度改为:30%。取消选区后用模糊工具把顶部稍微模糊处理。

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图9>

8、新建一个图层,用钢笔勾出中间部分的高光选区,羽化2个像素后填充蓝色,取消选区后用模糊工具把边缘涂抹自然。

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图10>

9、新建一个图层,用钢笔勾出顶部边缘的高光选区,羽化1个像素后填充青色:#83F7FF,如下图。

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图11>

10、新建图层,同上的方法给中间增加几条细的高光,如图12,13。

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图12>

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图13>

11、在背景图层上面新建一个组,用钢笔勾出第二段光束的轮廓,转为选区后给组添加图层蒙版。然后用模糊工具把两端稍微模糊处理。

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图14>

12、在组里新建图层,同上的方法先制作底色,然后制作边缘的高光,过程如图15 - 17。

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图15>

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图16>

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图17>

13、在背景图层上面新建一个组,同上的方法制作第三段光束,过程如图18 - 21。

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图18>

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图19>

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图20>

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图21>

14、在图层的最上面新建一个组,同上的方法制作第四段光束,过程如图22 - 30。

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图22>

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图23>

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图24>

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图25>

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图26>

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图27>

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图28>

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图29>

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图30>

15、在第四段组里新建一个图层,用套索勾出下图所示的选区,把选区羽化25个像素。

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图31>

16、保持选区,创建色相/饱和度调整图层,参数及效果如下图。

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图32>

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图33>

17、创建亮度/对比度调整图层,参数设置如图34,确定后按Ctrl + Alt + G 创建剪切蒙版,效果如图35。

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图34>

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图35>

18、创建色彩平衡调整图层,对高光进行调整,参数设置如图36,确定后按Ctrl + Alt + G 创建剪切蒙版,效果如图37。

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图36>

Photoshop制作简洁大气轻烟般的淡蓝色透明光束
<图37>

最后局部增加一点高光,再微调一下整体颜色,完成最终效果。

Photoshop制作简洁大气轻烟般的淡蓝色透明光束