📄 ͼ
字号:
<html>
<head>
<meta http-equiv="Content-Language" content="en-us">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>图层遮罩</title>
</head>
<body bgcolor="#CCFFFF">
<p align="center"><font color="#FF0000" size="6" face="华文中宋"><b>Flash</b>
</font><font face="华文彩云" color="#FF0000" size="6"> 基础</font></p>
<p align="left" style="line-height: 150%; margin: 0"><font face="黑体"><font size="1" color="#008000"><本课必须</font><font SIZE="1" color="#800000">付费</font><font SIZE="1" color="#008000">才能使用，付出才有收获，劳动最光荣></font></font></p>
<p align="left" style="line-height: 150%; margin: 0"><font color="#0000FF" size="4">十二、图层遮罩</font><br>
<font color="#0000FF">遮罩效果</font>用在探照灯和滚动字幕等效果中，只在某个特定的位置显示出图像来，而其他部位不显示，起遮罩作用的图层被称为<font color="#800000">遮罩层</font>。<br>
<font color="#0000FF">遮罩层</font>跟其他层一样可以在帧里绘图，但是只是在<font color="#800000">有图形</font>的位置才有遮罩效果，<font color="#800000">没有图像</font>的部位什么也没有，但遮罩层里的图像不会显示，只起遮罩作用；<br>
<font color="#0000FF">创建</font>遮罩层的方法是 先新增一个普通图层，然后用鼠标右键单击这一图层，再弹出的菜单中选择“<font color="#800000">遮蔽</font>”命令遮罩层和被遮罩层之间是<font color="#800000">斜着</font>的，图层的标志也相应改变，遮罩层将遮蔽它<font color="#800000">下面的</font>一个图层。</p>
<p align="left" style="line-height: 150%; margin: 0"><img border="0" src="遮罩图标.jpg" width="64" height="36"><br>
<font color="#0000FF">下面</font>做一个练习，效果是一面<font color="#800000">飘动</font>的红旗<br>
首先新增一个图层，将图层1重命名为“红旗”，图层2重命名为“遮罩”并把它设定为<font color="#800000">遮罩层</font>（注意倾斜关系），<font color="#800000">保存</font>一下文件；<br>
<font color="#0000FF">选中</font>“红旗”层的第一帧，在工作区中绘制一个长方形，打开<font color="#800000">信息</font>面板，设定<font color="#800000">高度120</font>（字母H）<font color="#800000">,宽70</font>(字母W)的<font color="#800000">红色</font>长方形，用箭头工具把上下<font color="#800000">两条边</font>稍微向上拖一点成弧形，然后选中<font color="#800000">四条</font>边都删除掉，留下内部红色部分作为旗帜。</p>
<p align="left" style="line-height: 150%; margin: 0"><img border="0" src="弯曲红旗.jpg" width="82" height="136">
<img border="0" src="翻转两面.jpg" width="162" height="150">
<img border="0" src="整面红旗.jpg" width="292" height="142"><br>
<font color="#0000FF">接下来</font>加宽旗帜并产生飘动效果 选中红色旗帜，按住<font color="#800000">Ctrl</font>键拖动红旗，复制到旁边，飘动的效果是波浪型的，所以新复制出来的红旗要掉个头，选择“修改”菜单中的“<font color="#800000">转换</font>”项中的“垂直翻转”命令，让红旗翻过来，然后用键盘方向键仔细地把这两个红旗拼起来，再选中<font color="#800000">整个</font>红旗，按Ctrl键再复制出一个来，把这两个红旗拼起来，<font color="#800000">群组</font>一下，这样就完成了红旗的制作。用小锁把红旗层<font color="#800000">锁定</font>，<font color="#800000">保存</font>一下文件；<br>
<font color="#0000FF">接下来</font>制作遮罩层，选中遮罩层的第一帧，在工作区中绘制一个<font color="#800000">黑色的</font>长方形宽度（w）为<font color="#800000">整面</font>红旗的一半，也就是140，高度能够挡住红旗，去掉外边框。黑块将会作为遮罩块，用于显示下层的内容。<br>
<font color="#0000FF">拖动</font>黑色块使它恰好挡住<font color="#800000">右半个</font>红旗，这样两层都制作好了，下面制作动画，<font color="#800000">保存</font>一下文件；</p>
<p align="left" style="line-height: 150%; margin: 0"><img border="0" src="黑块.jpg" width="286" height="166">
<img border="0" src="左边黑块.jpg" width="288" height="164"><br>
<font color="#0000FF">动画</font>效果是红旗的飘动，先锁定遮罩层，解锁红旗层，选中红旗层的第20帧插入关键帧，在20帧中把<font color="#800000">红旗</font>向右水平拖动（按住<font color="#800000">Shift键</font>），刚好让黑块挡住左半部分，选中第一帧，创建动作动画，<font color="#800000">保存</font>一下文件<br>
<font color="#0000FF">按</font>Ctrl＋回车键测试一下影片，为什么没有效果呢？<br>
<font color="#0000FF"></font><font color="#0000FF">遮罩层</font><font color="#800000">只有</font>一帧，只能控制红旗的第一帧，后面的就不行了，因此要加长遮罩层，锁定红旗，解锁遮罩，在第20帧处单击右键，选择“<font color="#800000">插入帧</font>”命令，将遮罩层也加长到20帧，<font color="#800000">保存</font>一下文件；<br>
<font color="#0000FF">按</font>Ctrl＋回车键<font color="#800000">测试影片</font>，看一下飘动的效果，关于文字部分，接下来自己加进去，注意文字播放的次序。<br>
本节学习了遮罩层的使用方法，如果你成功地完成了练习，请继续学习下一课内容。</p>
<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
WIDTH=250 HEIGHT=180>
<param name="Movie" value="飘动的旗帜.swf">
<param name="Src" value="飘动的旗帜.swf">
<param name="Loop" value="1">
<param name="BGColor" value><embed src="飘动的旗帜.swf" quality="high" bgcolor="#FFFFFF" TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash">
</OBJECT>
<font SIZE="1" COLOR="#000000">
<p style="line-height: 150%; margin-top: 0; margin-bottom: 0"> </p>
</font>
<p style="line-height: 150%; margin-top: 0; margin-bottom: 0">
<font SIZE="1" color="#008000">
本教程由86团学校TeliuTe制作|著作权所有，不得用于商业用途
</font>
</p>
<p style="line-height: 150%; margin-top: 0; margin-bottom: 0">
<font SIZE="1" color="#008000">
美丽的校园……
</font>
</p>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -