Flash遮罩教程_第1页
Flash遮罩教程_第2页
Flash遮罩教程_第3页
Flash遮罩教程_第4页
Flash遮罩教程_第5页
已阅读5页,还剩7页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

1、Flash 遮罩教程1、请问遮罩的原理是什么?效果 遮罩层好比黑夜中的一支手电筒,照在哪儿(指被遮罩层) 哪儿就显现。第一步:创建两个图层,命名,一个是遮罩层,一个是被遮 罩层;第二步:在被遮罩层图层输入文字 闪吧,我的最爱 ;第三步:在遮罩层随便画一个形状,例如一个圆; 第四步:此步最关键。点击遮罩层图层,右键选择 遮罩层 ,如图 1(1) 2、我想让遮罩层运动起来, 就象探照灯一样的效果,应如何做?效果 第一步:把上面的圆转换为图形元件;第二步:在第 15 帧处插入关键帧,选中元件,把它放在场 景的最右端,在两帧之间右键选择 创建补间动画 ,选中第 1 帧,右键选择 复制帧 ,在第 30

2、帧 处粘贴帧,在第 15 帧和第 30 帧处右键选择 创建补 间动画 ;第三步:把被遮罩层的帧延长到第 30 处;源文件 3 、我想让遮罩层随鼠标移动而移动应怎样做? 效果第一步:选中问题 1的遮罩层,右键选择 遮罩 层 ,去掉前面的勾,此时取消了遮罩;选中圆,右 键选择 转换为元件 , 在弹出的对话框中选择 影片剪辑 ,在主场景 中给它个实例名 mask_mc 。第二步: 选中被遮罩层上的文字, 同样转换为影片剪辑元件, 实例名为 _mc第三步:新建图层,名为 动作 ,选中第一帧, 写如下代码:_mc.setMask(mask_mc);/ 设置 _mc 被 mask_mc 遮罩 mask_m

3、c.onEnterFrame = function() /mask_mc 在运行每一帧时执行函数this._x = _xmouse;this._y = _ymouse;/mask_mc 的坐标等于鼠标的坐标;源文件 4 、我想让遮罩层随鼠标移动有缓冲的效果应如何 做?效果把问题 3 的第三步代码改为:mc.setMask(mask_mc); var speed:Number = 5;/ 申明变量 mask_mc.onEnterFrame = function() this._x += (_xmouse-this._x)/speed;/ 让遮罩层缓冲运动 this._y += (_ymouse-

4、this._y)/speed;源文件 5 、某对象的边框一闪而过的效果怎么做?效果 1 效果 2下面以效果 2 为例详解其制作过程 第一步:创建三个图层,从上到下名称分别为 边框 、矩形 、文字 。 第二步:在 文字 图层上输入文字: 闪吧 ,延长帧到第 40 帧处。第三步: 选中 文字 图层的第一帧复制帧, 粘 贴帧到 边框 图层的第一帧上;将文字按住 Ctrl+B, 连按两次把文字打散;选中右侧 工具 栏中的 墨水瓶工具 ,在打散的文字边上点击进行描边;在该帧上用鼠 标进行点击(即全选该帧上的所有对象) , 然后把鼠标移到右侧 工具 栏中的 填充色 上点击,再把鼠标移到弹出对话框中的右上

5、角,将填充色设置为无;选中刚才描出的边线, 在属性中将其笔触高度设置为 1.5 。具体设置和效果见图 1:第四步:选中 边线 ,选择 修改 形状 将 线条转换为填充 ;把帧延长到第 40 帧处。 (此步是关键,不能用线条作遮罩层,应转换为填充)具体 设置见图 2 :第五步:创建图形元件,在该元件编辑场景中 画一个矩形,从上到下进行线形渐变,具体设置见图3;把该元件从库中拉入到主场景中 矩形 图层 上的第一帧上,其位置在文字的上方;在第 40 帧处插入关 键帧, 把该元件的位置移到文字的下方;在第 1 帧和第 40 帧处右 键选择 创建补间动画 。第六步:选中 边框 图层,右键选择 遮罩层 。

6、源文件 6、如何做出渐变、半透明、羽化遮罩效果? 渐变效果 第一步:创建两个图层,从上到下名称分别是 遮罩 、 渐变 。第二步:在 遮罩 图层中输入文字 闪吧,我的最爱! 。第三步:在 渐变 图层中画一个矩形, 填充渐 变色。第四步:选中 遮罩 图层,右键选择 遮罩层 。源文件 羽化效果 第一步:创建两个图层,从上到下名称分别是 遮罩 、 图片 。第二步:在 图片 图层上导入一张图, 并转换 为影片剪辑元件,实例名为 tp_mc ,延长帧到第 40 帧; 在其属性面板中勾选 使用运行时位图缓存 第三步:在 遮罩 图层上画一个小圆, 转换为 影片剪辑元件,实例名为 mask_mc ;选择属性面板

