欢迎访问Qi9电脑知识网学习电脑知识,计算机基础知识,请您记住我们的网址www.Qi9.cn!!
内容频道当前位置:Qi9电脑知识网 > 数据库教程

Flash中的各种位移(4)——“遮罩”之扇形打开

日期:2017-07-25 00:00 来源:Qi9电脑知识网  【字体: 】   阅读:

学习flash动画的基础,就要从最简单的位移开始,这当中平移无非是最简单的。下面又有人要问了,如果不是平移,而是成一定角度的移动呢?又会呈现出什么样的效果?

下面我们就举一个扇形打开的例子。

先看效果,如图

Flash中的各种位移(4)——“遮罩”之扇形打开

Flash中的各种位移(4)——“遮罩”之扇形打开

Flash中的各种位移(4)——“遮罩”之扇形打开

使扇面呈扇形慢慢打开,并非真的是扇子在展开,这里运用了“遮罩”,我们来看一下制作该flash动画的原始界面。

Flash中的各种位移(4)——“遮罩”之扇形打开

图层1是背景音乐层,“苏州城外的微笑”

图层2是背景图片层,如图

Flash中的各种位移(4)——“遮罩”之扇形打开

图层3是扇面素材,把图层3和图层2叠加,如图

Flash中的各种位移(4)——“遮罩”之扇形打开

图层4是一个遮罩层,我们要充分发挥想象力,想一下,既然扇子自己不转动,那么它上面的“遮罩层”应该是一个什么样的图形,它又该怎样转动?

考虑到遮罩层与整个背景图片的协调一致,又考虑到扇面的展开这一动作,遮罩的图形不能过大,并且能够围绕一个轴心做旋转动作,所以我们还是选择了一个扇形做遮罩层,为了不露破绽,我们画的扇形要比原来的扇面要胖一点、大一点,如图

Flash中的各种位移(4)——“遮罩”之扇形打开

Flash中的绘图工具没有办法直接画出扇形,所以利用“椭圆”工具,先画出圆形,然后切一半,得到半圆形,然后再将半圆切去左右两边,就得到了扇形。

比如这里有一个切好了的半圆

Flash中的各种位移(4)——“遮罩”之扇形打开

点击左边工具栏中的“线条工具”,在上半圆当中从外弧到圆心画一道线,如图,再点击“选择工具”,拖动最左边得一小块三角扇形,然后把它消除,如图Flash中的各种位移(4)——“遮罩”之扇形打开

经过修整之后,我们得到了想要的扇形遮罩层,但是当我们选中它,我们发现,这个扇形图层的轴心是在正中央,而不是扇形的根部。

Flash中的各种位移(4)——“遮罩”之扇形打开

这样的话,如果设置运动,就不可能呈现出扇面慢慢展开的效果,所以务必要把轴心(那个小圈)拖到扇形的根部,如图

Flash中的各种位移(4)——“遮罩”之扇形打开

在起始帧处,设置好遮罩图片的位置,然后“创建补间动画”,再在最后一帧插入关键帧,然后选择菜单栏上的“修改”栏,里面有个“变形”,选择“缩放与旋转”,如图

Flash中的各种位移(4)——“遮罩”之扇形打开

我们可以选择“旋转”为90度,就可以得到

Flash中的各种位移(4)——“遮罩”之扇形打开

这样,随着遮罩层的渐渐旋转,我们就可以看到神奇的扇面渐渐打开的动画效果了。

Flash中的各种位移(4)——“遮罩”之扇形打开来自:奇9网

编辑:图客



热门推荐