Motion Graphic 制作的基本流程

不论是设计师在上机绘制前、工程师在实作开发前，都需要先完成设计、规划好Spec，才能在制作上更加顺利。因此，在开始做实作 Web Motion 前，需先从 Motion Graphic 设计与规划开始，而 Motion Graphic 基本上有以下四点流程：

• 概念发想
• 分镜草稿与动态脚本
• 彩色分镜稿
• 动态制作

一、概念发想

概念发想的订定是赋予作品灵魂的重要步骤，决定作品主题与後续走向。
基本上都会从观摩作品开始进行灵感发想，像是 Behence、Pinterest 平台都能利用关键字找到很多设计师的作品(当然也能利用强大的Google搜寻！)，透过观察这些作品、分析时间轴上的画面变化，进行发想构思，决定作品概念方向後，就能开始设计画面与动态罗！

二、分镜草稿与动态脚本

Motion Graphic 是带入时间轴概念的设计，把每一个画面依照时间安排串接起来，因此分镜脚本就是要进行画面的安排与设计。在开始制作概念草稿时，建议把滑鼠放掉、拿起纸笔来画画吧！排除工具与技术的限制，才能避免受到工具的使用限制而阻碍想法的落实。这里不用担心美丑问题，在草稿阶段就是利用线条去绘制图像，能够把停留在脑袋里的概念清楚呈现，除了能确认概念的可行性外，才能更好的开展後续流程。

大略规划好分镜後，就可以开始进行动态脚本的规划。动态脚本通常是把刚刚分镜的草图加上时间轴，把画面转换的设计移并纳入进来，构思如何从A转换到B，是利用控制透明度进行淡入淡出变化？利用位移变化产生A离开与B进入？或是大小变化让A缩小消失、B放大出现？

不同的效果会产生不同的感觉，就看作者希望用哪种方式呈现罗！
备注：若需要更精细完整的动态脚本，这边也可以使用软件制作。

三、彩色分镜稿 & 四、动态制作

分镜与动态脚本都规划完成後，就可以开始着手进行画面与元件绘制，最後加入时间元素，进行动态效果制作。

以上是 Motion Graphic 的基本流程，依照设计团队、设计师的习惯与需求会拓展出更多细节，下一篇会介绍基本的动态效果，透过这些动态特效与时间不同组合，就能制作出多种不同感觉的作品。