自动车档位:@用FLASH遮罩效果做图片切换效果

来源：百度文库 编辑：九乡新闻网 时间：2024/04/29 12:07:32

用FLASH遮罩效果做图片切换效果

本教程是关于FLASH应用遮罩效果制作好看的图片切换效果。
该教程选用FLASH遮罩中最简单的一种作为例子，
当然你可以用自己的想象力来做出更多更好的图片动画。
希望本教程能带你带来帮助。

让我们先看看效果：


效果预览


第一步、打开Flash新建1个图层，
用线条工具画一条竖直线，
放在相对舞台的左面，
第30帧处插入关键帧。


图1

第二步、点击第30帧把竖直线拉到舞台右面。


图2

第三步、点住任意一帧，在属性里面把补间改为形状。


图3

第四步、新建一个图层，和上面一样画一个竖直线，
注意的是这次把竖直线从右到左放，
然后在属性补间里面选择形状动画。


图4

第五步、新建图层，导入一张图片，相对舞台大小。


图5

第六步、新建图层，在第20帧处插入关键帧，
导入一张图片，相对舞台大小，第30帧处插入帧。


图6

第七步、新建图层，第20帧处插入关键帧，
用矩形工具画一个长方形的方块颜色任意，
注意一定要和两个线条对齐。否则没有拉开效果。


图7

第八步、在第30帧处插入关键帧，
把方块用任意变形工具拉大，相对于舞台。
点击属性补间改为形状。


图8

第九步、点击图层5点右键，选择遮罩层。


图9

好了。按Ctrl+Enter试下效果吧。
我做的只不过是FLASH遮罩中最简单的一种，
关键是用自己的想象力来做出最好的图片动画。
@用FLASH遮罩效果做图片切换效果 用FLASH遮罩效果做图片切换效果 FLASH图片切换效果kmmj JavaScript 图片滑动切换效果 用flash8自带功能切换图片,效果很酷 利用透明遮罩实现的一种图片切换效果2 JavaScript 图片切换展示效果 - Web 开发 / JavaScript 很有创意的3D盒子图片切换效果 羽化遮罩效果flash动画 Flash遮罩效果搜集整理 Flash中羽化遮罩效果 Flash制作切片式图片效果动画 效果图片 效果图片 文章中的flash图片切换 用纯色做艺术效果 Flash遮罩特效实例精选--百叶窗效果 Flash技巧之如何掌握遮罩效果动 - 美女沉思·图片雾化加FLASH效果 可爱的小美女《FLASH与图片合成效果》 图片加透明的FLASH效果的代码和地址 美女沉思·图片雾化加FLASH效果 用flash制作文字的飘落效果 【动画教程】用FLASH制作打字效果