> 웹 프론트엔드 > PS 튜토리얼 > Photoshop打造简单的红色羽毛笔

Photoshop打造简单的红色羽毛笔

PHP中文网
풀어 주다: 2016-06-01 14:35:08
원래의
1835명이 탐색했습니다.

羽毛笔的制作重点是羽绒部分的纹理制作。本教程只是制作一些简单的羽绒纹路,不需要细化成真正的羽绒。制作的时候用选区工具做出选区后,分别作出高光和暗调部分的即可。 最终效果

Photoshop打造简单的红色羽毛笔


1、新建一个800 * 600像素的文档,背景填充颜色:#E5C98E,用减淡工具把中间部分稍微涂亮一点,效果如下图。

Photoshop打造简单的红色羽毛笔
<图1>
 
2、新建一个图层,命名为“羽毛轮廓”。用钢笔工具勾出羽毛的轮廓,转为选区如图2,然后填充黑色,效果如图3。

Photoshop打造简单的红色羽毛笔
<图2>

Photoshop打造简单的红色羽毛笔
<图3>
 
3、新建一个图层,用钢笔勾出图4所示的选区,选择渐变工具,颜色设置如图5,拉出图6所示的线性渐变。

Photoshop打造简单的红色羽毛笔
<图4>

Photoshop打造简单的红色羽毛笔
<图5>

Photoshop打造简单的红色羽毛笔
<图6>
 
4、新建一个图层,用钢笔勾出中间暗调部分的选区,如图7,选择渐变工具,颜色设置如图8,拉出图9所示的线性渐变。

Photoshop打造简单的红色羽毛笔
<图7>

Photoshop打造简单的红色羽毛笔
<图8>

Photoshop打造简单的红色羽毛笔
<图9>
 
5、新建一个图层,用钢笔勾出笔头部分的选区,填充黑色,效果如下图。

Photoshop打造简单的红色羽毛笔
<图10>

6、新建一个图层,用钢笔勾出笔头高光部分的选区如图11,填充灰色:#9C9C9C,顶部稍微用减淡工具涂亮一点,效果如图12。

Photoshop打造简单的红色羽毛笔
<图11>

Photoshop打造简单的红色羽毛笔
<图12>
 
7、回到“羽毛轮廓”图层,用钢笔勾出图13所示的选区,按Ctrl + J 把选区部分图形复制到新的图层。然后锁定图层,把图形填充红色:#D70011,效果如图14。

Photoshop打造简单的红色羽毛笔
<图13>

Photoshop打造简单的红色羽毛笔
<图14>

8、新建一个图层,按Ctrl + Alt + G 与前一图层编组。然后在当前图层下面新建一个图层,用钢笔勾出下图所示的选区,按Ctrl + Alt + D 羽化10个像素后填充暗红色:#8E0000。

Photoshop打造简单的红色羽毛笔
<图15>
 
9、新建一个图层,用钢笔勾出羽绒部分的选区,填充白色,效果如下图。

Photoshop打造简单的红色羽毛笔
<图16>

10、调出当前图层选区,新建一个图层用白色画笔把选区内侧边缘部分涂上白色,效果如图17,确定锁定图层,填充颜色:#BB010B,图层混合模式改为“滤色”,不透明度改为:20%,然后下面的图层隐藏,效果如图18。

Photoshop打造简单的红色羽毛笔
<图17>

Photoshop打造简单的红色羽毛笔
<图18>
 
11、调出羽绒部分的选区,按Ctrl + Shift + I 反选,新建一个图层用白色画笔涂出图20所示的效果。锁定图层后,把图形填充颜色:#BC030D,图层混合模式改为“正片叠底”,不透明度改为:40%,效果如图21。

Photoshop打造简单的红色羽毛笔
<图19>

Photoshop打造简单的红色羽毛笔
<图20>

Photoshop打造简单的红色羽毛笔
<图21>
 
12、回到“羽毛轮廓”图层,用钢笔勾出下半部分的羽毛,复制到新的图层后填充红色:#D70011,效果如下图。

Photoshop打造简单的红色羽毛笔
<图22>

13、新建一个图层,按Ctrl + Alt + G 与前一图层编组。然后在当前图层下面新建一个图层,用钢笔勾出下图所示的选区,羽化10个像素后填充暗红色:#8D0000。

Photoshop打造简单的红色羽毛笔
<图23>
 
14、同上的方法制作羽绒部分,如图24,25。

Photoshop打造简单的红色羽毛笔
<图24>

Photoshop打造简单的红色羽毛笔
<图25>

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

Photoshop打造简单的红色羽毛笔

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