APP下载

动画技法在交互移动媒体中的设计研究

2018-12-20湖北工业大学430000

大众文艺 2018年24期
关键词:视觉效果图层变形

(湖北工业大学 430000)

一、动画技法与设计

动画技法的要点之一是对时间、空间和距离的把握,制作出逼真的、兼有力度和速度的动作动画,同时通过人们对生活的共同理解和想象制作出现实生活中不存在的画面效果,例如空间的划分、不同空间的交错、现实中不存在但是人们都能看懂并理解的各种夸张手法等。

风格设计是让作品脱颖而出的第一步。当今的动画制作形式多种多样,从二维动画到三维动画,以至各种不同的制作软件,动画的制作手法和成品风格极为丰富。其中二维动画在变形能力和转场设计上相对于三维动画有一定的优势。在二维动画的风格上如图中所视,是两种较为广泛应用的二维动画制作风格,分别以MG动画和日本动画为代表,其中MG动画更注重颜色和造型的减法概括,而日本动画更注重角色的造型描写。本作品为了做到与多媒体交互的同时要以大众审美为中心,选取了MG动画风格作为本作品的风格。

镜头设计应考虑到不同播放媒介的限制。通过使用现实增强功能的设备使动画获得一定的交互性。本作品是以带透明通道的格式在不同的交互设备上播放,这使得二维动画制作受到播放形式的限制,要避免动画中的内容被镜头切割从而暴露镜头边缘。这对动画制作的要求和限制有所提高,降低了动画的发展空间。要在一个很小的范围内设定不同的动画,难度较大。为此对每个动画和故事采用的展现形式都有所不同。

二、动画技法在APP中的创作实践-设计方案实施过程注意问题

1.短小精悍,画龙点睛

通过对APP Store中的各类APP开机界面时间进行统计,如淘宝、支付宝、微信、QQ等日常生活类APP,软件启动界面均为图片形式,时间为2到3秒;而在游戏软件中,如王者荣耀、Restaurant2、宝可梦探险等游戏中,软件启动界面等时间为4到6秒,其中部分游戏开机界面以动画形式展现。由于游戏软件所占内存大小不一,所以在软件启动时间上,跨度较大。

为了制作一段能够更加突出与餐饮有关的二维开机动画,在造型设计上选用了简笔画的厨具标志,以拆分显现的形式进行展示播放。通过对众多软件的启动界面时间对收集,同时对本软件类型的考虑,最终将本软件启动的时间设定至两秒左右,以软件图标的出现作为展示动画进行制作,将侧重点放在“时间”和“距离”上。

图1 圆点变形图层拆分示意图

Flash动画软件的优势在于计算机的自动补间功能,其劣势则在动画角色的大幅度转面和变形上。动画中轻微的关节动作可以运用计算机运算生成,而需要大幅度的动作和变形的时候,只能依靠手动人为的绘制中间张,以达到动画动作完整的目的。

本作品的变形过程中,从圆点发散成圆矩形的部分,是Flash的补间功能无法完成的,为了保证动画的效果,经过反复的研究,最后通过人工拆分、调节,将动画制作出满意的效果。如图1中,圆点从图层1变形为图层2,整个动画部分被切分成三个单独的图层:图层a、图层b、图层c。这3个图层分别执行Flash中的简单补间动画命令,在abc三个图层的动画中,第一帧起始帧与图层1重合,最后一帧结束帧与图层2重合,在Flash有限的功能补间范围内将需要的动作拆分完成。充分利用图层的优势达到最终所需要的指定效果。

2.避免镜头切割

为了满足在不同的交互设备上播放的要求,需要制作无边框的动画视频避免画面内容被镜头边缘切割,从而拟定了一个在空间破洞中穿梭的角色小动画:一个鸡蛋通过一个圆形的空间破洞走出来的效果。

该效果需要使用到遮罩功能,在Flash中遮罩是非常灵活多用的功能。以往的使用方法只是单纯的用来划分一个可视范围,而现在制作的动画效果是需要遮罩内的物体越过遮罩,所以在本动画中如何使遮罩内的物体突破遮罩区域是该动画的一个难点。

由于遮罩的设定属性非常单一,遮罩下方的物体从属于遮罩层级内,画面效果只显示遮罩范围内的部分。这导致角色的动作完成后依旧是在遮罩内部进行表演,没有达到从圆圈内走出来的效果。

研究图层关系之后采用了在遮罩上方单独建立一个时间层,将需要越过遮罩部分的原件逐帧复制到遮罩上方的时间层。原遮罩层下方的动画还是被限制在遮罩显示范围内,而遮罩层上方的动画与遮罩层下方被限定的动画采取同步播放的形式,最终在视觉效果上达到了从圆圈内走出的动画效果。

3.拟态手法

巧妙运用拟态手法,能够极大的丰富动画的趣味性。同时为了区别于遮罩动画,在牛排套餐中加入了更多的比喻设计,从而以其他视角加强动画的视觉效果。故此,在牛排套餐动画中添加了众多不同类型的食材元素,并通过拟态形式将各种元素链接起来。

在制作的过程中,每个小物件都通过比喻手段加强视觉效果,为了增加肉排的动作设计,将毛虫作为比喻对象。通过不同的运动速度和节奏区分,将小番茄比喻为快速弹射的子弹,在视觉效果上,通过此类对比的手法,将众多的食材元素区分开的同时通过简单的卡通上色强化视觉效果,在快速入镜的过程中,完好的避免了画面内容被镜头边缘切割,使用户体验得到很好的提升。

牛排动画是除开机界面动画以外最短的一个作品。它强调的不是小故事的剧情,而是强调的“时间”和“距离”控制之下的视觉效果。通过对视觉效果的处理,达到展现新鲜食材的目的;同时通过赋予不同的属性,加强动画的趣味性,给予观众更多的想象空间。

猜你喜欢

视觉效果图层变形
为《飞舞的空竹龙》加动感
变形记
谈诗的变形
以假乱真窥探湿玻璃后的风景
“我”的变形计
与众不同“跳出”画面更个性
会变形的饼
商业插图中民族文化符号的视觉效果探究
论《云南日报》改版改革后的版面设计及其视觉效果
娘胎里的回忆