谁能提供遮罩动画的技艺?

   更新日期:2024.05.07
遮罩动画
 在Flash的作品中,我们常常看到很多眩目神奇的效果,而其中不少就是用最简单的“遮罩”完成的,如水波、万花筒、百页窗、放大镜、望远镜……等等。
   那么,“遮罩”如何能产生这些效果呢?
   在本课,我们除了给大家介绍“遮罩”的基本知识,还结合我们的实际经验介绍一些“遮罩”的应用技巧。
学习目的
 字体的二次打散
 将字体转为形状
 创建遮罩动画
课前热身
“嗖”,伴着这声音,一道白光迅速掠过一排文字,这是我们经常在广告和电视中看到的效果。
见素材包
本例运行效果
你想不想知道它们是怎么制作出来的呢?其实很简单,利用前面学过的知识就可轻易地做出这个效果,下面,让我们动手试一试。
  (1)创建影片文档
   执行【文件】|【新建】命令,在弹出的对话框中选择【常规】|【Flash文档】选项后,单击【确定】按钮,新建一个影片文档,在【属性】面板上设置文件大小为550×400像素,【背景色】为黑色(在教程中,我们为了更好地显示场景中的内容,背景色设为了深绿色),如图3-5-19所示。

图3-5-19 文档属性
  (2)创建元件
  步骤1 创建“我要学做闪客”元件
    执行【插入】|【新建元件】命令,新建一个图形元件,名称为“我要学做闪客”。单击工具箱中的【文字工具】 ,在场景中输入“我要学做闪客”六个字,在【属性】面板中,设置文字参数如图3-5-20所示。

图3-5-20 “我要学做闪客”文字
选中字体,执行【修改】|【分离】命令二次,把字体打散,再选择【颜料桶工具】,把字体中心填充成红色。各个步骤的文字效果如图3-5-21所示。

图3-5-21 文字效果
 步骤2 创建“辉光”元件
   执行【插入】|【新建元件】命令,新建一个图形元件,名称为“辉光”。执行【窗口】|【设计面板】|【混色器】命令,打开【混色器】面板,设置【填充样式】为线性,将三个色标全部设置为白色,第一和第三个的【Alpha】值为零,中间的为74%(你可按需设置),设置完后,在场景中画一个无边矩形,大小为40×230,如图3-5-22所示。

图3-5-22 【混色器】面板和图形
  (4)创建动画
   单击时间轴右上角的【场景1】按钮,切换到主场景。
   本例的主场景1中共有四个图层,我们从下向上一层一层的做,可参看图3-5-25所示。
  步骤1 创建【底层文字】层
    将【图层1】重新命名为【底层文字】。
    从库里把“我要学做闪客”的元件拖到场景中,在第60帧处添加普通帧,这一层起显示文字的作用。     
 步骤2 创建被遮罩层
    新建一个【辉光】图层,从库里把“辉光”元件拖到场景中,放在“我要学做闪客”元件实例的左边。选择工具栏上的【任意变形工具】,单击【选项】中的【旋转与倾斜】按钮,将鼠标放在“辉光”元件实例的任意一个角,拖动鼠标旋转一定有角度,使“辉光”元件实例产生一定的倾斜度。在第30、60帧处添加关键帧,在第30帧处把“辉光”元件实例拖到“我要学做闪客”元件实例的右边,在第1帧和第30帧处建立动作补间动画,如图3-5-23所示。

图3-5-23 “辉光”元件在场景中的位置
 步骤3 创建遮罩层
    新建一个【遮罩层】图层,复制【底层文字】层的第一帧中的元件实例,选择【遮罩层】的第1帧,执行【编辑】|【粘贴到当前位置】命令,用鼠标右键单击【遮罩层】,选择【遮罩层】,设置此层为遮罩层,这一层的作用是用字体做遮罩元素,用它来控制辉光在场景中出现的大小和位置。      
 步骤4 导入音乐和设置声音
    执行【文件】|【导入】|【导入到库】命令,将名为“sound2.mp3”的音乐文件导入到库中。
    新增一个【声音层】图层,在第1、30帧处添加关键帧,在【属性】面板上设置声音选项,如图3-5-24所示。

