《清明上河图》描写北宋首都汴梁和汴河两岸的繁荣,成为中国十大传世名画,如今利用最新的电子技术制成动画,更加生动,效果令人遗憾。 本论文分析了该视频中使用的分层技巧,将其应用于自己的图像中,将自己的静态图像转换为动态视频。
静态图像分层分析
动画制作中有制作分层的技巧。 我们看起来在同一个平面里,但实际上其中很多元素都在不同的层里。 例如,天空是独立的图层,背景树木和前景花草也是独立的图层,需要动作的人也是独立的图层。 这样,在人物穿过不同的层时能够表现出非常强的立体感,同时只需要改变大幅节约了成本的——人物的状态,不需要改变其他的要素,从而能够节约时间和劳力。
以动画版《清明上河图》的一个片段为例进行分析,至少分为背景村落、大路、前景左侧大树、前景右侧房屋及人物5个图层(图1 )。 除了人物正在移动之外,其他几个图层的景色是静止的,几个场景是分层的,因此人物可以在不同图层的场景之间来回移动,非常真实。
图1 《清明上河图》的层次分析
平面国画分解多个图层
在掌握上述原理的基础上,结合Photoshop (本文以CS5版为例)强大的图层分层功能,即使我们没有绘画的基础,也可以制作出具有同样效果的动画。
我打算先制作动画的图像素材。 这里笔者选择的是清代画家吴云创作的山水图的一部分。 一叶小船漂浮在水面上。 我们开动这艘船(图2 )。 之所以选择这幅画,是因为其构成要素比较简单,容易操作。
图2清吴云山水图一部
现在我们来进行分层操作。 很明显,这幅画可以分为江面、背景岛、前景树和小船四个图层。 其中点击江面颜色,可以用魔棒工具提取。 备份原始图像后,可以将“背景”图层拖放到“图层”面板中的“创建新图层”按钮上,然后释放鼠标按钮以复制当前背景图层。 双击新图层名称以将其重命名为“江面”。
选中“魔术棒”工具,然后单击江面图层以智能地选择江面部分。 如果自动选择的部分超过了自己希望的内容,可以在上面的工具栏中调整允许值,直到满足选择内容为止。 对于漏选的部分,可以通过按住Shift键并使用“魔术棒”工具单击来将该部分添加到现有选区中。
然后按快捷键Ctrl Shift I进行翻转选择,紧张地按Ctrl J将翻转选择的小岛、树、船等复制到新图层,并将该图层重命名为“钓鱼岛”。 目前江面和钓鱼岛层分别如下图所示,其中方格表示透明区域,没有任何颜色(图3、图4 )。
图3分离的江面图层
图4分离的小岛、树木和小船
用图章工具复印,把河面空白的地方全部填成一色的水面颜色,作为大背景放在下面。
再复制两个钓鱼岛图层,分别重命名为“前景树木”和“小船”。 以下操作相对简单:在“钓鱼岛”层中,使用橡皮擦工具擦除除了钓鱼岛之外的所有元素,在“小船”层中,擦除除了小船之外的所有元素。
最后要注意各图层的排列顺序。 在这个例子中,从上往下依次是钓鱼岛、前景树木、小船、河面(图5 )。
图5分层和排序图层
静态国画变动图
Photoshop附带了专门的动画制作工具。 单击“窗口”( window ) -“动画”( animation )菜单后,动画窗口将显示在主屏幕下方,缺省情况下已有一个屏幕。 在第一帧画面中,选择河面、前景树木、小船、渔岛四个图层,将其全部显示。 下一个操作主要在船层中展开,并向红色箭头的方向移动(图6 )。
图6规划小船的移动路径
单击“动画”窗口下方的“复制选定帧”按钮以创建新帧。 在此框架中,将船的位置移动到前景树木之后,稍微旋转船的方向(图7 )。
图7船的位移操作
此时,我们制作了两个框架。 单击动画窗口下方的播放按钮,可以看到船真的在移动,但闪烁太快,不自然。 因此,必须在两个关键帧之间添加过渡。 选择第二个帧,然后单击下面的“过渡视频帧”按钮(由线条连接的小方块图标),并在出现的对话框中设置过渡的帧数。 单击“确定”时,会自动生成一系列过渡帧。 单击播放,效果自然(图8 )。
图8自动创建过渡帧
提示:过渡的帧数越多,动画越平滑,但最终生成的动画文件也越大。 相反,过渡的帧数越少,动画文件也越小,但动画效果越硬。
如果船不直行,则可以设置多个关键帧,并在每个关键帧之间添加过渡。 完成设置后,单击播放并感受到效果后,按Ctrl Shift Alt S保存GIF格式的动画(图9 )。 因为我们已经把图像分层了,小船绕过前景树后面,很有立体感。 感兴趣的人也可以试试这个。