当前位置: 首页 > 图文教程 > Flash动画 > Flash动画制作 > Flash遮罩让图片流动起来

Flash动画制作
AS3.0实用代码:绘制各种各样三角形
AS代码研究实例:随即运动参数的传递应用
Flash制作3D类动画的教程
Flash AS3制作个性的旋转圆形网页导航
Flash AS2实例:跳动的小球动画效果
Flash交互动画制作技巧:按钮控制动画
Flash AS教程:详细讲解Math对象
Flash动画制作技巧:搞笑动画制作实例
Flash制作技巧:人物行走动画制作剖析
Flash AS3常用的关于MC的代码
Flash AS3.0教程:间隔循环的3种表现方式
Flash动画实例:简单的流星雨动画特效
Flash制作高级的人物行走动画
10个让你大饱眼福的创意Flash网站
Flash实例教程:吸管喝饮料动画
Flash CS4实例教程:漂亮的气泡动画
汇总网页传递参数到flex中的三种方法
AS教程:加载与被加载swf内部变量相互调用
Flash CS4教程:文字颜色缓动特效
Flash CS实例教程:幸运大抽奖动画

Flash动画制作 中的 Flash遮罩让图片流动起来


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-01   浏览: 154 ::
收藏到网摘: n/a

本例介绍运用Flash制作漂亮流动的图片效果,主要通过运用遮罩的方法让图片流动起来,喜欢的朋友可以到论坛提交作业。

效果演示:

现在开始制作:

1. 新建一flash文档,550x400。
2. 导入几张图片,几张就随你高兴罗,我这里是4张。
3. 将一张图片拉到舞台上,设置图片宽为1100,高为400。打对齐面板相对于舞台右对齐。

 

4. 第50帧插入关键帧,点击图片,打开对齐面板相对于舞台左对齐。建立补间动画。

5. 新插入一层,画一无笔触任一色矩形,大小为550x400,居中对齐。第50帧插入帧,右击该层,设为遮罩层。

6. 新插入一层,将同一图片从库中拖出,打开对齐面板,宽,高匹配(即550x400),居中对齐。第50帧插入
帧。

7. 新插入一层画一无笔触任一色的矩形,大小为550x400,居中对齐,用变形工具将注册点移到右边中间。在第50帧插入关键帧。回到第1帧,将矩形宽度缩小到5像素。建立补间动画。设为遮罩层。

这样流动的图片效果就做成了。

8. 你可以在第一帧的第51帧,插入空白关键帧,将第2张图拖入,这一次图片的宽度为550,而高度为800.在第100帧插入关键帧。第1帧相对舞台上对齐,第100帧下对齐,建立补间。
9. 第2层的第100帧插入帧。
10. 第三层第51帧插入空白关键帧,将相同图片拖入,大小匹配,居中对齐。
11. 第四层第51帧插入空白关键帧,画一无笔触任一色的矩形,大小为550x400,居中对齐,用变形工具将注册点移到上边中间。在第50帧插入关键帧。回到第1帧,将矩形高度缩小到5像素。建立补间动画。设为遮罩层。

12. 在第101帧做第三张图片,做法同上面两张图片,只是注意一点,第一层图片的运动方向跟第4层的遮罩运动方向刚好相反。
13. 你还要加几张图片就随你高兴了。