学习flash动画的基础,就要从最简单的位移开始,这当中平移无非是最简单的。下面又有人要问了,如果不是平移,而是成一定角度的移动呢?又会呈现出什么样的效果?
下面我们就举一个扇形打开的例子。
先看效果,如图
使扇面呈扇形慢慢打开,并非真的是扇子在展开,这里运用了“遮罩”,我们来看一下制作该flash动画的原始界面。
图层1是背景音乐层,“苏州城外的微笑”
图层2是背景图片层,如图
图层3是扇面素材,把图层3和图层2叠加,如图
图层4是一个遮罩层,我们要充分发挥想象力,想一下,既然扇子自己不转动,那么它上面的“遮罩层”应该是一个什么样的图形,它又该怎样转动?
考虑到遮罩层与整个背景图片的协调一致,又考虑到扇面的展开这一动作,遮罩的图形不能过大,并且能够围绕一个轴心做旋转动作,所以我们还是选择了一个扇形做遮罩层,为了不露破绽,我们画的扇形要比原来的扇面要胖一点、大一点,如图
Flash中的绘图工具没有办法直接画出扇形,所以利用“椭圆”工具,先画出圆形,然后切一半,得到半圆形,然后再将半圆切去左右两边,就得到了扇形。
比如这里有一个切好了的半圆
点击左边工具栏中的“线条工具”,在上半圆当中从外弧到圆心画一道线,如图,再点击“选择工具”,拖动最左边得一小块三角扇形,然后把它消除,如图
经过修整之后,我们得到了想要的扇形遮罩层,但是当我们选中它,我们发现,这个扇形图层的轴心是在正中央,而不是扇形的根部。
这样的话,如果设置运动,就不可能呈现出扇面慢慢展开的效果,所以务必要把轴心(那个小圈)拖到扇形的根部,如图
在起始帧处,设置好遮罩图片的位置,然后“创建补间动画”,再在最后一帧插入关键帧,然后选择菜单栏上的“修改”栏,里面有个“变形”,选择“缩放与旋转”,如图
我们可以选择“旋转”为90度,就可以得到
这样,随着遮罩层的渐渐旋转,我们就可以看到神奇的扇面渐渐打开的动画效果了。
新闻热点
疑难解答