7、中的 滤镜 里的 模糊 ,输入模糊 值均为 100 ;在第 40 帧处插入关键帧,把圆放大;创建补 间动画。第四步:在 动作 图层的第一帧上写代码: tp_mc.setMask(mask_mc)源文件 半透明遮罩:把你半透明的遮罩层复制到上层即可。 7、我用静态文字作遮罩层或作为被遮罩时怎么没有效果? 方法将文字连按两次 Ctrl+B ,把文字打散。方法更改该文字的属性,不采用使用设备字体 。方法把文字转换为影片元件, 实例名为 wz_mc ;把遮罩转 换为影片元件,实例名为 mask_mc ;在帧上写代码 wz_mc.setMask(mask_mc)8 、动态文本设置被遮罩怎么没 有效果?方

8、法把动态文本转换为影片元件,实例名为wz_mc,创建遮罩影片元件,实例名为 mask_mc ;然后在帧上写代码: wz_mc.setMask(mask_mc)方法选择嵌入,在弹出的对话框中出现的 包含这 些字符 里输入动态文本中要显示的文字。 (但这种方 法会使文件体积变大)效果 9、怎样让遮罩层沿着引导层上的任意路径运动?效果要点 把遮罩先做成沿引导层上路径运动的影片剪辑,再把该影片 剪辑设为遮罩层步骤第一步: 创建图形元件, 名称为 圆 ,画一个 圆。第二步:创建影片剪辑元件,名称为 运动的圆 ,把图形元件 圆 拖入;让圆沿引导 层上的曲线运动起来。如图9 :第三步:在主场景中创建两个图层

9、,从上到下名称分别为 遮罩 、 背景 ;把 运动的圆 拖入到主场景中 的 遮罩 图层上;在 背景 图层 上导入一张图片; 选中 遮罩 图层,右键选择 遮罩层 。10 、一般右键选择设置 遮罩层 时只能遮罩一个图层,那多个图层怎么做? 方法把没有被遮罩的图层拖入到已经被遮罩和遮罩层之 间,再调整图层顺序。方法用鼠标按住没有被遮罩的图层不放,然后往上推,当出现灰色的虚线时释放鼠标即可。如图10 :11、空心圆做遮罩怎么中间的空白处也作了遮罩?效果方法 把空心圆不能做成影片剪辑元件,但可以是图形元件。12 、放大镜是如何应用遮罩的?效果 第一步:创建四个图层,从上到下名称依次是 动作 、 放大镜 、

10、 遮罩 、 底图 。第二步:创建影片剪辑元件,名称为 底图 , 导入一张图;把该元件拖入到主场景中的 底图 图层上,实例名为 dt_mc 。第三步:创建影片剪辑元件,名称为 遮罩 , 画一个圆,填充类型为放射状,中间透明,四周不透明; 把该元件拖入到主场景中的 遮罩 图层上,实 例名为 mask_mc 。再拖一个到 放大镜 图层 上,实例名为 fdj_mc 。第四步:在 动作 图层的第一帧上写如下代码:Mouse.hide();/ 鼠标隐藏var speed:Number = 4;/ 申明变量 dt_mc.duplicateMovieClip(fdt_mc, 0);/ 复制底图为放大图 fdt

11、_mc._xscale = fdt_mc._yscale=150;/ 放大图放大 fdt_mc.setMask(mask_mc);/ 设置放大图被遮罩元件遮罩 fdt_mc.swapDepths(fdj_mc);/ 把放大镜放在最上层 mask_mc.onEnterFrame = function() fdt_mc._x = -this._x*0.5;/ 设置放大图的坐标随遮罩层的变 化而变化 fdt_mc._y = -this._y*0.5;fdj_mc._x = this._x += (_xmouse-this._x)/speed;/ 让遮罩层 和放大镜坐标重合且缓冲运动fdj_mc._y

