《清明上河图》描绘了北宋京城汴梁及汴河两岸的繁华景象，成为中国十大传世名画，而今人利用最新的电子技术将它动画化，更为栩栩如生，效果令人震憾。本文分析该动画中运用到的分层技巧，应用到自己的图片中，将自己的静态图片变成动感十足的动画。
静态图像的分层解析
动画制作中有一个技巧，就是制作分层。我们看起来是在同一个平面中的画面，实际上其中的许多元素是在不同的图层中的，比如天空是一个独立图层，背景的树木及前景的花草也分别是独立的图层，需要做动作的人物也是单独的图层。这样做既可以让人物在不同图层中穿越产生超强的立体感，同时大大节约了成本——只需要改变人物的状态就可以了，其他的元素不必改变，省时省力。
我们以动画版《清明上河图》中的一个片段为例来分析，至少分了五大图层：背景村落、大路、前景左侧大树、前景右侧房屋以及人物（图1）。除了人物在移动外（蓝色标志处），其他几个图层的景色都是静态不动的，又因为几处景物已经被分层，所以人物可以在不同图层景物中穿梭，十分真实。
图1 《清明上河图》中的分层分析
平面国画分解多个图层
掌握了上述原理，再加上Photoshop（本文以CS5版为例）强大的图层分层功能，即使我们没什么绘画功底，同样也可以制作出类似效果的动画。
首先准备制作动画的图像素材，这里笔者选用的是清朝画家吴云所作山水图的局部，一叶小舟漂在水面，我们要让这条船动起来（图2）。选用这张画，是因为它的构成元素比较简单，容易操作。
图2 清吴云山水图局部
现在我们来进行分层操作，显然这张画可以分成四大图层：江面、背景中的岛、前景树木以及小船。其中江面的色彩比较单击，通过魔棒工具就可以将它们提取了出来。操作之前最好对原图进行一下备份，在图层面板中，将“背景”图层拖放到“创建新图层”按扭上，放开鼠标键之后即可将当前背景图层复制出一份，双击新图层名将其改名为“江面”。
选中魔棒工具，在江面图层上点击，将江面部分智能选中，如果自动选取的部分超出自己想要的内容，可以在上面的工具栏中调整容差值，直到所选的内容满意为止。另外，对于漏选的部分，可以按Shift键不放，再用魔棒工具点击，就可以将该部分内容添加到已有的选区中。
接下来按快捷键Ctrl+Shift+I进行反选，紧张着再按Ctrl+J键将反选出来的小岛、树木、小船等复制到新的图层中，将这个图层重命名为“渔岛”。现在江面和渔岛图层分别如下图所示，其中方格表示透明的区域，没有任何颜色（图3、图4）。
图3 分离出来的江面图层
图4 分离出来的小岛、树木和小船
通过图章工具进行复制，将江面中空白的地方都填满成一色的水面颜色，作为大背景放在下面。
将渔岛图层再复制两份出来，并分别重命名为“前景树木”和“小船”。接下来的操作比较简单，在渔岛图层，除了渔岛之外，其他的所有元素都用橡皮擦工具擦掉，小船图层除了小船之外其他的元素全部擦掉，依此类推。
最后要注意各图层的排列顺序，本例中由上到下分别为渔岛、前景树木、小船和江面（图5）。
图5 图层的分层与排序
静态国画变动态图
Photoshop自带专业的动画制作工具。点击菜单“窗口→动画”命令，主界面下方将出现动画窗格，默认已有一帧画面了。第一帧画面中，我们将江面、前景树木、小船和渔岛这四个图层都选中，让它们全都显示出来。接下来的操作，主要在小船图层中展开，让它沿着红色箭头的方向移动（图6）。
图6 规划小船移动的路径
点击动画窗格下方的“复制所选帧”按钮新建一帧，在这一帧中我们将小船的位置移到前景树木的后面，并稍稍旋转一下船的方向（图7）。
图7 对小船进行位移操作
此时我们已创建了两帧，点击动画窗格下方的播放按钮，可以看到船真的动了，不过闪的太快，很不自然。所以我们需要在这两个关键帧之间要添加一些过渡帧。选中第二帧，点击下方的“过渡动画帧”按钮（多个小方块连成线的图标），在弹出的对话框中设置过渡帧的帧数，点击“确定”后便会自动生成一系列的过渡帧。现在再点击播放，效果就自然多了（图8）。
图8 自动创建过渡帧
小提示：过渡帧越多，动画就越平滑，但是最后生成的动画文件也会越大。反之，过渡帧越少，动画文件也就会变小，但是动画效果会比较生硬。
小船如果不是直线前进，可以多设置几个关键帧，再在各关键帧中间添加过渡帧。设置完毕点击播放，感觉效果满意后，就可以按Ctrl+Shift+Alt+S键将其存储GIF格式的动画了（图9）。因为我们已为图像进行了分层，所以小船会从前景树木的后面绕过去，非常有立体感。感兴趣的朋友们，不妨也试试吧。
还没有评论，来说两句吧...