【动态插画制作指南】

今天终于研究出来了把我的插画做出动效，并且导出高清gif图。

这是我目前找到的最简单的办法，但是长时间不做，也容易忘记。

索性写文记下来，希望对你也有帮助~

--------------------------------------------------

用到的工具：window系统、Sai、Ae、Ps...

画图随便用什么画呀，这里只讲怎么导高清gif图~

------

---------我是一根正经的分割线(￣▽￣)"---------

【第1步】画：画好插画，这幅花画我用的是Sai画哒，如下：

【第2步】合：Sai导出为PSD格式，将此PSD拖入PS，做简单的合并图层（快捷键ctrl+e）。

重点！需要做动效的元素单独保留图层！需要做动效的元素单独保留图层！

记得重命名一下图层更加方便操作，保存PSD（此步骤当然也可在Sai中进行，纯属个人不想改动源文件习惯）。

如下：

【第3步】动：将整理好的PSD拖入AE中，K帧做动效。

我给这个叶、花做了简单的摇摆（旋转）动效，像在风中摇曳。如下：

【第4步】渲：快捷键ctrl+m进行渲染，如下： 

点击"输出模块-无损”--格式选AVI，通道选RGB+Alpha（也可选RGB，Alpha可保留透明背景的图）--确定 

渲染

得到一个高清AVI视频（这个视频可能很大有几百M，不用管！都可直接拖入PS中） 

【第5步】存：将该AVI视频拖入PS，无需进行任何操作，直接保存为Web所用格式（快捷键ctrl+alt+shift+s） 

导出选“原稿”，格式选“GIF”，循环选项选择“永远”可以使动画n次循环的播放；  

顺便可以改尺寸大小，完了后选“存储”如下：

这样就可以得到想要的高清gif啦，这样一来图片只有几百KB了。 

（会有一些压缩，但是还算高清了，不如AE流畅也可以接受啦）

~~~~~~~和我一起摇摆~~~~~~~

---------------------------------------

(￣▽￣)"有任何疑问，欢迎留言交流~

Powered by Froala Editor