flash怎么制作模糊遮罩效果? flash遮罩动画的制作方法

所属分类: 媒体动画 / Flash教程 阅读数: 62
收藏 0 赞 0 分享

遮罩,我们知道是在图片上遮上一层,通过遮层上我们“挖出”的洞,看到下面的内容。也就是说不论你在遮层上所画的形状是什么颜色、以什么填充方式画出该形状,它只是所画形状的一个洞,不会显示任何颜色的特性。

如果想要以中部清晰边缘模糊的渐变方式显示被遮罩的图片,我们可以在遮层上加一个模糊渐变层,这个层不是遮罩层,所以会有渐变和渐变所用颜色。可是,如果只想要模糊渐变却不会显示它的颜色,该怎么做呢?用as我们可以做到这一点。直接将模糊渐变层做为渐变遮罩,却不会保留它的颜色。

首先,我们导入背景图片和用来展示的图片。图片的大小最好统一,方便后面的交换。展示图片你可以设置多个。我只以两张为例。

1、导入方法:文件——导入——导入到舞台。当然也可以导入到库,因为下一步对图片编辑,所以直接导入到舞台。不论导入到哪里,都可以在库中找到。

2、图片比例和舞台差不多的话,可以直接在对齐面板中,匹配宽高(方法见下方经验引用)。否则,需要更改文档尺寸,使舞台与图片比例相同,或者选中图片,Ctrl+B将图片打散,用选取工具截取一部分图片,这样才不会使图片的主角变形。

3、一个个选中图片,分别将它们变为影片剪辑元件。方法:选中一张图片,F8键调出转换为元件面板,类型选影片剪辑元件,取个名字,OK。

4、新建一层,将展示图,图1元件剪切至此层,我给该层取了个名字,图片层;原层就叫背景层。背景层里还有两张图片,将图2元件Delete键删除,暂时还用不着它。在对齐面板中将背景图宽度和高度居中,图片层中的图片也同样处理。

5、选中图片层元件,属性面板中设置实例名为:tu。

6、图片层第20帧F6键添加关键帧,25帧插入关键帧,35帧插入关键帧。

7、回到帧1,属性面板中选颜色——Alpha——50%,再到35帧,Alpha值改为0%。如图设置补间动画。做出由半透明到完全显示,短暂停顿后,再完全消失的过程。

8、新建一层,取名遮罩。O键调出椭圆工具,禁用线条色,填充色随意。绘制一个小小的椭圆。

9、F8键将其转换为影片剪辑元件,属性面板中实例名设为:mc。滤镜面板中添加模糊滤镜。设置如图。参数视各人影片大小而定。

10、与图片层在相同位置设置关键帧。

11、20帧,Q键调出变形工具或在属性面板中将该元件放到足够大。复制该元件,将第25帧原元件删除,Ctrl+shift+v将复制的元件原位粘贴到25帧。第1帧、第25帧创建补间动画。

12、新建as层,在时间轴上输入:

mc.cacheAsBitmap=true;

tu.cacheAsBitmap=true;

//位图缓存为真

tu.setMask(mc)

//MC遮罩tu

13、选中as层至图片层所有帧,按住alt键,鼠标向后拖动,为此三层复制出同样的帧。

14、图片层,在属性面板中,将复制的帧中每一个关键帧的元件全部换成图2元件。方法:选中原元件,属性面板中点交换,在新出现的面板中选择图2元件。

15、背景层第70帧按下F5键,使该层与其他层帧数相同。

16、整个做成影片剪辑元件,放入另一个场景中的效果。

相关图推荐:

flash怎么做一个小汽车移动的动画?

flash cs6怎么利用遮罩制作一个简单的小动画?

flash怎么做遮罩动画? flash灯光扫描文字消失效果的方法

更多精彩内容其他人还在看

Flash 脚本游戏开发教程第五课

搞了半天的鸟CLASS,我们又回到了做游戏的内容上来。 咱们学那么多知识,目的也只为了更好的来做游戏。这个游戏吧,前面也有朋友说到了,根本不用CLASS,做个单个FLA文件F9按了猛打代码,然后MC里点开了东鸟点代码,西鸟点代码,也能完成。没错,确实这样。 我自己相当长一
收藏 0 赞 0 分享

Flash 脚本游戏开发教程第六课

范例接宝游戏中人物类的CLASS讲解 首先请下载源文件:CLASS.rar 下载好,打开一看,如下: 一个FLA主文件:  run_game.fla 三个目录:
收藏 0 赞 0 分享

Flash 脚本游戏开发教程第七课

先补充个游戏里的结构: _root下有三个空MC: pl,item和xs pl这个空MC是用来attach人物的 item这个空MC是用来attach宝物的 xs这个MC是用来attach显示得分的 为什么要这么做呢?……因为管理方便呀~以后你会慢慢体会到
收藏 0 赞 0 分享

Flash 脚本游戏开发教程第八课

范例接宝游戏中得分显示类和时间控制类的CLASS讲解 事实上这两部分比较简单 所以并在一起讲解了 讲解前先点开FLA文件,把这两个MC看看,对MC构造了解了,才能写CLASS嘛~ 看下得分显示类的代码: class game.Score_view extends
收藏 0 赞 0 分享

Flash AS实现的蝌蚪摆尾动画的教程

本例介绍使用Flash的AS编写蝌蚪摆尾动画效果,希望朋友们喜欢~~     场景里代码 [code]   Object.environment = this;   Math.prototype.degrees = function (r)   {  
收藏 0 赞 0 分享

flash怎么制作文字垂直翻转效果的效果?

flash怎么制作文字垂直翻转的效果?flash中想要制作一个文字翻转制作成倒影的效果,该怎么制作文字翻转效果呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

flash怎么给矩形添加镂空圆形效果?

flash怎么给矩形添加镂空圆形效果?flash中绘制的矩形想要添加一个镂空圆的效果,该怎么制作呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

flash cs6鼠标跟随效果实现代码分享

flash cs6想要实现鼠标跟随效果?该怎么制作呢?今天我们就来看看使用as2.0实现鼠标跟随效果的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

flash怎么画溜冰的小企鹅图形?

flash怎么画溜冰的小企鹅图形?flash中想要使用工具绘制一个正在溜冰的小企鹅,该怎么绘制这个画面呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

Flash选择工具怎么改变对象形状?

Flash选择工具怎么改变对象形状?Flash中绘制的图形想要改变形状,比如画三角形变成一个伞的形状,该怎么操作呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多