养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

用FLASH制作百叶窗动画效果

时间:2024-11-05 21:41:22

本实例要实现的效果是几张图片以百叶窗方式切换过渡特效。

方法/步骤

1、创建一个新文当,大小为470*330,背景色任意(本例使用白色)。

2、创建一个新的图形元件,在元件的编辑状态下,使用矩形工具绘制如图所示的矩形,填充色为蓝色,边线为无色。

用FLASH制作百叶窗动画效果

3、创建一个名叫“百叶”的新的影片剪辑元件,在影片的第1帧放入图形元件的实例,在第30帧插入缬方焱蜱一个关键帧,并使用变形工具将第1帧的实例改变为如图所示的状态。在第1帧到第30帧之间创建传统补间。

用FLASH制作百叶窗动画效果

4、在影片剪辑的第31帧插入一个空白关键帧,打开动作面板,为该帧定义如下动作代码:st艺皱麾酪op();表示影片播放到该帧停止。

5、创建一个名为“百叶窗”的影片剪辑元件,在第1帧将影片剪辑“百叶”的实例按照如图所示的状态排列。

用FLASH制作百叶窗动画效果

6、加到场景编辑状态,导入3张图片到库中,例如本例中使用的是3张汽车图片。

7、在当前层的第1帧放入第1张图片的实例,交将该帧延续到第30帧,如图。

用FLASH制作百叶窗动画效果

8、创建一个新层,在新层的第1帧插入第2张图片,并将该层延续到第30帧。

9、再创建一个名为“百叶窗”的新层,将影片剪辑元件“百叶窗”的实例放到该层的第1帧,并将该层延续到第30帧,如图所示。

用FLASH制作百叶窗动画效果

10、在百叶窗层上单击鼠标右键,在弹出的快捷菜单中选择“遮罩层”。

11、按照步骤7~步骤10擢爻充种的操作,制作第31帧——第60帧的动画,可将百叶窗元件实例旋转90度,使其改变方向。最后时间轴如图所示。

用FLASH制作百叶窗动画效果

© 一点知识