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

Photoshop制作飘逸的彩色光带

程序员文章站 2022-04-26 16:49:29
...
本教程重点是光带部分的制作。大致过程:先用路径工具勾出曲线的形状,然后逐步加上曲线边缘的高光。大致曲线完成后再渲染色彩。最后重复操作制作其它曲线即可。 最终效果

Photoshop制作飘逸的彩色光带


1、新建一个壁纸大小得到文档,如1024 * 768像素,背景填充黑色,如下图。

Photoshop制作飘逸的彩色光带
<图1>

2、新建一个图层,命名为“曲线1”,用钢笔勾出下图所示的选区,填充白色。

Photoshop制作飘逸的彩色光带
<图2>

3、新建一个图层,用钢笔沿着白色色块顶部边缘勾出图3所示的选区,按Ctrl + Alt + D 羽化3个像素后填充紫色:#A423BA,确定后调出“曲线1”图层选区,直接加上图层蒙版,效果如图4。

Photoshop制作飘逸的彩色光带
<图3>

Photoshop制作飘逸的彩色光带
<图4>

4、新建一个图层,用钢笔沿着白色色块顶部边缘勾出图5所示的选区,按Ctrl + Alt + D 羽化12个像素后填充紫色:#A423BA,确定后调出“曲线1”图层选区,直接加上图层蒙版,效果如图6。

Photoshop制作飘逸的彩色光带
<图5>

Photoshop制作飘逸的彩色光带
<图6>

5、把当前图层复制一层,图层不透明度改为:30%,效果如图7,隐藏“曲线1”图层后效果如图8。

Photoshop制作飘逸的彩色光带
<图7>

Photoshop制作飘逸的彩色光带
<图8>

6、把背景图层上面的几个可见图层合并,然后如下图所示锁定图层。

Photoshop制作飘逸的彩色光带
<图9>

7、选择矩形选框工具拉出图10所示的选区,选择渐变工具,颜色设置如图11,拉出图12所示的线性渐变。

Photoshop制作飘逸的彩色光带
<图10>

Photoshop制作飘逸的彩色光带
<图11>

Photoshop制作飘逸的彩色光带
<图12>

8、按Ctrl + Shift + I 把选区反选,选择渐变工具,颜色设置如图14,拉出图15所示的线性渐变。其实可以用渐变一次拉好渐变,不过曲线弧度位置渐变不太好控制,分段可以随意拉出想要的效果。

Photoshop制作飘逸的彩色光带
<图13>

Photoshop制作飘逸的彩色光带
<图14>

Photoshop制作飘逸的彩色光带
<图15>

9、取消选区后,彩色曲线效果如下图。

Photoshop制作飘逸的彩色光带
<图16>

10、其它曲线的制作方法同上。做好是每一条曲线放置在一个组里,这样方便管理和修改。过程如图:17 - 23。

Photoshop制作飘逸的彩色光带
<图17>

Photoshop制作飘逸的彩色光带
<图18>

Photoshop制作飘逸的彩色光带
<图19>

Photoshop制作飘逸的彩色光带
<图20>

Photoshop制作飘逸的彩色光带
<图21>

Photoshop制作飘逸的彩色光带
<图22>

Photoshop制作飘逸的彩色光带
<图23>

11、创建亮度/对比度调整图层,参数设置如图24,效果如图25。

Photoshop制作飘逸的彩色光带
<图24>

Photoshop制作飘逸的彩色光带
<图25>

12、新建一个图层,图层混合模式改为“颜色减淡”。把前景颜色设置为:#D7D41D,用画笔把想要加亮的部分涂上高光,如下图,确定后可以适当降低图层不透明度。

Photoshop制作飘逸的彩色光带
<图26>

13、新建一个图层,加上简单的投影,效果如下图。

Photoshop制作飘逸的彩色光带
<图27>

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

Photoshop制作飘逸的彩色光带
相关标签: 飘逸 彩色光带