loading请求处理中...

【教程】Flash制作动画基础の遮罩知识详解(一)

2021-12-01 11:38:50 阅读 10695次 标签: flash广告设计flash游戏开发 作者: 陈友达

一、请问Flash中遮罩的原理是什么? 

    遮罩层好比黑夜中的一支手电筒,照在哪儿(指被遮罩层)哪儿就显现。

  • 第一步:创建两个图层,命名,一个是遮罩层,一个是被遮罩层; 
  • 第二步:在被遮罩层图层输入文字“闪吧,我的最爱”;
  • 第三步:在遮罩层随便画一个形状,例如一个圆; 
  • 第四步:此步最关键。点击遮罩层图层,右键选择“遮罩层”。 


二、我想让遮罩层运动起来,就象探照灯一样的效果,应如何做?

  • 第一步:把上面的圆转换为图形元件; 
  • 第二步:在第15帧处插入关键帧,选中元件,把它放在场景的最右端,在两帧之间右键选择“创建补间动画”,选中第1帧,右键选择“复制帧”,在第30帧处粘贴帧,在第15帧和第30帧处右键选择“创建补间动画”; 
  • 第三步:把被遮罩层的帧延长到第30处; 


三、我想让遮罩层随鼠标移动而移动应怎样做?   

  • 第一步:选中问题1的遮罩层,右键选择“遮罩层”,去掉前面的勾,此时取消了遮罩;选中圆,右键选择“转换为元件”,在弹出的对话框中选择“影片剪辑”,在主场景中给它个实例名mask_mc。 
  • 第二步:选中被遮罩层上的文字,同样转换为影片剪辑元件,实例名为_mc 
  • 第三步:新建图层,名为“动作”,选中第一帧,写如下代码:

  1. _mc.setMask(mask_mc);//设置_mc被mask_mc遮罩 
  2. mask_mc.onEnterFrame = function() { 
  3. //mask_mc在运行每一帧时执行函数 
  4. this._x = _xmouse; 
  5. this._y = _ymouse; 
  6. //mask_mc的坐标等于鼠标的坐标 
  7. }


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

    把问题3的第三步代码改为: 

  1. _mc.setMask(mask_mc); 
  2. var speed:Number = 5;//申明变量 
  3. mask_mc.onEnterFrame = function() { 
  4. this._x += (_xmouse-this._x)/speed;//让遮罩层缓冲运动 
  5. this._y += (_ymouse-this._y)/speed; 
  6. };


五、某对象的边框一闪而过的效果怎么做? 

    下面以效果2为例详解其制作过程 

  • 第一步:创建三个图层,从上到下名称分别为“边框”、“矩形”、“文字”。 
  • 第二步:在“文字”图层上输入文字:“闪吧”,延长帧到第40帧处。 
  • 第三步:选中“文字”图层的第一帧复制帧,粘贴帧到“边框”图层的第一帧上;将文字按住Ctrl+B,连按两次把文字打散;选中右侧“工具”栏中的“墨水瓶工具”,在打散的文字边上点击进行描边;在该帧上用鼠标进行点击(即全选该帧上的所有对象),然后把鼠标移到右侧“工具”栏中的“填充色”上点击,再把鼠标移到弹出对话框中的右上角,将填充色设置为无;选中刚才描出的边线,在属性中将其笔触高度设置为1.5。具体设置和效果见图1:
  • 第四步:选中“边线”,选择“修改”→“形状”→“将线条转换为填充”;把帧延长到第40帧处。(此步是关键,不能用线条作遮罩层,应转换为填充)具体设置见图2: 
  • 第五步:创建图形元件,在该元件编辑场景中画一个矩形,从上到下进行线形渐变,具体设置见图3;把该元件从库中拉入到主场景中“矩形”图层上的第一帧上,其位置在文字的上方;在第40帧处插入关键帧,把该元件的位置移到文字的下方;在第1帧和
  • 第40帧处右键选择“创建补间动画”。 
  • 第六步:选中“边框”图层,右键选择“遮罩层”。  


六、Flash如何做出渐变、半透明、羽化遮罩效果?

1.渐变

  • 第一步:创建两个图层,从上到下名称分别是“遮罩”、“渐变”。 
  • 第二步:在“遮罩”图层中输入文字“闪吧,我的最爱!”。 
  • 第三步:在“渐变”图层中画一个矩形,填充渐变色。 
  • 第四步:选中“遮罩”图层,右键选择“遮罩层”。 

2.半透明

  • 第一步:创建两个图层,从上到下名称分别是“遮罩”、“图片”。 
  • 第二步:在“图片”图层上导入一张图,并转换为影片剪辑元件,实例名为tp_mc,延长帧到第40帧;在其属性面板中勾选“使用运行时位图缓存”。 
  • 第三步:在“遮罩”图层上画一个小圆,转换为影片剪辑元件,实例名为mask_mc;选择属性面板中的“滤镜”里的“模糊”,输入模糊值均为100;在第40帧处插入关键帧,把圆放大;创建补间动画。 
  • 第四步:在“动作”图层的第一帧上写代码:tp_mc.setMask(mask_mc)

3.羽化遮罩

  • 半透明遮罩:把你半透明的遮罩层复制到上层即可。 
【教程】Flash制作动画基础の遮罩知识详解(一)

FLASH制作公司推荐

成为一品威客服务商,百万订单等您来有奖注册中

留言( 展开评论

快速发任务

价格是多少?怎样找到合适的人才?

官方顾问免费为您解答

 
FLASH制作相关任务
DESIGN TASK 更多
游戏公司取名

¥200 已有113人投标

游戏二次开发

¥100 已有0人投标

网络游戏属性修改器制作

¥1000 已有0人投标

买iOS游戏交易马甲包

¥5000 已有0人投标

游戏内存修改完成指定功能

¥8000 已有1人投标