遮罩动画怎么做【遮罩动画】

1、四个步骤解决。

2、添加被遮罩内容。

3、添加新图层。

4、添加用作遮罩的内容及其行为。

5、把该层设置为遮罩图层。

1、今天我们来做一个遮罩效果的动画，先来看看效果。

2、这个是比较简单的但是很多学PS的小盆友还不怎么会所以今天我们就来说一说首先先建立一个画布，然后填充一下背景色当然你喜欢什么颜色就用什么颜色当背景了，保佑你你喜欢的不是H色就好。

3、接下来就是打上你要写的文字，比如此朶女忽隐忽现什么的这里我们打上heytop的网址。

4、DDDD插下楼坐等。

5、接下来呢就是对着文字层按住ALT然后点下蒙版，可以看到字就没有了，然后就用矩形工具拉出选框。

6、用PS做遮罩肯定麻烦，不如用Flash。

8、接下来填充白色然后字就出现了，记得这里把蒙版和文字层解锁不然后面效果会出错。

9、打开窗里的动画面板，点击红色箭头那里，会转向时间轴动画面板。

10、先把蒙版的白色移到左边选择图层蒙版位置，点下后再移动到2秒处，把白色移动到右边。

11、接下来吧时间轴移动到4秒处然后把白色方块移动回左边。

12、把时间边界缩到4妙处。

13、好了这就完成了，保存为GIF格式大功告成~~谢谢大家观看。

14、这只需要几分钟不是很麻烦。

1、用钢笔工具绘制遮罩。

2、选择蒙版路径，K关键帧做动画。

1、启动flash，新建actionscript0文件，大小550*400。

2、执行文件->导入到库。

3、从库中拖拽背景图片到场景，设置属性大小550*400，设置居中对齐。

4、在图层1中第80帧处插入关键帧。新建图层2。

5、在图层2输入汉字福寿延年，并调节其位置。。

6、新建图层执行插入->新建元件->图形元件，在第一帧画一个圆，笔触为无，填充颜色为黑色，并调整其位置为正中。。

7、回到场景拖拽元件1到图层3第一帧处，调整位置，在第80帧处插入关键帧，在40帧，拖拽元件1到右端，在80帧拖拽元件1回到左端。。

8、分别在1-40处，40-80帧出创建传统补间动画、选中图层3右键单击出现菜单选中遮罩层。ctrl+enter测试。

9、成功。

1、打开FlashCS3软件，新建一个文档，将准备好的图片放到舞台上。。

2、然后新建一个图层，复制一个图片到新的图层中。。

3、在新的图层把图片转换为图形元件。。

4、选择元件，在属性面板设置亮度为。

5、再新建一个图层，绘制一个圆形。。

6、延长时间轴到60帧。。

7、圆形第60帧插入关键帧，移动圆形位置。。

8、创建补间形状动画。。

9、鼠标右键选择圆形图层，点击遮罩层。。

1、打开软件后，一定要选择新建一个Actionscript0的文档。。

2、在工具栏中找到文本工具单击选择，或者使用快捷键t，选择文本工具。。

3、在舞台上单击后新建一个静态文本，并输入文字内容。

4、在图层窗口中单击新建图层按钮，新建一个图层。

5、复制文本到新建的图层，注意位置要一致，并对文本的颜色进行修改。

6、再次新建一个图层，在图层中绘制一个圆形如图。

7、延长时间轴到第60帧，并在圆形图层的第60帧插入关键帧。

8、移动圆形到文本右侧。

9、选择中间帧创建补间形状动画。

10、后鼠标右键单击圆形图层，选择遮罩层。

11、这样就得到了类似探照灯的效果了。

1、导入一张静帧图，鼠标双击项目栏即可激活导入素材对话框，选中要导入的图片点确定即可。。

2、用图片新建一个合成，拖动图片到合成小图标松开即可生成一个新的合成。。

3、 遮罩的绘制，鼠标选择合成中的图片，点选钢笔工具；在合成窗口中绘出一个遮罩形状，右边的锯齿状可以令遮罩更生动。。

4、 锯齿部分太过生硬，点开蒙版列表，将其中的蒙版羽化修改为50左右。。

5、创建右端的遮罩动画，激活蒙版路径关键帧，时间线为0，用选择工具选中遮罩形状右边的所有点，用鼠标拖动到左边；时间线为2秒，保持遮罩右边点的选中状态，将其拖到右边。这样一个从左到右的动画生成了。此时播放可以看到图片从0到2秒时生成了一个图片右边逐渐出现的动画。。

6、创建左端的遮罩，动画选中蒙版路径，用钢笔工具对遮罩左边线添加点，并调整呈锯齿状；激活蒙版路径关键帧，时间线为5秒。。

7、时间线为4秒。选中左边所有点，拖动到右边。即生成了左端的逐渐消失动画。这样一张从出现到消失的动画就完成了。。

