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

夜袭金城

夜袭金城

2016-02-19 18:45

每个人都希望每天都是开心的,不要因为一些琐事扰乱了心情还,闲暇的时间怎么打发,关注图老师可以让你学习更多的好东西,下面为大家推荐用FLASH遮罩效果做图片切换效果,赶紧看过来吧!

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

  让我们先看看效果:

  效果预览


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


图1

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


图2

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


图3

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


图4

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


图5

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


图6

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com)

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


图7

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


图8

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com)

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


图9

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

展开更多 50%)
分享

猜你喜欢

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

设计创意
用FLASH遮罩效果做图片切换效果

Flash AS教程:用动态遮罩实现液化效果

flash教程
Flash AS教程:用动态遮罩实现液化效果

什么是极简主义 如何打造极简风格家居

家居设计 装修设计
什么是极简主义 如何打造极简风格家居

PPT图片切换效果研究PPT图片切换效果研究

电脑入门
PPT图片切换效果研究PPT图片切换效果研究

妙用Flash遮罩层实现水流效果

flash教程
妙用Flash遮罩层实现水流效果

2017榻榻米书房设计装修效果图 榻榻米书房设计图片

榻榻米 书房 装修设计 书房设计 平面设计
2017榻榻米书房设计装修效果图 榻榻米书房设计图片

PPT图片切换效果研究

电脑入门
PPT图片切换效果研究

纯js无flash仿搜狐女人频道FLASH图片切换效果代码

Web开发
纯js无flash仿搜狐女人频道FLASH图片切换效果代码

2017春夏女装风衣外套流行趋势

服装设计 平面设计 设计 服装搭配
2017春夏女装风衣外套流行趋势

Cath Riley铅笔素描作品:肉

Cath Riley铅笔素描作品:肉

Reishunger小米包装设计欣赏

Reishunger小米包装设计欣赏
下拉加载更多内容 ↓