欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

Photoshop设计制作出细长的燃烧的动感火苗

程序员文章站 2024-04-03 23:45:10
...
作火苗或火焰用涂抹工具也可以完成,不过涂抹的时候要求较高,用的时间也较长。用路径或路径描边来制作要快很多,只需要勾出轮廓,羽化后填色,再渲染高光即可。

最终效果

Photoshop设计制作出细长的燃烧的动感火苗

1、新建一个1000 * 1200像素的文件,背景填充黑色,如下图。

Photoshop设计制作出细长的燃烧的动感火苗
<图1>

2、新建一个组,在组里新建一个图层,用钢笔勾出中间部分的火焰选区,羽化100个像素后填充红色:#F14600,如下图。

Photoshop设计制作出细长的燃烧的动感火苗
<图2>

3、新建一个图层,用钢笔勾出第一条火焰的轮廓,转为选区后羽化20个像素,然后填充红色:#D92005,不透明度改为:70%,效果如下图。下图选区是经过羽化的,顶部显得有点钝,勾路径的时候顶部是非常尖的,下同。

Photoshop设计制作出细长的燃烧的动感火苗
<图3>

4、新建一个图层,用钢笔勾出下图所示的选区,羽化10个像素后填充相同的红色。

Photoshop设计制作出细长的燃烧的动感火苗
<图4>

5、新建一个图层,用钢笔勾出第三条火焰轮廓,转为选区,羽化15个像素并填充相同的红色。

Photoshop设计制作出细长的燃烧的动感火苗
<图5>

6、现在来制作火焰的高光部分,新建一个图层,用钢笔勾出比外部火焰稍小的选区,羽化10个像素后填充橙黄色:#FFE535,如下图。

Photoshop设计制作出细长的燃烧的动感火苗
<图6>

7、新建一个图层,用钢笔勾出火焰的中间高光部分,羽化5个像素后填充橙黄色:#FFE214,混合模式改为“颜色减淡”,效果如下图。如果边缘过渡不自然,可以适当模糊处理。

Photoshop设计制作出细长的燃烧的动感火苗
<图7>

8、新建一个图层,用钢笔勾出中间的火焰轮廓,转为选区后羽化20个像素,然后填充红色:#E13F00,混合模式改为“变亮”,这里用“变亮”模式的好处就是不会影响下面的图层,果如下图。

Photoshop设计制作出细长的燃烧的动感火苗
<图8>

9、新建一个图层,用钢笔勾出下图所示的选区,羽化8个像素后填充橙黄色。

Photoshop设计制作出细长的燃烧的动感火苗
<图9>

10、新建一个图层,用钢笔勾出火焰中间部分的高光选区,羽化5个像素后填充橙黄色,混合模式改为“颜色减淡”。

到这一步制作火焰的基本方法基本结束完成。我们只需要制作出火焰的轮廓填充红色,然后再勾出火焰中间部分的高光选区,填充橙黄色,并不混合模式改为“颜色减淡”,即可完成单条火焰,下面就不详述。

Photoshop设计制作出细长的燃烧的动感火苗
<图10>

11、个别火焰如果希望高光自然一点,可以先铺一层橙红色,然后再渲染高光部分,主要好图层混合模式,如图11,22。

Photoshop设计制作出细长的燃烧的动感火苗
<图11>

Photoshop设计制作出细长的燃烧的动感火苗
<图12>

12、细火焰制作方法也一样,只是勾轮廓的时候需要更具细致。

Photoshop设计制作出细长的燃烧的动感火苗
<图13>

Photoshop设计制作出细长的燃烧的动感火苗
<图14>

13、新建一个图层,同上的方法制作另一条细火焰。

Photoshop设计制作出细长的燃烧的动感火苗
<图15>

Photoshop设计制作出细长的燃烧的动感火苗
<图16>

14、同上的方法制作其它火焰部分,过程如图17 - 22。

Photoshop设计制作出细长的燃烧的动感火苗
<图17>

Photoshop设计制作出细长的燃烧的动感火苗
<图18>

Photoshop设计制作出细长的燃烧的动感火苗
<图19>

Photoshop设计制作出细长的燃烧的动感火苗
<图20>

Photoshop设计制作出细长的燃烧的动感火苗
<图21>

Photoshop设计制作出细长的燃烧的动感火苗
<图22>

15、火焰部分基本完成,中间部分的高光还不够,需要再渲染一下,用钢笔勾出下图所示的选区,羽化30个像素后填充橙红色:#FFA100,如下图。

Photoshop设计制作出细长的燃烧的动感火苗
<图23>

16、新建一个图层,用钢笔勾出下图所示的选区,羽化35个像素后填充橙黄色:#FFEA00,混合模式改为“颜色减淡”,效果如下图。

Photoshop设计制作出细长的燃烧的动感火苗
<图24>

17、新建一个图层,把前景颜色设置为白色,用画笔把下图选区部分涂上一些白色。

Photoshop设计制作出细长的燃烧的动感火苗
<图25>

18、火焰部分基本完成,现在来调整一下颜色。创建色彩平衡调整图层,对阴影、中间调、高光进行调整,参数设置如图26 - 28,效果如图29。

Photoshop设计制作出细长的燃烧的动感火苗
<图26>

Photoshop设计制作出细长的燃烧的动感火苗
<图27>

Photoshop设计制作出细长的燃烧的动感火苗
<图28>

Photoshop设计制作出细长的燃烧的动感火苗
<图29>

19、创建亮度/对比度调整图层,适当增加图片的对比度,参数及效果如下图。

Photoshop设计制作出细长的燃烧的动感火苗
<图30>

Photoshop设计制作出细长的燃烧的动感火苗
<图31>

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

Photoshop设计制作出细长的燃烧的动感火苗
<图32>

相关标签: 火苗