12、 = this._y += (_ymouse-this._y)/speed; updateAfterEvent();/ 更新舞台;源文件 13 、我想鼠标点击时遮罩层出现并拖动,再次点击 时消失怎么做?效果在第 12 问的第四步代码中作如下改动: Mouse.hide();dt_mc.duplicateMovieClip(fdt_mc, 1); fdt_mc._xscale = fdt_mc._yscale=150; fdt_mc.setMask(mask_mc); fdt_mc.swapDepths(fdj_mc);mask_mc._visible = fdj_mc._visible=fdt

13、_mc._visible=0; mask_mc.onEnterFrame = function() fdt_mc._x = -this._x*0.5;fdt_mc._y = -this._y*0.5;fdj_mc._x = this._x += (_xmouse-this._x)/4;fdj_mc._y = this._y += (_ymouse-this._y)/4; updateAfterEvent(); onMouseDown = function () this.id = !this.id;if (this.id) mask_mc._visible = fdj_mc._visible=

14、fdt_mc._visible=1;if (!this.id) mask_mc._visible = fdj_mc._visible=fdt_mc._visible=0; ;14 、导入外部的影片(如文件名 1.swf )或图片(如文件名1.jpg ),怎样设置遮罩? 第一步:创建影片剪辑元件,画一个你要的遮罩形状;把该 元件拖入到主场景中,实例名取 mask_mc 。 第二步:在帧上写代码:var my_mcl:MovieClip = createEmptyMovieClip(my_mcl, getNextHighestDepth();var mcloader:MovieClipLoader

15、 = new MovieClipLoader(); mcloader.addListener(this);mcloader.loadClip(1.jpg, my_mcl); mask_mc._visible = 0;this.setMask(mask_mc); 第三步:保存,并在该文件所在的文件夹内放一张图片,名 称为 1.jpg如果导入的是外部影片,则把 1.jpg 改为 1.swf ,当然,外 部影片的名称为 1.swfFLASH 技巧和特效Flash 动画内部加连接的一点小技巧 文字动画制作之我见闪客精灵三斧 肢解 Flash 鼠绘技术内幕完全接触环境背景篇 鼠绘技术内幕完全接触植物篇

16、鼠绘技术内幕完全接触动物篇 鼠绘技术内幕完全接触人物篇 鼠绘技术内幕完全接触概述篇 flash 绘画教程:绘制矢量人物 在 FLASH MX 中如何精确控制声音的开始暂停 Flash MX Pro 2004 播放视频文件 FlashMX 中 loading 的制作方法 Flash MX 与几何画板的相互调用 如何让 FLA 编译出小体积 SWF SWF 文件结构大解剖 如何防止 SWF 文件被反编译? FLASH 进度条制作教程 Flash 制作影片指导进度条 Swift3D 练习:心心相印 如何让 FLA 编译出小体积 SWF Flash 文件减肥妙技 10 招 怎样才能使制作出来 Flas

17、h 文件小 如何快速获得网页上的 Flash 文件 巧妙提取 Flash 文件中的素材 竖直方向的弹簧振子效果的制作Flash 文字特效系列教程:浮雕文字Flash 文字特效系列教程 :线框文字Flash 文字特效系列教程:金属文字Flash 文字特效系列教程 :荧光文字Flash 文字特效系列教程:扫描文字Flash 文字特效系列教程:扭曲文字Flash 文字特效系列教程:星球字Flash 文字特效系列教程:水飘字Flash 文字特效系列教程:发泡文字FLASH 文字特效:浮出文字效果FLASH 文字特效:闪字效果FLASH 文字特效:打字效果 学做闪光文字 渐显渐隐的字幕效果FlashMX

18、 特效之扩散与挤压用 Flash 动态遮罩制作图片渐出效果在 FLASH MX 中如何精确控制声音的开始暂停Flash 和视频的双刃剑解开音乐开关的奥秘 二则制作 flash 水波倒影三法Flash 制作按钮技巧FlashMX2004 精彩特效之阴影用 Flash 制作火苗效果使 Flash 动画中字体清晰的三种方法用 Flash 制作 漫天大雪 的效果FLASH MX 2004教程:学做闪客FlashMX2004 分布式复制残影效果FLASH MX 2004教程:绽放的花朵FLASH MX 2004实例:叠影字FLASH MX 2004教程:金鱼FLASH MX 2004教程:万花筒制作立方体旋转效果Flash8 简单制作飞速旋转效果 实现 Flash 动画文件全屏效果的三种方法 Flash 制作好看的影片加载进度条Flash 制作好看的音乐跳动节奏教程Flash 8 制作超酷的阴影图片特效 用 FLASH 制作漂亮流光溢彩的效果 制作可以用电视观看的 Flash 动画网页中插入透明F

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论