图3-5-24 声音设置
至此,我们就已经创建好了“我要学做闪客”这个动画,时间轴面板如图3-5-25所示。

图3-5-25 时间轴面板上的图层
说明:为了增强动画实例效果,实例中加入了一些声音效果,关于将声音导入Flash及应用声音的详细方法,请你参考第12课的相关内容。
课堂讲解
下面系统讲解遮照动画的有关知识。
1.遮罩动画的概念
 (1)什么是遮罩
   遮罩动画是Flash中的一个很重要的动画类型,很多效果丰富的动画都是通过遮罩动画来完成的。在Flash的图层中有一个遮罩图层类型,为了得到特殊的显示效果,可以在遮罩层上创建一个任意形状的“视窗”,遮罩层下方的对象可以通过该“视窗”显示出来,而“视窗”之外的对象将不会显示。
 (2)遮罩有什么用
   在Flash动画中,“遮罩”主要有2种用途,一个作用是用在整个场景或一个特定区域,使场景外的对象或特定区域外的对象不可见,另一个作用是用来遮罩住某一元件的一部分,从而实现一些特殊的效果。
2.创建遮罩的方法
  (1)创建遮罩
   在Flash中没有一个专门的按钮来创建遮罩层,遮罩层其实是由普通图层转化的。你只要在某个图层上单击右键,在弹出菜单中选择【遮罩层】,使命令的左边出现一个小勾,该图层就会生成遮罩层,“层图标”就会从普通层图标 变为遮罩层图标 ,系统会自动把遮罩层下面的一层关联为“被遮罩层”,在缩进的同时图标变为 ,如果你想关联更多层被遮罩,只要把这些层拖到被遮罩层下面就行了,如图3-5-1所示。

图3-5-1 多层遮罩动画
  (2)构成遮罩和被遮罩层的元素
   遮罩层中的图形对象在播放时是看不到的,遮罩层中的内容可以是按钮、影片剪辑、图形、位图、文字等,但不能使用线条,如果一定要用线条,可以将线条转化为“填充”。
   被遮罩层中的对象只能透过遮罩层中的对象被看到。在被遮罩层,可以使用按钮,影片剪辑,图形,位图,文字,线条。
  (3)遮罩中可以使用的动画形式
   可以在遮罩层、被遮罩层中分别或同时使用形状补间动画、动作补间动画、引导线动画等动画手段,从而使遮罩动画变成一个可以施展无限想象力的创作空间。
3.应用遮罩时的技巧
 遮罩层的基本原理是:能够透过该图层中的对象看到“被遮罩层”中的对象及其属性(包括它们的变形效果),但是遮罩层中的对象中的许多属性如渐变色、透明度、颜色和线条样式等却是被忽略的。比如,我们不能通过遮罩层的渐变色来实现被遮罩层的渐变色变化。
 要在场景中显示遮罩效果,可以锁定遮罩层和被遮罩层。
 可以用“Actions”动作语句建立遮罩,但这种情况下只能有一个“被遮罩层”,同时,不能设置_Alpha属性。
 不能用一个遮罩层试图遮蔽另一个遮罩层。
 遮罩可以应用在gif动画上。
 在制作过程中,遮罩层经常挡住下层的元件,影响视线,无法编辑,可以按下遮罩层时间轴面板的显示图层轮廓按钮 ,使之变成 ,使遮罩层只显示边框形状,在种情况下,你还可以拖动边框调整遮罩图形的外形和位置。
 在被遮罩层中不能放置动态文本。
或许你读了上面的描述,还有点模糊,那么,通过一些范例,相信你会感受到遮罩动画的神奇!
课后练习
水波遮罩:见素材

