登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

强大才能生存

国防、国力、国人

 
 
 

日志

 
 

Flash 8 制作模糊遮罩效果细析  

2008-12-10 16:27:53|  分类: flash课堂 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
 本文由中国教程网 英子 原创,转载请保留此信息!

   一般来说,一个具有遮罩效果的Flash作品,最后在时间轴里会显示出第几层是遮罩层和被遮罩层.而本例若象往常一样,制作结束时,点右键:遮罩层.则遮罩制作不成功.

演示:

http://www.it.com.cn/f/edu/0711/1/07101_flashjc_.swf

 

一、建新文档: 550X400。把二张图片图1、图2导入库。

Flash 8 制作模糊遮罩效果细析 - 老虎 -                老虎的博客

二、制作元件:

A、插入--新建元件,名:图1。类型:影片剪辑。把图片图1拖入舞台,居中对齐。

Flash 8 制作模糊遮罩效果细析 - 老虎 -                老虎的博客

Flash 8 制作模糊遮罩效果细析 - 老虎 -                老虎的博客

B、回到场景1。插入--新建元件,名:图2。类型:影片剪辑。把图片图2拖入舞台,居中对齐。

C、回场景1。插入--新建元件,名:椭圆。类型:影片剪辑。在椭圆编辑器中,使用椭圆工具(笔融无,填充色任意)绘制一个椭圆,宽65、高50。居中对齐。

D、回场景1。插入--新建元件,名:矩形。类型:影片剪辑。在矩形编辑器中,使用矩形工具(笔融无,填充色任意)绘制一个矩形,宽10、高400。居中对齐。

4个影片剪辑元件制作成功.

Flash 8 制作模糊遮罩效果细析 - 老虎 -                老虎的博客

三、场景内元件与图层的关系及位置:

A、在场景1中建图层,层共4层。从下到上排列为:图1、图2、遮罩、AS。并为图层改相对应的名. 相关主题如下:

Flash 8 制作模糊遮罩效果细析 - 老虎 -                老虎的博客

B、点图1层第1帧,把图1元件拖入舞台,居中对齐。在属性面板上输入实例名称:p1,在“使用运行时位图缓存”前打上勾。80帧插入帧。

Flash 8 制作模糊遮罩效果细析 - 老虎 -                老虎的博客

C、在图2层的第20帧插入关键帧,把图2元件从库里拖出来,居中对齐,在属性面板上输入实例名称:p2,在“使用运行时位图缓存”前打上勾。80帧插入帧。

Flash 8 制作模糊遮罩效果细析 - 老虎 -                老虎的博客

D、把图1层的第1帧复制到图2层的50帧上,把图2层的第20帧复制到图1层的50帧。图1、图2层锁上。

四、遮罩层:

A、在遮罩层的第20帧插入关键帧,从库中把椭圆元件拖出舞台居中对齐。在属性面板上输入实例名:pu2。

Flash 8 制作模糊遮罩效果细析 - 老虎 -                老虎的博客

打开滤镜面板设置如下:

Flash 8 制作模糊遮罩效果细析 - 老虎 -                老虎的博客

B、在第40帧插入关键帧,用任意变形工具把矩形拉大复盖整个舞台。

Flash 8 制作模糊遮罩效果细析 - 老虎 -                老虎的博客

20~40帧到内创建补间动画。41帧插入1 空白关键帧。

Flash 8 制作模糊遮罩效果细析 - 老虎 -                老虎的博客

C、50帧插入关键帧,从库里拖出矩形元件到舞台左侧,相对于舞台--垂直对齐。打开属性面板输入实例名称:pui。

Flash 8 制作模糊遮罩效果细析 - 老虎 -                老虎的博客

打开滤镜面板设置如下:

Flash 8 制作模糊遮罩效果细析 - 老虎 -                老虎的博客

D、80帧插入关键帧,用任意变形工具把矩形拉大复盖整个舞台。

Flash 8 制作模糊遮罩效果细析 - 老虎 -                老虎的博客

50~80帧内创建补间动画。

Flash 8 制作模糊遮罩效果细析 - 老虎 -                老虎的博客

五、AS

A、在AS层的第20帧插入一个空白关键键,按F9打开动作面板,输入动作代码:  p2.setMask(pu2);

B、在AS层的第50帧插入一个空白关键帧,按F9打开动作面板,输入动作代码:p1.setMask(pu1);

六、整个舞台显示如下:

Flash 8 制作模糊遮罩效果细析 - 老虎 -                老虎的博客

七、测试,另存为*.fla,导出影片*.swf。

素材:

Flash 8 制作模糊遮罩效果细析 - 老虎 -                老虎的博客

Flash 8 制作模糊遮罩效果细析 - 老虎 -                老虎的博客

 

 

                         Flash 8 制作模糊遮罩效果细析 - 老虎 -                老虎的博客 

老虎作业:

  评论这张
 
阅读(812)| 评论(2)

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018