人在画中游——Photoshop分层动画

CFan 电脑爱好者 2020-04-20 09:30应用 标签:动画 技巧

《清明上河图》描绘了北宋京城汴梁及汴河两岸的繁华景象,成为中国十大传世名画,而今人利用最新的电子技术将它动画化,更为栩栩如生,效果令人震憾。本文分析该动画中运用到的分层技巧,应用到自己的图片中,将自己的静态图片变成动感十足的动画。

静态图像的分层解析

动画制作中有一个技巧,就是制作分层。我们看起来是在同一个平面中的画面,实际上其中的许多元素是在不同的图层中的,比如天空是一个独立图层,背景的树木及前景的花草也分别是独立的图层,需要做动作的人物也是单独的图层。这样做既可以让人物在不同图层中穿越产生超强的立体感,同时大大节约了成本——只需要改变人物的状态就可以了,其他的元素不必改变,省时省力。

我们以动画版《清明上河图》中的一个片段为例来分析,至少分了五大图层:背景村落、大路、前景左侧大树、前景右侧房屋以及人物(图1)。除了人物在移动外(蓝色标志处),其他几个图层的景色都是静态不动的,又因为几处景物已经被分层,所以人物可以在不同图层景物中穿梭,十分真实。

201902fcdh01

图1 《清明上河图》中的分层分析

平面国画分解多个图层

掌握了上述原理,再加上Photoshop(本文以CS5版为例)强大的图层分层功能,即使我们没什么绘画功底,同样也可以制作出类似效果的动画。

首先准备制作动画的图像素材,这里笔者选用的是清朝画家吴云所作山水图的局部,一叶小舟漂在水面,我们要让这条船动起来(图2)。选用这张画,是因为它的构成元素比较简单,容易操作。

201902fcdh02

图2 清吴云山水图局部

现在我们来进行分层操作,显然这张画可以分成四大图层:江面、背景中的岛、前景树木以及小船。其中江面的色彩比较单击,通过魔棒工具就可以将它们提取了出来。操作之前最好对原图进行一下备份,在图层面板中,将“背景”图层拖放到“创建新图层”按扭上,放开鼠标键之后即可将当前背景图层复制出一份,双击新图层名将其改名为“江面”。

选中魔棒工具,在江面图层上点击,将江面部分智能选中,如果自动选取的部分超出自己想要的内容,可以在上面的工具栏中调整容差值,直到所选的内容满意为止。另外,对于漏选的部分,可以按Shift键不放,再用魔棒工具点击,就可以将该部分内容添加到已有的选区中。

接下来按快捷键Ctrl+Shift+I进行反选,紧张着再按Ctrl+J键将反选出来的小岛、树木、小船等复制到新的图层中,将这个图层重命名为“渔岛”。现在江面和渔岛图层分别如下图所示,其中方格表示透明的区域,没有任何颜色(图3、图4)。

201902fcdh03

图3 分离出来的江面图层

201902fcdh04

图4 分离出来的小岛、树木和小船

通过图章工具进行复制,将江面中空白的地方都填满成一色的水面颜色,作为大背景放在下面。

将渔岛图层再复制两份出来,并分别重命名为“前景树木”和“小船”。接下来的操作比较简单,在渔岛图层,除了渔岛之外,其他的所有元素都用橡皮擦工具擦掉,小船图层除了小船之外其他的元素全部擦掉,依此类推。

最后要注意各图层的排列顺序,本例中由上到下分别为渔岛、前景树木、小船和江面(图5)。

201902fcdh05

图5 图层的分层与排序

静态国画变动态图

Photoshop自带专业的动画制作工具。点击菜单“窗口→动画”命令,主界面下方将出现动画窗格,默认已有一帧画面了。第一帧画面中,我们将江面、前景树木、小船和渔岛这四个图层都选中,让它们全都显示出来。接下来的操作,主要在小船图层中展开,让它沿着红色箭头的方向移动(图6)。

201902fcdh06

图6 规划小船移动的路径

点击动画窗格下方的“复制所选帧”按钮新建一帧,在这一帧中我们将小船的位置移到前景树木的后面,并稍稍旋转一下船的方向(图7)。

201902fcdh07

图7 对小船进行位移操作

此时我们已创建了两帧,点击动画窗格下方的播放按钮,可以看到船真的动了,不过闪的太快,很不自然。所以我们需要在这两个关键帧之间要添加一些过渡帧。选中第二帧,点击下方的“过渡动画帧”按钮(多个小方块连成线的图标),在弹出的对话框中设置过渡帧的帧数,点击“确定”后便会自动生成一系列的过渡帧。现在再点击播放,效果就自然多了(图8)。

201902fcdh08

图8 自动创建过渡帧

小提示:过渡帧越多,动画就越平滑,但是最后生成的动画文件也会越大。反之,过渡帧越少,动画文件也就会变小,但是动画效果会比较生硬。

小船如果不是直线前进,可以多设置几个关键帧,再在各关键帧中间添加过渡帧。设置完毕点击播放,感觉效果满意后,就可以按Ctrl+Shift+Alt+S键将其存储GIF格式的动画了(图9)。因为我们已为图像进行了分层,所以小船会从前景树木的后面绕过去,非常有立体感。感兴趣的朋友们,不妨也试试吧。