素材可以发给你,给我你的邮箱

  • 15170823135 :flash制作最简单的遮罩动画!!!
    索应闻2393 :答:大家在进入qq空间的时候会有一个开机动画,先是全部白色或者黑色,然后随着一个圆圈的出现渐渐出来,下面我就教大家制作这样的最简单的遮罩动画!步骤/方法打开一个空白的flash文档。建立一个元件。在库面板下面新建---元件。...
  • 15170823135 :AE怎么做蒙版遮罩动画?
    索应闻2393 :答:在“时间轴”面板中,将“蒙版路径”属性展开,然后使用“关键帧”来创建动画。你可以在蒙版路径属性下的每个关键帧上调整蒙版的形状和位置,从而创建蒙版遮罩动画。你还可以调整关键帧之间的速度曲线,使动画更加平滑。此外,...
  • 15170823135 :遮罩动画制作步骤
    索应闻2393 :答:品牌推广:动画可以作为一种有效的营销工具,帮助品牌建立形象。3、技术展示:在科技、工程和其他技术领域,动画可以用来模拟复杂的过程和系统,帮助观众更好地理解其工作原理。艺术表达:动画为艺术家提供了一个独特的平台,使...
  • 15170823135 :ae蒙版遮罩动画怎么做?
    索应闻2393 :答:在蒙版路径属性中,添加一个起始关键帧和一个结束关键帧。可以通过选择蒙版路径属性,然后单击“添加关键帧”按钮或使用快捷键 F6 来添加关键帧。调整蒙版路径属性中的路径形状和位置,以创建所需的蒙版遮罩动画。可以使用 AE ...
  • 15170823135 :Flash制作彩虹遮罩字动画
    索应闻2393 :答:今天来给大家分享如何用Flash制作个彩虹遮罩字的动画,主要用到文字工具,矩形工具,彩虹渐变色。首先,打开Flash CS4,点击新建Flash文件。再点击工具栏上的文字工具,在文档中输入文字,点击右侧属性面板,设置字体为华文琥珀。...
  • 15170823135 :ppt遮罩效果动画怎么做
    索应闻2393 :答:14、这个时候,第1行文字的遮罩动画已经制作完成。现在需要来制作第2行文字的动画,让它的方向变成从左到右。选中圆,按下Ctrl+D键,会直接复制圆以及圆的动画。如图所示;15、将复制过来的圆以及圆的动画移动到第2行文字...
  • 15170823135 :flash怎么制作简单的遮罩动画
    索应闻2393 :答:flash制作简单的遮罩动画的步骤如下:1.启动flash后,新建一个大小为600*400,帧频为12fps,背景颜色为白色的文档。2.执行文件-导入-导入到库命令,导入一张风景图片,设置大小为600*400,x为0,y为0。3.在100帧处插入...
  • 15170823135 :谁能提供遮罩动画的技艺?
    索应闻2393 :答:1.遮罩动画的概念 (1)什么是遮罩 遮罩动画是Flash中的一个很重要的动画类型,很多效果丰富的动画都是通过遮罩动画来完成的。在Flash的图层中有一个遮罩图层类型,为了得到特殊的显示效果,可以在遮罩层上创建一个任意形状...
  • 15170823135 :FLASH中遮罩层怎么能制作动画啊
    索应闻2393 :答:1、首先打开flash软件,准备制作一个flash遮罩动画!2、从电脑上导入世界地图的图片,世界地图图片可以网上下载!3、图片导入到舞台上后,如果大小不合适,你可以自己修改图片的大小,尽量让图片细长点!当然这一步可以省略!4...
  • 15170823135 :AE遮罩使用方法详解
    索应闻2393 :答:遮罩在视频设计中广泛使用,例如可以用来“抠”出图像中的一部分,使最终的图像仅有“抠”出的部分被显示。After effects 4.1提供了强大的遮罩Mask创建、修改及动画功能,支持对某个特定的层设定多达127个的多重Mask,单击...
  • 相关链接

    欢迎反馈与建议,请联系电邮
    2024 © 视觉网