Maison > interface Web > Tutoriel PS > Photoshop设计制作出飘逸的粉色丝绸飘带

Photoshop设计制作出飘逸的粉色丝绸飘带

PHP中文网
Libérer: 2017-03-20 11:57:52
original
3627 Les gens l'ont consulté

丝绸飘带的透明感较强,不太好刻画。制作的时候需要把彩带的高光及暗部分出来,然后由底部开始,逐层叠加颜色,慢慢把层次感刻画出来。

 最终效果
Photoshop设计制作出飘逸的粉色丝绸飘带


1、新建一个1024 * 768像素的文档,选择渐变工具,颜色设置如图1,由上至下拉出图2所示的线性渐变。

Photoshop设计制作出飘逸的粉色丝绸飘带
<图1>

Photoshop设计制作出飘逸的粉色丝绸飘带
<图2>
 
2、新建一个图层填充白色,按住Alt键添加图层蒙版,用白色画笔把中间的高光部分涂出来,如图3,4。

Photoshop设计制作出飘逸的粉色丝绸飘带
<图3>

Photoshop设计制作出飘逸的粉色丝绸飘带
<图4>

3、现在开始制作第一段菜单,由中间开始制作,需要完成的部分如下图。

Photoshop设计制作出飘逸的粉色丝绸飘带
<图5>
 
4、新建一个组,在组里新建一个图层,用钢笔勾出下图所示的选区,填充较淡的粉红色:#FFEEE7,如下图。

Photoshop设计制作出飘逸的粉色丝绸飘带
<图6>

5、新建一个图层,按Ctrl + Alt + G 创建剪贴蒙版,用钢笔勾出边缘暗部的选区,羽化2个像素后填充粉红色:#FFC9B3。

Photoshop设计制作出飘逸的粉色丝绸飘带
<图7>

6、新建一个图层,用钢笔勾出下图所示的选区,填充较淡的粉红色:#FFDCCF,如下图。

Photoshop设计制作出飘逸的粉色丝绸飘带
<图8>

7、新建一个图层,按Ctrl + Alt + G 创建剪贴蒙版,然后在当前图层下面新建一个图层,用钢笔勾出下图所示的选区,羽化5个像素后填充橙红色:#FC8E68。

Photoshop设计制作出飘逸的粉色丝绸飘带
<图9>
 
8、新建一个图层,用钢笔勾出顶部边缘暗部选区,羽化2个像素后填充橙红色:#F9604F,效果如下图。

Photoshop设计制作出飘逸的粉色丝绸飘带
<图10>

9、新建一个图层,用钢笔勾出右侧边缘选区,羽化2个像素后填充较淡粉红色:#FFAB87,效果如下图。

Photoshop设计制作出飘逸的粉色丝绸飘带
<图11>

10、新建一个图层,用钢笔勾出下图所示的选区,把前景颜色设置为粉红色:#FFC3A9,用画笔把顶部边缘部分涂上前景色,确定后把图层混合模式改为“正片叠底”,不透明度改为:30%。

Photoshop设计制作出飘逸的粉色丝绸飘带
<图12>

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

Photoshop设计制作出飘逸的粉色丝绸飘带
<图13>
 
12、在组里新建一个图层,填充橙红色:#F59968,确定后把图层不透明度改为:50%,效果如下图。

Photoshop设计制作出飘逸的粉色丝绸飘带
<图14>

13、新建一个图层,用钢笔勾出右边的高光选区,羽化10个像素后填充较淡的粉红色:#FDC69A,如下图。

Photoshop设计制作出飘逸的粉色丝绸飘带
<图15>

14、新建一个图层,用钢笔勾出中间暗部选区,羽化3个像素后填充粉红色:#FEBEA2,如下图。

Photoshop设计制作出飘逸的粉色丝绸飘带
<图16>

15、新建一个图层,用钢笔勾出下图所示的选区,羽化5个像素后填充橙红色:#FEB390,如下图。

Photoshop设计制作出飘逸的粉色丝绸飘带
<图17>
 
16、新建一个图层,用钢笔勾出左侧暗部选区,羽化20个像素后填充橙红色:#FAAA7A,如下图。

Photoshop设计制作出飘逸的粉色丝绸飘带
<图18>

17、新建一个图层,把前景颜色设置为淡黄色,用画笔把左侧的高光部分涂出来,确定后把图层混合模式改为“滤色”,如下图。

Photoshop设计制作出飘逸的粉色丝绸飘带
<图19>

18、新建一个图层,用钢笔勾出右侧底部的选区,羽化3个像素后填充橙红色:#F59C6B,如下图。

Photoshop设计制作出飘逸的粉色丝绸飘带
<图20>

19、局部再添加一些高光和暗部,第一条菜单基本完成。

Photoshop设计制作出飘逸的粉色丝绸飘带
<图21>
 
20、新建一个组,用钢笔勾出下图所示的选区,给组添加图层蒙版。

Photoshop设计制作出飘逸的粉色丝绸飘带
<图22>

21、同上的方法制作光束的高光及暗部,过程如图23 - 26。

Photoshop设计制作出飘逸的粉色丝绸飘带
<图23>

Photoshop设计制作出飘逸的粉色丝绸飘带
<图24>

Photoshop设计制作出飘逸的粉色丝绸飘带
<图25>
 
Photoshop设计制作出飘逸的粉色丝绸飘带
<图26>

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

Photoshop设计制作出飘逸的粉色丝绸飘带

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal