flash的动画类型有哪些:逐帧补间遮罩引导为常用四类

flash的动画类型有哪些:逐帧补间遮罩引导为常用四类

当年接了个网站banner的私活,拍胸脯说三天交稿,真上手才慌着去查flash的动画类型有哪些,总不能全靠逐帧画到天荒地老。那时候对这软件的认知还停留在中学微机课的水平,以为动画就是一帧帧往上画,多插几个关键帧就能完事。

最开始做小球弹跳的效果,老老实实每一帧挪一点位置,拉挤压变形,二十多帧画下来手腕都酸,导出的文件老大,加载的特别慢,客户反馈说打开要等好几秒,话里话外都带着不满意。那时候还觉得是图片素材太大,挨个压缩了半天,在调了帧频也没用。

哪有那么省事。

折腾好久才搞明白还有补间动画这东西,分动作补间和形状补间两种,当时图省事,不管啥东西都往动作补间上套,做个文字从方形变圆形的效果,加了关键帧插了补间,预览的时候半点变化都没有,还以为软件出了bug,卸了重装来回折腾两次,最后才在论坛的旧帖子里看到答案,那个帖子还是零八年发的,排版乱得不行,字还小。形状补间得用打散的矢量图形,元件和文字必须先分离才能用,动作补间反倒只能针对元件实例。就这么个小问题,耗了快一下午的时间,最后做出来的边缘还毛毛躁躁的,反正客户没揪着细节说,就稀里糊涂交了稿。

再后来要做探照灯扫过文字的效果,本来打算硬着头皮逐帧画光斑,画了三帧就嫌麻烦,翻别人分享的源文件研究,才知道还有遮罩动画这回事。上面一层做遮罩层,放移动的光斑图形,下面一层放要显示的文字,只要动遮罩层的关键帧,就能出来光斑扫过的效果,前后半小时就做完了,比逐帧省事不知道多少倍。那时候还觉得自己发现了了不得的技巧,逢人就说遮罩好用,其实刚开始连层级都搞反过两次,预览的时候整个画面全黑,还傻愣愣的以为电脑死机了。

引导层动画是更晚才摸透的,当时要做落叶飘下来的效果,用普通补间只能直上直下落,看着特别假,硬加了五六个关键帧把路径掰成折线,还是生硬得不行。后来翻教程看到引导层的用法,加个引导层画条弯曲的路径,把落叶元件吸附到路径的起点和终点,补间一插自动就沿着曲线动了,第一次预览成功的时候盯着画面看了三四遍,心里说这功能也藏得太深了,早知道上次做蝴蝶飞的动画,就不用熬到半夜一帧帧调位置了。

还有带脚本的交互动画,其实也算一个类型,就是加ActionScript代码的那种,点按钮能跳帧、能暂停播放,还能做简单的交互效果。当年帮朋友做小游戏片头的时候碰过一点,代码逻辑绕来绕去的,看了两页教程就头大,反正做普通商业banner也用不上这么复杂的,就没往深了钻研,到现在也只会写个stop和gotoAndPlay的简单语句。

摸得多了自然就熟了。

现在很少打开flash软件了,偶尔翻到硬盘里的老源文件,还能想起当年对着时间轴抓头发的样子,图层命名乱得像毛线团,关键帧插得密密麻麻。很多当时以为熬不过去的难题,其实就是没找对对应的动画类型,闭着眼瞎折腾而已。鼠标在时间轴的帧标记上滑过,红绿蓝的色块晃得眼睛发花,点下右上角的关闭按钮,转身继续处理手头的新需求了。