Home  >  Article  >  Web Front-end  >  Photoshop制作飘逸的彩色光带

Photoshop制作飘逸的彩色光带

PHP中文网
PHP中文网Original
2016-06-01 14:34:491687browse

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

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制作飘逸的彩色光带

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn