手绘“火焰”制作起来如此简单（虚幻5通用）-（）

目前大部分手游的风格会趋向于“手绘”形式的动效风格，而这种风格中避免不了会出现“火焰”元素的表现，传统的手绘贴图对美术功底要求很高，而且通过播放序列帧（部分游戏序列帧贴图不会很大，所以会限制序列的数量）的方法，最终的表现效果还是会有明显的断帧感，那么本期我们就介绍一个通过shader的简单形式就能表现的手绘火焰制作方法。

Unity中的实现效果

ASE材质编辑可以让我们快速实现很多基础shader无法实现的效果，本期案例主要涉及知识点为Unity的ASE编辑器，而ASE材质编辑与虚幻等多种引擎和软件的本质类同，学会了一种，在其他引擎和软件中也能轻松实现，我们会在虚幻5里用虚幻的材质系统结合新的奶瓜粒子去展示这个火焰的效果制作

虚幻5中的实现效果

ASE 编写的这种实现方式相比传统序列帧看起来会更自然，但同时也会略微缺失一些手绘的痕迹，比较适用于风格接近MOBA，卡通等手绘类型的项目当中，就像我们《Unity游戏UI动效技术实现》案例中右上角“S”图样的设计

我们先来看一下手绘序列帧的火焰效果

Unity序列帧火焰效果

上图序列帧的火焰是最简单，最常用的制作方式，只需略微添加细节和粒子数量就能达到一个很不错的表现效果，不过很多新手需要注意的是，不要单一的使用序列帧进行播放，那样会让你的火焰非常粗糙，能看到明显的序列痕迹，而且需要补充火苗，火光等细节元素，才会让画面看起来更灵动

Unity中使用shader实现的效果

Unity中通过shader实现的火焰效果，从形态表现来看，就能明显看到火焰燃烧时的火苗变化增加了很多随机感，这种形态的表现相比序列帧来说，就自然了许多，不会出现明显的序列断帧感。

具体制作流程大概从以下几个方面入手

• 观察并分析火焰的组成结构
• 材质编译
• 贴图绘制
• 材质调整制作
• 如何在虚幻5等引擎里制作同一效果

一、观察并分析火焰的组成结构

这种类似的火焰参考网上很多，我们直接用效果图将其拆分，如下图

主体火焰的构成包含了内焰和外焰，以及焰心，这一层效果则是由单层图片通过shader的参数变化从而达到类似火焰燃烧的效果。

材质球配置图

火焰主体：内焰与外焰

很多新手在做到这个程度的时候往往就结束了，根据燃烧体的情况，我们还需要补充燃烧殆尽的火焰细节（具体要看燃烧体来决定是否需要，主要会出现在火盆，火把，火堆上，而蜡烛就不会这么复杂）

燃烧细节

其次是火星，燃烧体燃烧时会产生少量未燃烧完碳粒,加热时便会发出飘散的火星

火星

最后则是火光，火光是火焰燃烧时必然存在的光源，除了自身光亮以外，周围的物体也会反射同样闪烁的光