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

flash教程-遮罩动画-图片切换

时间:2024-09-25 20:34:03

一疤噜呶买共2张图片,让第一张从左向右切换为第二张图片,这我就用两张图片做演示,毕竟就算再多图片也是一样的步骤,最多就是切换方式的改变而已

工具/原料

flash软件

电脑

方法/步骤

1、启动flash软件,新建文档

flash教程-遮罩动画-图片切换

2、将两张图片导入库中

flash教程-遮罩动画-图片切换

3、将舞台大小改为与图片的大小一样。将第一张图片拖至舞台,在对齐面板中使图片居中显示

flash教程-遮罩动画-图片切换

flash教程-遮罩动画-图片切换

4、然后新建图层2,选择“矩形工具”

flash教程-遮罩动画-图片切换

flash教程-遮罩动画-图片切换

5、选中图层2的第1帧,在舞台上绘制一个矩形,(如图的矩形)

flash教程-遮罩动画-图片切换

6、选中图层1的第40帧插入关键帧

flash教程-遮罩动画-图片切换

flash教程-遮罩动画-图片切换

7、在图层2中的第40帧插入关键帧,并将矩形移动到图片左边不遮住图片

flash教程-遮罩动画-图片切换

flash教程-遮罩动画-图片切换

8、在图层2的第2帧到第39帧之间右击创建传统补间

flash教程-遮罩动画-图片切换

flash教程-遮罩动画-图片切换

9、在图层2右击选择【遮罩层】

flash教程-遮罩动画-图片切换

flash教程-遮罩动画-图片切换

10、插入图层3,将第二张图片从库中拖出舞台,重复第三步

flash教程-遮罩动画-图片切换

flash教程-遮罩动画-图片切换

11、在新建图层4,在图层4的第1帧中选择矩形工具,绘制一个矩形,位置如图

flash教程-遮罩动画-图片切换

flash教程-遮罩动画-图片切换

12、然后在图层4的第40帧右击插入关键帧

flash教程-遮罩动画-图片切换

13、然后把矩形移动如图

flash教程-遮罩动画-图片切换

14、右击图层4的第2帧到第39帧之间创建传统补间

flash教程-遮罩动画-图片切换

15、在图层4右击选择【遮罩层】

flash教程-遮罩动画-图片切换

16、保存,测试

© 一点知识