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

Flash动画制作
Flash实例教程:用AS3代码表现倾斜角与斜率
Flash实例教程:用AS3代码制作交互式3D旋转动画效果
Flash cs3仿真艺术设计5.6:图形元件的同步与不同步
Flash cs3仿真艺术设计5.7:图形元件的同步应用
Flash cs3仿真艺术设计5.8:铰连身体部分
Flash实例教程:用AS2代码制作图片循环效果
Flash实例教程:AS3代码简单表现照片底片效果
Flash cs3仿真艺术设计5.9:关闭缺口_完善角色肢体连接
Flash入门实例教程:图片不间断滚动动画效果
Flash AS2实例教程:鼠标感应放大缩小图片效果
Flash AS3实例教程:鼠标跟随炫舞线条动画效果
Flash AS2实例教程:制作360度全景动画效果
Flash cs3仿真艺术设计5.10:位图动画的表现
Flash cs3仿真艺术设计5.11:导入PSD文件
Flash AS3基础教程:物理基础之速度向量(Velocity)
Flash AS3.0菜鸟学飞教程:帧循环学习实例
Flash MX 视频导入功能详解(6)
Flash教程:视频导入与编辑
Flash cs3仿真艺术设计5.12:运动引导层制作布什搞笑动画
Flash cs3仿真艺术设计5.13:人物行走动画制作技巧

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-01   浏览: 156 ::
收藏到网摘: 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. 你还要加几张图片就随你高兴了。