优艾设计网

Photoshop教程:打造飘逸的彩色光带

优艾设计网 https://www.uibq.com 2020-09-14 00:00 出处:网络 作者:bbs.16xx8.com
作者:Sener 作者:佚名   出处: 本教程重点是光带部分的制作。大致过程:先用路径工具勾出曲线的形状,然后逐步加上曲线边缘的高光。大致曲线完成后再渲染色彩。最后重复操作制作其它曲线即可。
作者:Sener 作者:佚名   出处:

Photoshop教程:打造飘逸的彩色光带

本教程重点是光带部分的制作。大致过程:先用路径工具勾出曲线的形状,然后逐步加上曲线边缘的高光。大致曲线完成后再渲染色彩。最后重复操作制作其它曲线即可。

最终效果

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教程:打造飘逸的彩色光带

提示:键盘也能翻页,试试"← →"键
0

精彩评论

暂无评论...
验证码 换一张
取 消