制作模糊遮罩效果细析
<div id="message236202" style="font-size: 12px"><FONT size=2>一般来说,一个具有遮罩效果的Flash作品,最后在时间轴里会显示出第几层是遮罩层和被遮罩层.而本例若象往常一样,制作结束时,点右键:遮罩层.则遮罩制作不成功. <BR></FONT>
<P align=center><FONT size=2>
<OBJECT codeBase=http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0 height=450 width=600 classid=clsid:d27cdb6e-ae6d-11cf-96b8-444553540000><PARAM NAME="_cx" VALUE="15875"><PARAM NAME="_cy" VALUE="11906"><PARAM NAME="FlashVars" VALUE=""><PARAM NAME="Movie" VALUE="http://www.it.com.cn/f/edu/0711/1/07101_flashjc_.swf"><PARAM NAME="Src" VALUE="http://www.it.com.cn/f/edu/0711/1/07101_flashjc_.swf"><PARAM NAME="WMode" VALUE="Window"><PARAM NAME="Play" VALUE="-1"><PARAM NAME="Loop" VALUE="-1"><PARAM NAME="Quality" VALUE="High"><PARAM NAME="SAlign" VALUE=""><PARAM NAME="Menu" VALUE="-1"><PARAM NAME="Base" VALUE=""><PARAM NAME="AllowScriptAccess" VALUE="sameDomain"><PARAM NAME="Scale" VALUE="ShowAll"><PARAM NAME="DeviceFont" VALUE="0"><PARAM NAME="EmbedMovie" VALUE="0"><PARAM NAME="BGColor" VALUE="FFFFFF"><PARAM NAME="SWRemote" VALUE=""><PARAM NAME="MovieData" VALUE=""><PARAM NAME="SeamlessTabbing" VALUE="1"><PARAM NAME="Profile" VALUE="0"><PARAM NAME="ProfileAddress" VALUE=""><PARAM NAME="ProfilePort" VALUE="0"><PARAM NAME="AllowNetworking" VALUE="all"><PARAM NAME="AllowFullScreen" VALUE="false">
<embed src="http://www.it.com.cn/f/edu/0711/1/07101_flashjc_.swf" quality="high"
bgcolor="#ffffff" width="600" height="450" allowScriptAccess="sameDomain"
type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer" /></OBJECT></FONT></P>
<DIV align=left><FONT size=2> <STRONG>一、建新文档</STRONG>: 550X400。把二张图片图1、图2导入库。 <BR><BR></FONT></DIV>
<CENTER><FONT size=2><IMG alt=Flash src="http://www.it.com.cn/f/edu/0711/1/07101_flashjc_1.jpg" 制作模糊遮罩效果细析 8教程：></FONT></CENTER>
<DIV align=left><BR><BR><FONT size=2> <STRONG> 二、制作元件：</STRONG> <BR><BR> A、插入--新建元件，名：图1。类型：影片剪辑。把图片图1拖入舞台，居中对齐。 <BR><BR></FONT></DIV>
<CENTER><FONT size=2><IMG alt=Flash src="http://www.it.com.cn/f/edu/0711/1/07101_flashjc_2.jpg" 制作模糊遮罩效果细析 8教程：></FONT></CENTER>
<DIV class=art_text align=left><FONT size=2><BR><BR></FONT></DIV>
<CENTER><FONT size=2><IMG alt=Flash src="http://www.it.com.cn/f/edu/0711/1/07101_flashjc_3.jpg" 制作模糊遮罩效果细析 8教程：></FONT></CENTER>
<DIV align=left><BR><FONT size=2> B、回到场景1。插入--新建元件，名：图2。类型：影片剪辑。把图片图2拖入舞台，居中对齐。 <BR><BR> C、回场景1。插入--新建元件，名：椭圆。类型：影片剪辑。在椭圆编辑器中，使用椭圆工具（笔融无，填充色任意）绘制一个椭圆，宽65、高50。居中对齐。 <BR><BR> D、回场景1。插入--新建元件，名：矩形。类型：影片剪辑。在矩形编辑器中，使用矩形工具（笔融无，填充色任意）绘制一个矩形，宽10、高400。居中对齐。 <BR><BR> 4个影片剪辑元件制作成功. <BR><BR></FONT></DIV>
<CENTER><FONT size=2><IMG alt=Flash src="http://www.it.com.cn/f/edu/0711/1/07101_flashjc_4.jpg" 制作模糊遮罩效果细析 8教程：></FONT></CENTER>
<CENTER><FONT size=2> </FONT></CENTER>
<DIV align=left><FONT size=2> </FONT><FONT size=2><STRONG>三、场景内元件与图层的关系及位置： <BR><BR></STRONG> A、在场景1中建图层，层共4层。从下到上排列为：图1、图2、遮罩、AS。并为图层改相对应的名. 相关主题如下： <BR><BR></FONT></DIV>
<CENTER><FONT size=2><IMG alt=Flash src="http://www.it.com.cn/f/edu/0711/1/07101_flashjc_5.jpg" 制作模糊遮罩效果细析 8教程：></FONT></CENTER>
<DIV align=left><BR><FONT size=2> B、点图1层第1帧，把图1元件拖入舞台，居中对齐。在属性面板上输入实例名称：p1，在“使用运行时位图缓存”前打上勾。80帧插入帧。 <BR><BR></FONT></DIV>
<CENTER><FONT size=2><IMG alt=Flash src="http://www.it.com.cn/f/edu/0711/1/07101_flashjc_6.jpg" 制作模糊遮罩效果细析 8教程：></FONT></CENTER>
<DIV align=left><BR><FONT size=2> C、在图2层的第20帧插入关键帧，把图2元件从库里拖出来，居中对齐，在属性面板上输入实例名称：p2，在“使用运行时位图缓存”前打上勾。80帧插入帧。 <BR><BR></FONT></DIV>
<CENTER><FONT size=2><IMG alt=Flash src="http://www.it.com.cn/f/edu/0711/1/07101_flashjc_7.jpg" 制作模糊遮罩效果细析 8教程：></FONT></CENTER>
<DIV class=art_text align=left><BR><FONT size=2> D、把图1层的第1帧复制到图2层的50帧上，把图2层的第20帧复制到图1层的50帧。图1、图2层锁上。 </FONT></DIV>
<DIV align=left><FONT size=2> </FONT></DIV>
<DIV align=left><FONT size=2> <STRONG>四、遮罩层:</STRONG> <BR><BR> A、在遮罩层的第20帧插入关键帧，从库中把椭圆元件拖出舞台居中对齐。在属性面板上输入实例名：pu2。 <BR><BR></FONT></DIV>
<CENTER><FONT size=2><IMG alt=Flash src="http://www.it.com.cn/f/edu/0711/1/07101_flashjc_8.jpg" 制作模糊遮罩效果细析 8教程：></FONT></CENTER>
<DIV align=left><BR><FONT size=2> 打开滤镜面板设置如下： <BR><BR></FONT></DIV>
<CENTER><FONT size=2><IMG alt=Flash src="http://www.it.com.cn/f/edu/0711/1/07101_flashjc_9.jpg" 制作模糊遮罩效果细析 8教程：></FONT></CENTER>
<DIV align=left><BR><FONT size=2> B、在第40帧插入关键帧，用任意变形工具把矩形拉大复盖整个舞台。 <BR><BR></FONT></DIV>
<CENTER><FONT size=2><IMG alt=Flash src="http://www.it.com.cn/f/edu/0711/1/07101_flashjc_10.jpg" 制作模糊遮罩效果细析 8教程：></FONT></CENTER>
<DIV align=left><BR><BR><FONT size=2> 20~40帧到内创建补间动画。41帧插入1 空白关键帧。 <BR><BR></FONT></DIV>
<CENTER><FONT size=2><IMG alt=Flash src="http://www.it.com.cn/f/edu/0711/1/07101_flashjc_11.jpg" 制作模糊遮罩效果细析 8教程：></FONT></CENTER>
<CENTER><FONT size=2> </FONT></CENTER>
<DIV align=left><FONT size=2> C、50帧插入关键帧，从库里拖出矩形元件到舞台左侧，相对于舞台--垂直对齐。打开属性面板输入实例名称：pui。 <BR><BR></FONT></DIV>
<CENTER><FONT size=2><IMG alt=Flash src="http://www.it.com.cn/f/edu/0711/1/07101_flashjc_12.jpg" 制作模糊遮罩效果细析 8教程：></FONT></CENTER>
<DIV align=left><BR><BR><FONT size=2> 打开滤镜面板设置如下： <BR> <BR></FONT></DIV>
<CENTER><FONT size=2><IMG alt=Flash src="http://www.it.com.cn/f/edu/0711/1/07101_flashjc_13.jpg" 制作模糊遮罩效果细析 8教程：></FONT></CENTER>
<DIV class=art_text align=left><BR><FONT size=2> D、80帧插入关键帧，用任意变形工具把矩形拉大复盖整个舞台。 <BR><BR></FONT></DIV>
<CENTER><FONT size=2><IMG alt=Flash src="http://www.it.com.cn/f/edu/0711/1/07101_flashjc_14.jpg" 制作模糊遮罩效果细析 8教程：></FONT></CENTER>
<DIV align=left><BR><FONT size=2> 50~80帧内创建补间动画。 <BR><BR></FONT></DIV>
<CENTER><FONT size=2><IMG alt=Flash src="http://www.it.com.cn/f/edu/0711/1/07101_flashjc_15.jpg" 制作模糊遮罩效果细析 8教程：></FONT></CENTER>
<CENTER> </CENTER>
<DIV align=left><FONT size=2> </FONT><FONT size=2><STRONG>五、AS <BR><BR></STRONG> A、在AS层的第20帧插入一个空白关键键，按F9打开动作面板，输入动作代码： p2.setMask(pu2); <BR><BR> B、在AS层的第50帧插入一个空白关键帧，按F9打开动作面板，输入动作代码：p1.setMask(pu1); <BR><BR><STRONG> 六、整个舞台显示如下：</STRONG> <BR><BR></FONT>
<CENTER><FONT size=2><IMG alt=Flash src="http://www.it.com.cn/f/edu/0711/1/07101_flashjc_16.jpg" 制作模糊遮罩效果细析 8教程：></FONT></CENTER><BR><FONT size=2><STRONG> 七、测试，另存为*.fla，导出影片*.swf。 <BR></STRONG><BR> 素材： <BR><BR> 素材1 <BR><BR></FONT>
<CENTER><FONT size=2><IMG alt=Flash src="http://www.it.com.cn/f/edu/0711/1/07101_flashjc_sucai1.jpg" 制作模糊遮罩效果细析 8教程：></FONT></CENTER><BR><FONT size=2> 素材2 <BR><BR></FONT>
<CENTER><FONT size=2><IMG alt=Flash src="http://www.it.com.cn/f/edu/0711/1/07101_flashjc_sucai2.jpg" 制作模糊遮罩效果细析 8教程：></FONT></CENTER></DIV></div>