关于网页动画绘制之前的分镜设计——动画技术篇

　　题记：网页动画于你的手指之间显现，开始制作前的分镜是它的灵魂。

　　网页动画绘制与分镜设计1

　　当我们头脑中有了大纲，就要逐步分割动画细节。当你开始绘制动画之前，必须要绘制一份儿分镜头脚本(简称分镜)，画分镜是一个很重要的过程，在这个过程中基于内容和镜头将动画进行了分割，从而我们可以用模块化的方式组织那些驱动动画的代码。在很多场景中，分镜还能够让我们对动画进行合理的时间分配，允许你按照步骤，一步步分割镜头。

　　网页动画绘制与分镜设计2

　　我们有一个常见的误区，很多时候将绘制分镜完全等同于设计一份精美的漫画，小编认为这就是为什么很多网页动画师并不乐意去绘制一份分镜的原因所在，他们畏惧去画一份精美的漫画，畏惧将一份精美的漫画实现为优雅的动画，畏惧花费大量的时间和精力用在设计过程上，总之就是他们认为应该赶紧推动项目的进程，尽快完成项目，在高强度的工作态势下，动画师真不容易，小编完全理解这种心理。

　　网页动画绘制与分镜设计3

　　为了避免有些人产生这种畏惧心理，小编建议忘掉心中对分镜的不切实际的理解。小编自己也画分镜，你问我会对如此简陋的初稿感到羞愧吗?我说，一点儿也不。这个初稿我只花了不到一分钟，它是对我未来工作的一个整体性的把控和表现框架，或说构图。它能够帮助我勾勒出后面——我需要花好几天绘制的动画的一些细节，如果没有它，我就无法做到事半功倍。分镜因人和使用场景而异，所以没有必要画得那么好，只需要简单地勾勒出草图就行了。

　　网页动画绘制与分镜设计4

　　再让我们了解一下使“用户产生共鸣”的方法，假设现在我们可以通过分镜来完成所有的有关用户的交互，那我们就要站在观众的这一边，将心比心地理解他们的行为和心理诉求，可以基于预期目标和产出来做一些有针对性的分镜绘制方案。

　　网页动画绘制与分镜设计5

　　另外你知道画分镜的过程也是需要进行配色的吗?就像你为网站设计配色一样，迪斯尼和其他工作室在制作分镜的时候也会做色调和风格化方面的处理，为其中主要的动画任务和场景进行配色。

　　网页动画绘制与分镜设计6

　　这里是触须动漫，原创动漫文化挖掘，请勿抄袭搬运，允许转载，请标明出处。祝国产动漫再上一层楼。

　　网页动画绘制与分镜设计7