1、运行软件，点击新建工程，弹出一个对话框，给文件命名，并选择储存位置，往下看有两个预设列表，右边有对应的参数，如果不合适，可以勾选左下角的自定义，确定之后就会进入下一项设置。接着弹出的这个对话框可以自定义设置一些工程文件的参数，在导入素材之前，大家先把视频素材准备好，并统一放到同一个文件夹里。来到软件右上角的素材库面板，在空白处右键选择打开文件夹，这里打开的文件夹就是放素材的文件夹啦，在右边还能看到导入的素材。。

2、因为是两个视频同时播放，所以，先添加一个视音频轨道，在视频轨道1前面右键选择添加—在上方添加视音频轨道，数量为当然，如果作为遮罩画中画的视频不需要声音的话，那就不用新建轨道了，直接添加到视频轨道1上面的轨道就可以了。现在来把两个视频素材用拖拽的方式分别添加到视频轨道2上面，用来做遮罩画中画的视频放在上面。。

3、给视频轨道2上面的素材添加一个手绘遮罩的视频滤镜，双击右下角的手绘遮罩打开手绘遮罩的控制面板，选择钢笔工具，绘制出一个封闭遮罩形状区域，每点击一次鼠标左键可以创建一个节点。点击时不要立即放手，拖拽一下鼠标能够拉伸出贝塞尔手柄，方便调节该节点两侧的曲线形态。绘制完成之后，不满意该形状，或想调整区域大小，在遮罩区域右键选择—工具—编辑形状，这样就可以重新调整遮罩的形状啦，调整好之后把右上角的外部：滤镜可见度设置为0%。。

4、然后点击工具栏上面的工具栏按钮，把应用遮罩、背景两个选项勾选上，再把右边边缘的软勾选上，并把宽度设置为点击确定后就可以在预览窗口看到效果了，如果不理想再修改即可。。

5、这时的遮罩已经是完成了，但是这个遮罩是从一开始到结束都存在，而我们只想要它在某部分显示，那么就需要给它的透明度做一个关键帧动画了。再双击打开手绘则遮罩面板，把下面外部勾选上，并点击前面的小三角打开，把时间线移动到需要遮罩的开始处，点击添加关键帧按钮，然后把时间线移动到前一帧，并把不透明度设置为，在遮罩结束的地方添加一个关键帧，后一帧把不透明度设置为。，点击确定。。

6、遮罩动画已经完毕，后输出视频吧。文件＞输出到文件或输出到DVD，然后选择相应的选项即可。。

1、遮罩动画　在Flash的作品中，我们常常看到很多眩目神奇的效果，而其中不少就是用简单的“遮罩”完成的，如水波、万花筒、百页窗、放大镜、望远镜……等等。

2、那么，“遮罩”如何能产生这些效果呢？　　在本课，我们除了给大家介绍“遮罩”的基本知识，还结合我们的实际经验介绍一些“遮罩”的应用技巧。

3、学习目的字体的二次打散将字体转为形状创建遮罩动画课前热身“嗖”，伴着这声音，一道白光迅速掠过一排文字，这是我们经常在广告和电视中看到的效果。

4、见素材包本例运行效果你想不想知道它们是怎么制作出来的呢？其实很简单，利用前面学过的知识就可轻易地做出这个效果，下面，让我们动手试一试。

5、(1)创建影片文档　　执行(文件)|(新建)命令，在弹出的对话框中选择(常规)|(Flash文档)选项后，单击(确定)按钮，新建一个影片文档，在(属性)面板上设置文件大小为550×400像素，(背景色)为黑色(在教程中，我们为了更好地显示场景中的内容，背景色设为了深绿色),如图3-5-19所示。

6、图3-5-19文档属性　　(2)创建元件　步骤1创建“我要学做闪客”元件　　　执行(插入)|(新建元件)命令，新建一个图形元件，名称为“我要学做闪客”。

7、单击工具箱中的(文字工具)，在场景中输入“我要学做闪客”六个字，在(属性)面板中，设置文字参数如图3-5-20所示。

8、图3-5-20“我要学做闪客”文字选中字体，执行(修改)|(分离)命令二次，把字体打散键唤，再选择(颜料桶工具)，把字体中心填充成红色。

9、各个步骤的文字效果如图3-5-21所示。

10、图3-5-21文字效果　步骤2创建“辉光”元件　　执行(插入)|(新建元件)命令，新建一个图形元件，名称为“辉光”。

11、执行(窗口)|(设计面板)|(混色器)命令，打开(混色器)面板，设置(填充样式)为线性，将三个色标全部设置为白色，第一和第三个的(Alpha)值为零，中间的为74%(你可按需设置)，设置完后，在场景中画一个无边矩形，大小为40×2如图3-5-22所示。

12、图3-5-22(混色器)面板和图形　　粗亮梁(4)创建动画　　单击时间轴右上角的(场景1)按钮，切换到主场景。

13、本例的主场景1中共有四个图层，我们从下向上一层一层的做，可参看图3-5-25所示。

14、　步骤1创建(底层文字)层　　　将(图层1)重新命名为(底层文字)。

15、　从库里把“我要学做闪客”的元件拖到场景中，在第60帧处添加普通帧，这一层起显示文字的作用。

