> 웹 프론트엔드 > PS 튜토리얼 > Photoshop制作简洁的火焰蝴蝶

Photoshop制作简洁的火焰蝴蝶

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

制作效果图之前,我们可以先找一张蝴蝶实物图参考一下,然后把主要的轮廓及线条提取出来,再用类似火焰的高光表现出来即可 制作效果图之前,我们可以先找一张蝴蝶实物图参考一下,然后把主要的轮廓及线条提取出来,再用类似火焰的高光表现出来即可。
最终效果

Photoshop制作简洁的火焰蝴蝶


1、新建一个800 * 800像素的文件,背景填充黑色。先来制作右侧的翅膀,需要完成的效果如下图。

Photoshop制作简洁的火焰蝴蝶
<图1>

2、新建一个组,在组里新建一个图层,选择钢笔工具,在属性栏选择路径模式,然后勾出第一条高光路径,如图2,3。

Photoshop制作简洁的火焰蝴蝶
<图2>

Photoshop制作简洁的火焰蝴蝶
<图3>
 
3、按Ctrl + 回车把路径转为选区,羽化3个像素后填充红色:#EE6301,取消选区后把不透明度改为:80%,效果如下图。

Photoshop制作简洁的火焰蝴蝶
<图4>

4、切换到钢笔工具,勾出下图所示的闭合路径。

Photoshop制作简洁的火焰蝴蝶
<图5>

5、按Ctrl + 回车把路径转为选区,羽化1个像素后按Ctrl + J 复制到新的图层,如下图。

Photoshop制作简洁的火焰蝴蝶
<图6>

6、锁定当前图层像素区域,把前景色设置为橙黄色:#FFEC06,然后按Alt + Delete填充前景色,如下图。

Photoshop制作简洁的火焰蝴蝶
<图7>

7、添加图层蒙版,用透明度较低的黑色画笔擦掉不需要的部分,效果如下图。到这里第一条高光基本完成,高光制作非常简单。

Photoshop制作简洁的火焰蝴蝶
<图8>
 
8、再来制作第二条高光。新建一个图层,同样用钢笔勾出高光的轮廓路径,转为选区后羽化3个像素,并填充红色。取消选区后可以用涂抹工具修饰一下边缘,把过渡调整自然。

Photoshop制作简洁的火焰蝴蝶
<图9>

9、用钢笔勾出下图所示的闭合路径。

Photoshop制作简洁的火焰蝴蝶
<图10>

10、按Ctrl + 回车把路径转为选区,羽化1个像素后按Ctrl + J 把选区部分的色块复制到新的图层,锁定像素区域后填充橙黄色。

Photoshop制作简洁的火焰蝴蝶
<图11>

11、选择钢笔工具,勾出下图所示的闭合路径。

Photoshop制作简洁的火焰蝴蝶
<图12>

12、按Ctrl + 回车把路径转为选区,羽化1个像素后按Ctrl + J 复制到新的图层,混合模式改为“颜色减淡”,如下图。

Photoshop制作简洁的火焰蝴蝶
<图13>
 
13、其它高光的制作方法完全相同,局部可以调整一下高光的透明度,过程如图14 - 24。

Photoshop制作简洁的火焰蝴蝶
<图14>

Photoshop制作简洁的火焰蝴蝶
<图15>

Photoshop制作简洁的火焰蝴蝶
<图16>

Photoshop制作简洁的火焰蝴蝶
<图17>

Photoshop制作简洁的火焰蝴蝶
<图18>

Photoshop制作简洁的火焰蝴蝶
<图19>
 
Photoshop制作简洁的火焰蝴蝶
<图20>

Photoshop制作简洁的火焰蝴蝶
<图21>

Photoshop制作简洁的火焰蝴蝶
<图22>

Photoshop制作简洁的火焰蝴蝶
<图23>

Photoshop制作简洁的火焰蝴蝶
<图24>

14、现在再来制作一些彩色高光。新建一个图层,同上的方法来制作一些高光,颜色为白色,如下图。

Photoshop制作简洁的火焰蝴蝶
<图25>
 
15、锁定像素区域后,选择渐变工具,颜色设置如图26,有左至右拉出线性渐变。确定后把混合模式改为“滤色”,效果如图27。

Photoshop制作简洁的火焰蝴蝶
<图26>

Photoshop制作简洁的火焰蝴蝶
<图27>

16、如果彩色光的亮度不够,可以按Ctrl + J 复制一层,如下图。

Photoshop制作简洁的火焰蝴蝶
<图28>

17、新建一个组,同上的方法制作躯干及左边翅膀,如果29,30。

Photoshop制作简洁的火焰蝴蝶
<图29>

Photoshop制作简洁的火焰蝴蝶
<图30>

18、在图层的最上面创建亮度/对比度调整图层,适当增加对比度,参数及效果如下图。

Photoshop制作简洁的火焰蝴蝶
<图31>

Photoshop制作简洁的火焰蝴蝶
<图32>

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

Photoshop制作简洁的火焰蝴蝶

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