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

2016-02-19 18:45 87 1 收藏

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

【 tulaoshi.com - 用FLASH遮罩效果做图片切换效果 】

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

  让我们先看看效果:

  效果预览


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


图1

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


图2

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


图3

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


图4

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


图5

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


图6

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

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


图7

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


图8

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


图9

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

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

来源:http://www.tulaoshi.com/n/20160219/1618874.html

延伸阅读
标签: flash教程
本文由中国 wytan 原创,转载请保留此信息! 效果演示:  [next] 简单制作方法: 一、把几幅图裁剪同样大的正方形图片导入到库。 二、把每张图拖到主场景,各自转换成图片元件。 三、插入一个电影剪辑,命名为遮照。拖出一幅图,让其全居中。执行视图-标尺,拉出4条辅助线,对齐图片边缘。删除图片用任意颜色画一个无边线...
标签: flash教程
现在你可以思考一下了,背景层的图形如果是放大一些,又是怎样的效果?你动动脑,或是动动手,就知道了! 诸如放大、缩小都是小儿科,能不能来点新鲜的……好!在上面这个例子中两张图中一样的,现在我稍稍加工处理一下,让两张图在似与不似之间。 这一下,你猜到我想做什么吗? 这是我用这两张图片做出...
标签: Web开发
代码如下: 以下是引用片段: style #galleryh {   padding:0;   margin:0 auto 5em auto;   list-style-type:none;   overflow:hidden;   width:495px;   height:240px;   border:1px solid #888;   background:#fff url(/imagelist/06/24/o9642o826u4n.gif);   } #galleryh li {  ...
标签: flash教程
仅仅用矢量图形,总觉得魅力不够,而内容丰富多采的位图图形,足以使遮罩效果大放光彩! 现在我们来做一个最简单的图片遮罩动画: 在Flash中第一层,导入一张靓靓的图片,并将这层命名为图片层。 在第二层画一个圆形,将它转化为Graphic符号,在第30帧的位置插入关键帧,在第1帧和第30帧之间设置圆形由左向右的动画,将这层...
标签: flash教程
在Photoshoph中的层面板,可以增加色调调整层,在Flash这里我也仿照一下,就在这个新的 层中,加入透明的方形色块,形成彩色遮罩。 效果如下图:   同一张图片,加了模糊、扭曲,就成了三种图,再做不同色调的遮罩,同样让他们的运动同步。原来每一个遮罩的图形层都相同,现在不同了,因为加入了滤镜效...

经验教程

643

收藏

30
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部