当前位置:首页>网络学院>网页制作>Flash教程>文章内容

Flash中遮罩功能祥解及应用教程

[ 来源:http://www.it55.com | 作者: | 时间:2007-09-10 | 收藏 | 推荐 ] 【

[前言]
对于初学者而言,遮罩确实是一个难以理解的重点。用好遮罩功能会制作出你意想不到的效果,下面我们来全方位分析和学习遮罩。

1、请问遮罩的原理是什么?

[效果]
http://www.it55.com
遮罩层好比黑夜中的一支手电筒,照在哪儿(指被遮罩层)哪儿就显现。
第一步:创建两个图层,命名,一个是遮罩层,一个是被遮罩层;
第二步:在被遮罩层图层输入文字“闪吧,我的最爱”;
第三步:在遮罩层随便画一个形状,例如一个圆;
第四步:此步最关键。点击遮罩层图层,右键选择“遮罩层”,如图1(1)


2、我想让遮罩层运动起来,就象探照灯一样的效果,应如何做?
[效果]
免费资源http://www.it55.com
第一步:把上面的圆转换为图形元件;
第二步:在第15帧处插入关键帧,选中元件,把它放在场景的最右端,在两帧之间右键选择“创建补间动画”,选中第1帧,右键选择“复制帧”,在第30帧处粘贴帧,在第15帧和第30帧处右键选择“创建补间动画”;
第三步:把被遮罩层的帧延长到第30处;
[源文件]
2.rar

3、我想让遮罩层随鼠标移动而移动应怎样做?
[效果]
it55.com
第一步:选中问题1的遮罩层,右键选择“遮罩层”,去掉前面的勾,此时取消了遮罩;选中圆,右键选择“转换为元件”,在弹出的对话框中选择“影片剪辑”,在主场景中给它个实例名mask_mc。
第二步:选中被遮罩层上的文字,同样转换为影片剪辑元件,实例名为_mc
第三步:新建图层,名为“动作”,选中第一帧,写如下代码: 免费矢量图片素材下载http://www.it55.com

_mc.setMask(mask_mc);//设置_mc被mask_mc遮罩
mask_mc.onEnterFrame = function() {
//mask_mc在运行每一帧时执行函数
this._x = _xmouse;
this._y = _ymouse;
//mask_mc的坐标等于鼠标的坐标
};
[源文件]
3.rar

4、我想让遮罩层随鼠标移动有缓冲的效果应如何做?
[效果]

免费网页模版下载http://www.it55.com


把问题3的第三步代码改为:
_mc.setMask(mask_mc);
var speed:Number = 5;//申明变量
mask_mc.onEnterFrame = function() {
this._x += (_xmouse-this._x)/speed;//让遮罩层缓冲运动
this._y += (_ymouse-this._y)/speed;
};

[源文件]
4.rar

5、某对象的边框一闪而过的效果怎么做?
[效果1]

免费资源http://www.it55.com



[效果2]

精美韩国模版下载http://www.it55.com


下面以效果2为例详解其制作过程
第一步:创建三个图层,从上到下名称分别为“边框”、“矩形”、“文字”。
第二步:在“文字”图层上输入文字:“闪吧”,延长帧到第40帧处。
第三步:选中“文字”图层的第一帧复制帧,粘贴帧到“边框”图层的第一帧上;将文字按住Ctrl+B,连按两次把文字打散;选中右侧“工具”栏中的“墨水瓶工具”,在打散的文字边上点击进行描边;在该帧上用鼠标进行点击(即全选该帧上的所有对象),然后把鼠标移到右侧“工具”栏中的“填充色”上点击,再把鼠标移到弹出对话框中的右上角,将填充色设置为无;选中刚才描出的边线,在属性中将其笔触高度设置为1.5。具体设置和效果见图1:
第四步:选中“边线”,选择“修改”→“形状”→“将线条转换为填充”;把帧延长到第40帧处。(此步是关键,不能用线条作遮罩层,应转换为填充)具体设置见图2: 精美商业网页模版下载http://www.it55.com

第五步:创建图形元件,在该元件编辑场景中画一个矩形,从上到下进行线形渐变,具体设置见图3;把该元件从库中拉入到主场景中“矩形”图层上的第一帧上,其位置在文字的上方;在第40帧处插入关键帧,把该元件的位置移到文字的下方;在第1帧和第40帧处右键选择“创建补间动画”。

第六步:选中“边框”图层,右键选择“遮罩层”。
[源文件]
5(2).rar

6、如何做出渐变、半透明、羽化遮罩效果?
[渐变效果]
http://www.it55.com在线教程
第一步:创建两个图层,从上到下名称分别是“遮罩”、“渐变”。
第二步:在“遮罩”图层中输入文字“闪吧,我的最爱!”。
第三步:在“渐变”图层中画一个矩形,填充渐变色。
第四步:选中“遮罩”图层,右键选择“遮罩层”。
[源文件]
6(1).rar

(编辑:IT资讯之家 www.it55.com

返回顶部
共3页: 上一页 1 [2] [3] 下一页  
上一篇:Flash CS3 AS3.0影片Loading制作   下一篇:没有了

网友评论

[以下评论为网友观点,不代表本站。请自觉遵守互联网相关政策法规,所有连带责任均有评论者自负。]
[不超过250字]

图片文章