【制作分享】万圣节打卡动画拆解
简单的MG动画的制作方法
最近参加打卡练习做了一个这样的动画（p2）。
一段时间没写专栏了，甚至是幕后分享也很长时间没做了，所以趁这个打卡机会来热身（雾），也给新人一个了解渠道知道如何从零做一个简单的mg动画。
一、确定主题
这个很好理解，做之前就得先起码知道自己要做什么，确定个方向，否则想做动画，甚至画个草图都无从下手嘛。
为了提高做动画练习的频率，和朋友弄了个小打卡群，一起出题做打卡练习，这次就出的是“万圣节”。
原本是打卡“孤独星球”的，但是万圣节要到了，临时改掉了
但这个打卡群要求比较高，只给个主题，没有任何素材，基本全部练到的同时比较考验自己的基本能力就是了。
总之，确定主题就比较简单，可以自己突发奇想，也可以这样弄个打卡群来监督自己。
有想法是做动画的第一步
二、寻找参考
像我这种脑袋空空的人，突然拿到主题也一时没底，因为平常看的不多，所以这个时候想到了找灵感。
推荐一下我找灵感的网站：Pinterest
这类网站的网站之前推荐过一些，可以来这些地方找：
之所以中意Pinterest是因为它查找关联的收藏起来更快一些，各类网站的相关作品都能搜索到，很适合用于灵感获取。
PS：Pinterest需要fan墙，具体途径自己去找。
因为要做mg动画，所以我搜的是“halloween motion graphics”
最后经过一番搜索选择后找出了这些图
在经过一番查找后，经过对比找出了想要的效果（一只躲在南瓜里的猫猫），并通过头脑风暴作出了思维导图（如果脑海中一开始就有方向的话，可以在第一步就进行头脑风暴，像我这种脑袋空空的，也就只有在找到参考后才有了灵感）
最后筛选出来的参考图
这个时候甚至还把动画部分可能作出的效果给想好了
之所以没有把头脑风暴放进步骤里，是因为我觉得前两步中放在哪个时候做都可以，甚至在后期也可以进行修改，所以不用担心步骤错误，只管做就可以。
至此可以正式开启准备工作了
三、画分镜草图（推荐软件PS）
我这次打卡练习最抗拒的就是自己画图，不过为了多方面尽量提高，全部原创还是最好的。
有了上面的思维导图和参考图后，根据自己的想法先在笔记本上随手涂鸦画了点小玩意。
是很沙雕但很真实，再次证明自己画画很菜
但是，仅仅在草稿本上画图是不够的，还需要画到电脑上，于是就在PS上画了八张草图。
当然使用任何软件都可以，只是PS画起来方便点（我不会用sai_(:з」∠)_）
四、画素材（推荐软件AI）
这里需要用到前面找的参考图，直接放进ai里方便取色；而草稿图垫在下面方便画画。
参考如下：
放进AI中透明度为58的分镜
一堆杂七杂八堆在旁边的参考图
最后完善草图，上色后的效果图
之所以推荐使用AI的原因，是因为MG动画想要做的生动有趣，需要动画流畅，这就要求部分动画需要进行形变，即路径动画，AI的图有个优点是可以在AE中转换成形状图层，这种时候进行形变动画就会非常方便。
PS：这里推荐使用插件Overlord进行AI和AE之间的互导。
更多相关的脚本插件推荐也可以看看我之前写的文章：
五、做动态分镜（推荐软件Pr和An）
做动态分镜的好处是可以让你确定在什么位置该做什么动画，让自己不会像无头苍蝇那样乱撞。
方法也很简单，把之前画好的草图拿出来放进Pr中，添加上bgm后导出个视频就行，一般情况下，基本上到了这个阶段，动画的基调就出来了。
因为这次的动画很短，感觉不需要用到bgm，所以只找了音效，最终效果是这样。
Pr的主要作用是做音效
PS：这里推荐An但是自己并没有在这次用到，因为时间紧急，加上自己不太会画画（卑微）
用An的好处是可以快速确定好动态如何做，在后面做动画的时候会更加方便。
这个森就是逊啦
至此准备工作都完成了。
前面第四步和第五步的步骤顺序不是强制性的，可以替换顺序，建议尽量不要跳过，这样方便之后做动画。
六、做动画
终于到了最关键的一步。
这个时候AI图的优势就发挥出来了，特别是overlord插件。
记住一句话：哪里要动分哪里。
老森警句
考虑到为了让猫猫变得更可爱，而且动画时长很短，所以打算基本上所有地方都让它动起来，因此我分了将近50层，包括南瓜和猫猫。
有点密集恐惧？习惯了就好
动画这部分就不细说了，说起来没完没了的。。。。
大约是k了四五个小时？没有细数，反正时间就这样慢慢悠悠的过去了。
(4 HOURS LATER)
看起来比较夸张
其实比上面少一倍，不虚，我把所有图层都复制了一份，为了后面上材质（噪点）做准备。
别看关键帧很多，其实很多图层都是重复的，只是为了切开图层做出前后图层变化的关系。
关键帧变动的也很简单，基本上都是旋转，位移，缩放这三大基础值在变，偶尔会变个路径动画，但次数极少。
因为动画变动很快，不容易看出破绽，基本上没有怎么需要变化速度曲线的时候，所以基本上是基本缓动关键帧。
这样想是不是放轻松了点
实际做动画的时候，或许会出现和分镜草图时候不一样的情况，动画这里更灵活。
这样想是不是放轻松了点
AE中我的实际效果
总之，根据实际情况变化就行，最终效果才是重要的。
PS：这里出现了个问题，当嘴巴张大时，简简单单的进行缩放的话，连着路径粗细也会变大，很奇怪
嘴巴变粗了
后面找来找去，在B站找到了个满意的方法，具体文章在这里
https://www.bilibili.com/read/cv520800
试了好几个，最后这个方法才有用，如果做动画的时候遇到这种情况的话也试试吧qwq
七、上纹理（噪点）
总算做完动画后，为了让动画更有立体感，这次尝试了下上纹理。
因为不熟悉，试了几个（比如shade it，Shadow Studio 2），当都失败了，一个是比较复杂没法短时间做出满意的效果，一个是装进ae中去后破解不了_(:з」∠)_
最后找来找去，找到了个简单无脑的教程
https://www.bilibili.com/video/BV1rt411b7WQ
真的很简单！
虽然简单，但是有个弊端：使用后出来的效果不仅填充会有噪点，连描边也有噪点。
被阴影侵蚀的大嘴巴
整体就会看起来很奇怪。
因为我全部做完后才写的专栏，所以原来的素材没了，就将就着看看吧
为了避免这个问题，我在前面的教程做出噪点的基础上，将所有图层都复制了一遍，作为描边（不带噪点效果），保留一个填充效果放在底下（带有噪点效果）
最后如图
只有描边
只有填充
填充+描边
有朋友说没有描边看起来更可爱些，这个就因人而异啦哈哈，总之，添加噪点后看起来就更有层次感了些，如果在做完动画后还有时间的话就不妨试试吧qwq
八、导出动画
这里我就不多介绍了，懂的都懂（雾）
这里提一个之前提过的导出Gif的方法，这个可能用的人多一些
最后出来的效果如下
gif有限制，所以压了一下图
至此动画就完成了。
会不会听起来很复杂？
不过相信我，自己做的时候会发现，其实每一步都挺简单的，这样按部就班的做的话，还可以让自己的思路变得更清晰。
为了避免看完就忘记，这里附上一个思维导图。
链接：https://share.mubu.com/doc/2KYVESmWvwf
看完觉得有意思的话就去试试吧，通过一次练习可以学到蛮多东西的，冲
今天的内容就到这里了，如果觉得有帮助的话就点个“推荐”吧，感谢qwq
