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

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

IT资讯之家 www.it55.com

　　让我们先看看效果： IT资讯之家 www.it55.com

效果预览

www.it55.com

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

图1 www.it55.com在线教程

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

图2

45398 www.it55.com it55学习IT知识，享受IT生活 4dfkjn

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

图3 vd;k;l www.it55.com rdfg

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

图4 sflj www.it55.com kg^&fgd

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

45398 www.it55.com it55学习IT知识，享受IT生活 4dfkjn

图5 it55.com

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

sflj www.it55.com kg^&fgd

图6

www.it55.com在线教程

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

图7 vd;k;l www.it55.com rdfg

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

图8 sflj www.it55.com kg^&fgd

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

45398 www.it55.com it55学习IT知识，享受IT生活 4dfkjn

图9

sflj www.it55.com kg^&fgd

　　好了。按Ctrl+Enter试下效果吧。我做的只不过是FLASH遮罩中最简单的一种，关键是用自己的想象力来做出最好的图片动画。

www.it55.com

　　相关链接：flash8打造瀑布动画效果教程   Flash8制作动态放大镜画面效果   Flash实用效果之小桥流水

（阅读次数：）