16、　　步骤2创建被遮罩层　　　新建一个(辉光)图层，从库里把“辉光”元件拖到场景中，放在“我要学做闪客”元件实例的左边。

17、选择工具栏岩运上的(任意变形工具)，单击(选项)中的(旋转与倾斜)按钮，将鼠标放在“辉光”元件实例的任意一个角，拖动鼠标旋转一定有角度，使“辉光”元件实例产生一定的倾斜度。

18、在第60帧处添加关键帧，在第30帧处把“辉光”元件实例拖到“我要学做闪客”元件实例的右边，在第1帧和第30帧处建立动作补间动画，如图3-5-23所示。

19、图3-5-23“辉光”元件在场景中的位置　步骤3创建遮罩层　　　新建一个(遮罩层)图层，复制(底层文字)层的第一帧中的元件实例，选择(遮罩层)的第1帧，执行(编辑)|(粘贴到当前位置)命令，用鼠标右键单击(遮罩层)，选择(遮罩层)，设置此层为遮罩层，这一层的作用是用字体做遮罩元素，用它来控制辉光在场景中出现的大小和位置。

20、　　　步骤4导入音乐和设置声音　　　执行(文件)|(导入)|(导入到库)命令，将名为“soundmp3”的音乐文件导入到库中。

21、　新增一个(声音层)图层，在第30帧处添加关键帧，在(属性)面板上设置声音选项，如图3-5-24所示。

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

23、图3-5-25时间轴面板上的图层说明、为了增强动画实例效果，实例中加入了一些声音效果，关于将声音导入Flash及应用声音的详细方法，请你参考第12课的相关内容。

24、课堂讲解下面系统讲解遮照动画的有关知识。

25、遮罩动画的概念　(1)什么是遮罩　　遮罩动画是Flash中的一个很重要的动画类型，很多效果丰富的动画都是通过遮罩动画来完成的。

26、在Flash的图层中有一个遮罩图层类型，为了得到特殊的显示效果，可以在遮罩层上创建一个任意形状的“视窗”，遮罩层下方的对象可以通过该“视窗”显示出来，而“视窗”之外的对象将不会显示。

27、　(2)遮罩有什么用　　在Flash动画中，“遮罩”主要有2种用途，一个作用是用在整个场景或一个特定区域，使场景外的对象或特定区域外的对象不可见，另一个作用是用来遮罩住某一元件的一部分，从而实现一些特殊的效果。

28、创建遮罩的方法　　(1)创建遮罩　　在Flash中没有一个专门的按钮来创建遮罩层，遮罩层其实是由普通图层转化的。

29、你只要在某个图层上单击右键，在弹出菜单中选择(遮罩层)，使命令的左边出现一个小勾，该图层就会生成遮罩层，“层图标”就会从普通层图标变为遮罩层图标，系统会自动把遮罩层下面的一层关联为“被遮罩层”，在缩进的同时图标变为，如果你想关联更多层被遮罩，只要把这些层拖到被遮罩层下面就行了，如图3-5-1所示。

30、图3-5-1多层遮罩动画　　(2)构成遮罩和被遮罩层的元素　　遮罩层中的图形对象在播放时是看不到的，遮罩层中的内容可以是按钮、影片剪辑、图形、位图、文字等，但不能使用线条，如果一定要用线条，可以将线条转化为“填充”。

31、被遮罩层中的对象只能透过遮罩层中的对象被看到。

32、在被遮罩层，可以使用按钮，影片剪辑，图形，位图，文字，线条。

33、(3)遮罩中可以使用的动画形式　　可以在遮罩层、被遮罩层中分别或同时使用形状补间动画、动作补间动画、引导线动画等动画手段，从而使遮罩动画变成一个可以施展无限想象力的创作空间。

34、应用遮罩时的技巧遮罩层的基本原理是、能够透过该图层中的对象看到“被遮罩层”中的对象及其属性(包括它们的变形效果)，但是遮罩层中的对象中的许多属性如渐变色、透明度、颜色和线条样式等却是被忽略的。

35、比如，我们不能通过遮罩层的渐变色来实现被遮罩层的渐变色变化。

36、要在场景中显示遮罩效果，可以锁定遮罩层和被遮罩层。

37、可以用“Actions”动作语句建立遮罩，但这种情况下只能有一个“被遮罩层”，同时，不能设置_Alpha属性。

38、不能用一个遮罩层试图遮蔽另一个遮罩层。

39、遮罩可以应用在gif动画上。

40、在制作过程中，遮罩层经常挡住下层的元件，影响视线，无法编辑，可以按下遮罩层时间轴面板的显示图层轮廓按钮，使之变成，使遮罩层只显示边框形状，在种情况下，你还可以拖动边框调整遮罩图形的外形和位置。

41、在被遮罩层中不能放置动态文本。

42、或许你读了上面的描述，还有点模糊，那么，通过一些范例，相信你会感受到遮罩动画的神奇！课后练习水波遮罩、见素材素材可以发给你，给我你的邮箱。

转载请注明出处阿文说说网 » 遮罩动画怎么做【遮罩动画】