Flash教程(七) 遮罩层动画

遮罩动画

在Flash作品中，常常可以看到很多眩目神奇的效果，而其中不少就是用“遮罩”动画完成的，如水波、万花筒、百叶窗、放大镜等动画效果。

那么，“遮罩”动画如何能产生这些特效呢？在本节，我们除了给大家介绍“遮罩”动画的基本知识外，还要结合实际范例讲解“遮罩”动画的制作方法和技巧。

遮罩动画的制作方法

遮罩动画的原理是，在舞台前增加一个类似于电影镜头的对象。这个对象不仅仅局限于圆形，可以是任意形状。将来导出的影片，只显示电影镜头“拍摄”出来的对象，其他不在电影镜头区域内的舞台对象不再显示。

遮罩效果的获得一般需要两个图层，这两个图层是被遮罩的图层和指定遮罩区域的遮罩图层。实际上，遮罩图层是可以应用于多个图层的。

遮罩图层和被遮罩图层只有在锁定状态下，才能够在工作区中显示出遮罩效果。解除锁定后的图层在工作区中是看不到遮罩效果的。

下面通过具体的操作来讲解遮罩动画的制作方法。

（1）新建一个Flash CS3影片文档，保持文档属性的默认设置。

（2）导入一个外部图像（草原.jpg）到舞台上。

（3）新建一个图层，在这个图层上用“椭圆工具”绘制一个五角星（无边框，任意色）。我们计划将这个圆当做遮罩动画中的电影镜头对象来用。

现在，影片有两个图层，“图层1”上放置的是导入的图像，“图层2”上放置的是五角星（计划用做电影镜头对象）。如图1所示。

图1 舞台效果

（4）下面来定义遮罩动画效果。右击“图层2”，在弹出的快捷菜单中选择“遮罩层”命令。图层结构发生了变化。如2所示。

2 遮罩图层结构

我们注意观察一下图层和舞台的变化。

“图层1”：图层的图标改变了，从普通图层变成了被遮罩层（被拍摄图层）。并且图层缩进，图层被自动加锁。

“图层2”：图层的图标改变了，从普通图层变成了遮罩层（放置拍摄镜头的图层）。并且图

层被加锁。

舞台显示也发生了变化。只显示电影镜头“拍摄”出来的对象，其他不在电影镜头区域内的舞台对象都没有显示。如3所示。

图3 定义遮罩后的舞台效果

（6）按下Ctrl+Enter键测试影片，观察动画效果。可以看到只显示了电影镜头区域内的图像。

（7）下面我们改变一下镜头的形状。在“图层1”的第15帧按F5键添加一个普通帧。将“图层2”解锁。在“图层2”的第15帧按F6键添加一个关键帧，将“图层2”的第15帧上的五角星放大尺寸。定义从第1帧到第15帧的补间形状。图层结构如4所示。

图4 图层结构

（8）按下Ctrl+Enter键测试影片，观察动画效果。可以看到只显示了电影镜头区域内的图像，并且随着电影镜头（五角星）的逐渐变大，显示出来的图像区域也越来越多。

（9）下面我们改变一下改变镜头的位置。将“图层1”上的圆放置在舞台左侧，将“图层2”的第15帧上的圆的大小恢复到原来的尺寸，并放置在舞台的右侧。

（10）按下Ctrl+Enter键测试影片，观察动画效果。可以看到随着电影镜头的位置移动，显示出来的图像内容也发生变化，好像一个探照灯的效果。

从上面的操作可以得出这样的结论，在遮罩动画中，可以定义遮罩层中电影镜头对象的变化（尺寸变化动画、位置变化动画、形状变化动画等），最终显示的遮罩动画效果也会随着电影镜头的变化而变化。

其实除了可以设计遮罩层中的电影镜头对象变化，还可以让被遮罩层中的对象进行变化，甚至可以是遮罩层和被遮罩层同时变化。这样可以设计出更加丰富多彩的遮罩动画效果。

利用遮罩动画实现电影镜头效果

在制作Flash MTV或者Flash动画短片时，需要很多电影镜头效果。比如推/拉镜头效果、移动镜头效果、升/降镜头效果等。

下面通过实际操作讲解一下利用遮罩动画模拟电影镜头效果的制作方法。

（1）新建一个Flash CS3影片文档，保持文档属性的默认设置。

（2）导入一个外部图像（草原.jpg）到舞台上。用“任意变形工具”将这个图片压扁拉长，并让图片左端对齐舞台左端。效果如图5所示。

图5 将图片压扁拉长

（3）在第40帧插入一个关键帧，并将第40帧上的图片向左移动，使图片的右端对齐舞台右端。效果如图6所示。

图6 第50帧上的图片效果

（4）选择第1帧，定义补间动画。

（5）新建一个图层，在这个图层上用“矩形工具”绘制一个矩形（无边框，任意色）。这个矩形的宽和舞台的宽一样，高和草原图片的高一样。如图7所示。

图7绘制矩形

（6）右击“图层2”，在弹出的快捷菜单中选择“遮罩层”命令。这样我们就定义了一个遮罩动画。“图层2”上是一个矩形的拍摄镜头对象，保持静止不动。“图层1”上是草原图片，它在做一个从右向左的移动动画。

（7）按下Ctrl+Enter键测试影片，观察动画效果。可以看到一个从左向右拍摄草原的电影镜头效果。只所以有这种效果是因为相对运动的错觉，“图层2”上的矩形拍摄镜头并没有动，只是“图层1”上的夜景图片在动。而我们最终看起来，好像是电影镜头在移动一样。从这里就可以体会到遮罩动画的奇妙效果。

（8）我们接着制作一个推镜头的效果。先将“图层1”解锁，将“图层2”隐藏。这样便于对“图层1”上的图片进行操作。

（9）选择“图层1”的第70帧，按F6键插入一个关键帧。选择第70帧上的图片，打开“变形”面板，设置宽和高同时放大到300％。如图8所示。

图8 “变形”面板

（10）选择“图层1”的第40帧，定义补间动画。选择“图层2”的第70帧，按F5键添加

帧。

（11）按下Ctrl+Enter键测试影片，观察动画效果。可以看到电影镜头从左向右拍摄草原后，推镜头得到一个草原的近景效果。

实战范例――百叶窗

遮罩动画是Flash动画类型中变化最为神奇和丰富的一种类型。它可以模拟流水、瀑布等很多复杂动感的场景，形变过程魅力无穷，极富表现力。

范例简解

本范例利用遮罩动画制作一个百叶窗的特效动画，以展示遮罩动画神奇的表现力。范例效果如图8所示。

图8 范例效果

通过本例的学习，可以掌握遮罩动画的制作方法和技巧，进一步理解遮罩动画的原理。

制作步骤

1．新建影片文档和设置文档属性

（1）启动Flash CS3，按下快捷键“Ctrl+N”新建影片文档。

（2）展开“属性”面板，按下快捷键“Ctrl+J”，弹出“文档属性”对话框。设置影片尺寸为640×480像素，其他参数保持默认。

2．导入位图

（1）选择“文件”|“导入”|“导入到库”命令，导入准备好的2幅图片（素材：image1.jpg 和image2.jpg）。

（2）将“图层1”重新命名为“背景”，将图片image1.jpg从库中拖放到舞台上，调整位置与舞台对齐。

（3）选中第30帧，按F7键插入空白关键帧，将图片image2.jpg从库中拖放到舞台上，调整位置与舞台对齐。然后在第60帧按F5键插入键。

（4）按同样的方法，插入名称为“图片”的图层，在第1帧放置image2.jpg图片，在第30帧放置image1.jpg图片。这时时间轴如图10所示。

图10 布局图片

3．制作“叶片”影片剪辑

（1）选择“插入”|“新建元件”命令（快捷键“Ctrl+F8”），在弹出的新建元件对话框中选择“类型”为“影片剪辑”，重命名为“横叶片”，如图11所示。单击“确定”按钮后进入“叶片”影片剪辑的编辑场景。

图11 创建元件

（2）在工具箱中选择矩形工具，在舞台中绘制一个无边框的长条矩形，长为640px，宽为48px，让它的左上角对齐场景中心“十”字。

（3）选中第30帧，按F6键插入关键帧，将30帧处的矩形尺寸改为640×1像素。

（4）单击第1帧，在属性面板中设置1~30帧补间为“形状”，其它属性为默认，绘制完成的效果如图12所示。

图12 制作形状补间动画

（5）按同样的方法，新建一个名为“竖叶片”的影片剪辑，在元件的编辑场景中绘制64×480px的矩形条。接着制作30帧的形状补间动画。如图13所示。

图13 “竖叶片”影片剪辑

4．制作“叶片遮罩”影片剪辑

（1）新建图层，将它重新命名为“遮罩”，接着将“横叶片”影片剪辑从库面板拖放到舞台的左侧。

（2）按住Ctrl键的同时拖动“横叶片”影片剪辑，快速复制出9个影片剪辑。

（3）选中所有的“横叶片”影片剪辑，选择“窗口”|“对齐”命令打开“对齐”面板，单

击“应用于舞台”按钮，然后依次单击“垂直居中分布”和“水平居中分布”按钮，如图14所示。

图14 对齐面板

（4）保持影片剪辑被选中的状态，按快捷键F8将其转换为元件，选择“类型”为“影片剪

辑”，“名称”为“横条遮罩”。如图15所示，单击“确定”按钮完成制作。

图15 转换为元件

（5）返回主场景，选中第30帧，按F7键插入空白关键帧，运用以上同样的方法，运用“竖叶片”影片剪辑制作出“竖条遮罩”影片剪辑。然后在第60帧按F5键插入帧。如图16所示。

图16 图层和时间轴效果

5．制作遮罩动画

（1）在“遮罩”图层的名称上右击，在弹出的快捷菜单中选择“遮罩层”命令。如图17所示。

图17 选择“遮罩层”命令

（2）此时图层区域发生变化，“遮罩”图层的名称前的图标变为，“图片”前的变为，两个图层被自动锁定，说明遮罩效果已经创建成功。此时的时间轴效果如图18所示。

图18 时间轴图层效果

（3）按下快捷键“Ctrl+S”保存文件。按下快捷键“Ctrl+Enter”测试影片效果，百叶窗遮罩动画制作完成。

遮罩层与遮罩动画的练习导学案

遮罩层与遮罩动画的制作课堂导学案 【学习目的】 1）进一步理解遮罩的概念； 2）掌握遮罩动画的制作要领； 3）能够恰当运用遮罩层再现生活中一些有趣的情境。 【学习重点】 1）遮罩概念的理解； 2）恰当运用遮罩层再现生活中一些有趣的情境。 【学习难点】 遮罩概念的理解。 【学习方法】 让学生在欣赏-模仿-分析-探究的过程中学会学习。从生活中寻找遮罩“原型”并重现，通过主动探索、发现和体验，实现学以致用。 一、概念复习 除了普通图层、引导层外，还有一种特殊的图层——遮罩层。利用遮罩功能，可以设定显示图像的哪一部分，不显示哪一部分，以便进行一些特殊处理。由此形成的动画，就是遮罩动画。 1．遮罩动画的概念 （1）什么是遮罩 遮罩动画是Flash中的一个很重要的动画类型，很多效果丰富的动画都是通过遮罩动画来完成的。在Flash的图层中有一个遮罩图层类型，为了得到特殊的显示效果，可以在遮罩层上创建

一个任意形状的“视窗”，遮罩层下方的对象可以通过该“视窗”显示出来，而“视窗”之外的对象将不会显示。 （2）遮罩有什么用 在Flash动画中，“遮罩”主要有2种用途，一个作用是用在整个场景或一个特定区域，使场景外的对象或特定区域外的对象不可见，另一个作用是用来遮罩住某一元件的一部分，从而实现一些特殊的效果。 2．创建遮罩的方法 （1）创建遮罩 在Flash中没有一个专门的按钮来创建遮罩层，遮罩层其实是由普通图层转化的。你只要在某个图层上单击右键，在弹出菜单中选择【遮罩层】，使命令的左边出现一个小勾，该图层就会生成遮罩层，“层图标”就会从普通层图标变为遮罩层图标，系统会自动把遮罩层下面的一层关联为“被遮罩层”，在缩进的同时图标变为，如果你想关联更多层被遮罩，只要把这些层拖到被遮罩层下面就行了。 （2）构成遮罩和被遮罩层的元素 遮罩层中的图形对象在播放时是看不到的，遮罩层中的内容可以是按钮、影片剪辑、图形、位图、文字等，但不能使用线条，如果一定要用线条，可以将线条转化为“填充”。 被遮罩层中的对象只能透过遮罩层中的对象被看到。在被遮罩层，可以使用按钮，影片剪辑，图形，位图，文字，线条。

Flash遮罩动画教案

Flash遮罩动画教案 遮罩动画 教学目标 1、知识与技能 1)理解遮罩的概念; 2)掌握遮罩动画的制作要领; 3)能够恰当运用遮罩层再现生活中一些有趣的情境。 、过程与方法 2 让学生在欣赏-模仿-分析-探究的过程中学会学习。 3、情感、态度、价值观 1)激发学生的学习兴趣; 2)提高学生自主探究意识。 教学重点:1)遮罩概念的理解; 2)恰当运用遮罩层再现生活中一些有趣的情境。 教学难点:遮罩概念的理解。 教法分析 抛锚式教学法:以引导动画知识为基础搭建“脚手架”，借助影片中的望远镜情境设置锚点，引入本课，练 习设置以基础练习-巩固练习-进阶挑战层层递进的方式进行。 分层教学法:组织学生根据自身的实际情况完成适合自己的实践探究活动。学法分析 探究性学习:给学生创设一个探究情境——从生活中寻找遮罩“原型”并重现，让他们通过主动探索、发现

和体验，实现学以致用。 教学过程 一、创设情境，激趣导入 Flash动画可以再现生活中有趣的情境如瓢虫爬行、飞机起飞等。(回顾引导动画知识) 情境创设 电影中望远镜片段欣赏。 设问:如何利用Flash再现望远镜效果。 1、观看电影片断 2、思考如何再现望远镜效果动画来源于生活，也可以再现生活。利用电影中的情境引入，激发学生好奇心 和学习兴趣对比分析理解概念。 (2分钟) 将影片中的望远镜效果和望远镜效果动画进行横向对比，从动画制作的角度思考需要的图层和 各图层运动情况。根据老师演示和讲解思考、领会，理解遮罩概念。将生活中的望远镜效果与动画中的 望远镜效果进行横向对比，引出遮罩概念，有助理解。 样例学习体会要领 (5分钟) 学生演示望远镜图层和背景图层的制作: 1、绘制望远镜元件(两个有填充色的圆形相交);新建风景元件，导入风景图。 2、将默认图层改名为“风景”，拉入风景图元件;新建望远镜图层，拉入望远镜元件，望远镜设置移动动画。 揭开遮罩神秘面纱:

Flash动画制作用什么软件 Flash动画如何制作

Flash动画制作用什么软件，Flash动画如何制作 很多人不知道从哪找一款合适的flash动画制作，特别是一些新手跟业余爱好者，他们更是不知所措。有关flash 动画制作软件，本人首先推荐万彩动画大师。相对于传统的Flash,万彩动画大师（https://www.wendangku.net/doc/911273850.html,）功能更加强大，操作也没那么复杂。它支持XP, Vista, Win7, Win8, Win10系统。简单易操作的界面可以让flash 动画设计者更轻松的完成制作。支持视频输出，最重要的是这款多功能的动画可以免费使用。 这款软件有很多特色之处，下面我将大致地概括一下： 1. 海量精美动画模板——内置大量简洁大方的动画模板，涵盖多个主题内容，轻松下载并替换模板内容便可快速制作出酷炫的动画宣传视频。

2. 海量精致高清场景、图片视频背景、动画角色（Flash、PNG 和GIF）和矢量图片素材库——场景涵盖医疗、健康、户外、室内等多个主题，图片视频背景简洁大气，动静态动画角色栩栩如生，矢量图片生动丰富，能整体提高动画视频的质感与美感。 3. 万彩动画大师可以添加很多元素物体，包括图形、图片、文本、SVG、气泡、音乐、视频、SWF、特殊符号，以及Flash、PNG、GIF角色等。我们制作微课可以直接在此添加文字而不用另外准备ppt教学课件，这样就省了一道工序；精美丰富的动画角色、SVG和图片也可随意添加，从而让微课演示更生活有趣，不至于乏味。 4. 别出心裁的镜头特效——缩放、旋转、移动的镜头特效让动画视频镜头感十足，流畅的镜头切换特效让视觉效果非常出彩。 5. 酷炫的动画特效——简单自定义文本和场景元素的进场、强调和退场动画特效，包括时下流行的手绘动画特效，让场景元素随心所动，让动画视频妙趣横生。 6. 自定义背景音乐，支持配音与字幕制作——可添加背景音乐增强视频画面氛围，还可给场景内容添加合适的配音与字幕，增强视频信息传递的有效性和观众的视觉体验。 7. 万彩动画大师的文件输出让人放心，播放起来很流畅。我们可将微课输出到云，然后分享到微信；也可直接输出成视频，包括576P、720P HD、1080P HD等多种大小，以及mp4、wmv、avi、flv、mov、mkv等多种格式。

Flash 补间形状、补间动画、传统补间的主要区别

Flash 补间形状、补间动画、传统补间的主要区别(2015-04-19 15:14:46) 注意：

在Flash中，补间形状（形状(变形)动画）只能针对矢量图形进行，也就是说，进行变形动画的首、尾关键帧上的图形应该都是矢量图形， 矢量图形的特征是：在图形对象被选定时，对象上面会出现白色均匀的小点。利用工具箱中的直线、椭圆、矩形、刷子、铅笔等工具绘制的图形，都是矢量图形。 在Flash中，传统补间（动作(动画)补间动画）只能针对非矢量图形进行，也就是说，进行运动动画的首、尾关键帧上的图形都不能是矢量图形，它们可以是组合图形、文字对象、元件的实例、被转换为“元件”的外界导入图片等。转为元件能修改的属性参数比较多，因此在上表对象中统一为元件。 非矢量图形的特征是：在图形对象被选定时，对象四周会出现蓝色或灰色的外框。利用工具箱中的文字工具建立的文字对象就不是矢量图形，将矢量图形组合起来后，可得到组合图形，将库中的元件拖曳到舞台上，可得到该元件的实例。 滤镜：图形效果，可以为文本、按钮和影片剪辑增添有趣的滤镜视觉效果。使用补间动画可让应用的滤镜动起来。 遮罩层的应用 1. 建立各图层中对象：可先建欲作被遮罩图层再建欲作遮罩图层 2欲作遮罩图层在上，图即为通透区欲作被遮罩图层在下 2. 效果制作：其中一层做动画设计等 3. 将欲作遮罩图层（现为普通图层）转为遮罩层：快捷菜单中转。欲看效果将两图层锁住 引导层与运动引导层的区别：

引导层的应用 引导层起到辅助其他图层静态对象定位的作用。单独使用（无须使用被引导层），引导层上的内容不会输出（即不显示在发布的SWF 文件中），性质和辅助线差不多。 为了在绘画时帮助对齐对象，可创建引导层，然后将其它图层上的对象与在引导层上创建的对象对齐。引导层不会导出，因此不会显示在发布的SWF 文件中。任何图层都可以作为引导层。图层名称左侧的辅助线图标表明该层是引导层。 运动引导层的应用 要控制传统补间动画图层（即被引导图层）中的对象的移动，可使用运动引导层。 1. 建被引导图层：建内容及动画。 2内容可以使用影片剪辑、图形元件、按钮、文字等，但不能应用形状（矢量图）2最常用的动画形式是动作(动画)补间动画 2被引导图层可为多个 2. 建运动引导层： 2内容可以是用钢笔、铅笔、线条、椭圆工具、矩形工具或画笔工具等绘制出的线段。 2导出影片中此层不可见 3. 附着：在被引导图层动画开始和结束的关键帧上，让元件的注册点（选中元件上的带十字圆）对准运动引导层线段的开始和结束的端点 注意：

计算机动画制作软件Flash

第四章计算机动画制作软件Flash MX 本章主要学习的内容： 熟悉计算机动画制作软件Flash MX、Flash MX基本操作，等等。 需要掌握的内容： Flash软件动画制作的操作方法 第一节 Flash MX的基本操作 在F1ash MX软件中，灵活掌握各种绘图工具，是直接绘制简单明了的图形，并把这些简单的经过加工组合，最后成为一幅完整的Flash作品的保证。下面就对Flsah MX进行介绍。 Flash MX的工作主界面如图1所示。主界面中的“舞台”就是以后设计、描述并最终完成整个F1ash 作品的主要活动场所，下文中将多次提到它，即是指完成Flash作品的这个“舞台”环境。 图1 Flash MX的界面 在主界面中，执行“窗口→工具”菜单命令，即显示绘图工具箱，如图2所示。在工具箱中单击选中的工具图标使其反白，即可设置该工具为当前选择工具。利用工具箱中的工具为Flash作品添加各种

各样的文字、图形、填充颜色以及对这些史字和图形进行修改和编辑。 一、绘图工具说明: (1)箭头工具利用箭头工具可以选择整个图形或只选择部分图形进行复制、移动、变形等操作。单击可选中整个对象。也可以用箭头工具拖出一个矩形区域，将区域中的对象全部选中。利用箭头工具，还可以对图形对象进行编辑，将箭头工具放置在图形对象的线型上，箭头工具变为形状。按住鼠标向任意一个方向拖动，即可改变当前图形的形状，如上图3所示。 (2)部分选取工具利用部分选取工具选择对象后，对象边框以路径方式显示，编辑路径上的节点可以更改对象的形状。 对于由内部填充的图形，编辑节点位置后，其内部的填充也会自动随之发生变化，如图4所示。 (3)线条工具和铅笔工具线条工具和铅笔工具都是绘制线条的工具：使用线条工具能绘制不同角度的直线，如果按住【Shift】键并拖动鼠标可绘制角度为45°倍数的线条；使用铅笔工具可绘制自由手画式的线条，并在工具箱下部的选项区选择绘图模式，如果按住【Shift】键并拖动鼠标可绘制水平或竖直的直线。 (4)套索工具使用套索工具，可以通过勾画不规则的区域来选择对象，通过设置选项，可用多边形模式或魔术棒模式来选择对象，如图5所示。

(整理)Flash 8 遮罩动画详解及实例.

Flash 8 遮罩动画详解及实例 在Flash8.0的作品中，我们常常看到很多眩目神奇的效果，而其中不少就是用最简单的“遮 罩”完成的，如水波、万花筒、百页窗、放大镜、望远镜……等等。 那么，“遮罩”如何能产生这些效果呢？ 在本节，我们除了给大家介绍“遮罩”的基本知识，还结合我们的实际经验介绍一些“遮罩”的应用技巧，最后，提供二个很实用的范例，以加深对“遮罩”原理的理解。 在Flash8.0中实现“遮罩”效果有二种做法，一种是用补间动画的方法，一种是用actions指令的方法，在本节中，我们只介绍第一种做法。 1．遮罩动画的概念 （1）什么是遮罩 “遮罩”，顾名思义就是遮挡住下面的对象。 在Flash8.0中，“遮罩动画”也确实是通过“遮罩层”来达到有选择地显示位于其下方的“被遮罩层”中的内容的目地，在一个遮罩动画中，“遮罩层”只有一个，“被遮罩层”可以有任意个。 （2）遮罩有什么用 在Flash8.0动画中，“遮罩”主要有2种用途，一个作用是用在整个场景或一个特定区域，使场景外的对象或特定区域外的对象不可见，另一个作用是用来遮罩住某一元件的一部分，从而实现一些特殊的效果。 2．创建遮罩的方法 （1）创建遮罩 在Flash8.0中没有一个专门的按钮来创建遮罩层，遮罩层其实是由普通图层转化的。你 只要在要某个图层上单击右键，在弹出菜单中把“遮罩”前打个勾，该图层就会生成遮罩层，“层精品文档

图标”就会从普通层图标变为遮罩层图标，系统会自动把遮罩层下面的一层关联为“被遮罩层”,在缩进的同时图标变为，如果你想关联更多层被遮罩，只要把这些层拖到被遮罩层下面就行了，如图3-5-1所示。 图3-5-1 多层遮罩动画 （2）构成遮罩和被遮罩层的元素 遮罩层中的图形对象在播放时是看不到的，遮罩层中的内容可以是按钮、影片剪辑、图形、位图、文字等，但不能使用线条，如果一定要用线条，可以将线条转化为“填充”。 被遮罩层中的对象只能透过遮罩层中的对象被看到。在被遮罩层，可以使用按钮，影片剪辑，图形，位图，文字，线条。 （3）遮罩中可以使用的动画形式 可以在遮罩层、被遮罩层中分别或同时使用形状补间动画、动作补间动画、引导线动画等动画手段，从而使遮罩动画变成一个可以施展无限想象力的创作空间。 3．应用遮罩时的技巧遮罩层的基本原理是：能够透过该图层中的对象看到“被遮罩层”中的对象及其属性（包括它们的变形效果），但是遮罩层中的对象中的许多属性如渐变色、透明度、颜色和线条样式等却是被忽略的。比如，我们不能通过遮罩层的渐变色来实现被遮罩层的渐变色变化。要在场景中显示遮罩效果，可以锁定遮罩层和被遮罩层。可以用“AS”动作语句建立遮罩，但这种情况下只能有一个“被遮罩层”，同时，不能设置_alpha属性。不能用一个遮罩层试图遮蔽另一个遮罩层。遮罩可以应用在gif动画上。在制作过程中，遮罩层经常挡住下层的元件，影响视线，无法编辑，可以按下遮罩层时间轴面板的显示图层轮廓按钮，使之变成，使遮罩层只显示边框形状，在种情况下，你还可以拖动边框调整遮罩图形的外形和位置。在被遮罩层中不能放置动态文本。实例：红星闪闪 精品文档

flash制作遮罩动画

第五课制作遮罩动画 Flash中的普通层是透明的，普通层叠在一起不会互相遮罩。与普通层相对应的层是“遮罩层”，“遮罩层”是不透明的，只有有图像或文字的地方才是透明的。利用遮罩层，可以制作一些特殊的动画效果。 一、探照灯效果 【例2-5.1】制作一个动画，产生文字在探照灯照射下逐步显示出来的效果。 分析：在普通层上放入文字，再建遮罩图层，遮罩图层上画一个圆。遮罩图层中的圆移动时，它下面的文字就随着显示出来了，就像探照灯将文字照出来了一样。 【操作步骤】 第一步：新建一个动画文件，将第一个图层的名字改为“文字”。 第二步：单击菜单【修改】 【文档】，设置背景色为黑色。在“文字”层的第1帧输入“欢迎光临”；在第15帧处插入帧，将第一帧延伸至第15帧。见图2-5.1。 图2-5.1 文字层 第三步：新建图形元件“圆”。见图2-5.2。

图2-5.2 图形元件“圆” 第四步：新建图层“灯”。将元件“圆”拖入第1帧的舞台左边，遮住左边的文字；在第15帧处插入关键帧，将“圆”实例移至舞台右边，遮住右边的文字；打开帧属性面板，在第1帧创建“运动补间动画”。 图2-5.3 “灯”图层动作补间动画 第五步：在“灯”图层上单击鼠标右键，选择“遮罩层”，如图2-5.4所示。 图2-5.4 遮罩层

测试影片，效果如何？ 【试一试】 制作一个广告字幕效果的动画，要求文字从左到右逐步显示出来。 提示：遮罩层静止，对文字层中的文字元件作“动作补间动画”。 二、望远镜效果 【例2-5.2】运用遮罩层制作一个具有望远镜效果的Flash动画。见图2-5.5。 图2-5.5 遮罩效果 【操作步骤】 第一步：新建“风景”图形元件，导入风景图片；新建“望远镜”图形元件，画两个相交圆作为望远镜。 第二步：将元件“风景”拖入图层1的第1帧，调整到和舞台一样大小，与舞台对齐，插入静止帧至第45帧。见图2-5.6 第三步：将元件“望远镜”拖入图层2的第1帧；在第25帧插入关键帧，移动望远镜的位置。在第1帧创建“运功动画补间”。 第四步：将图层2设置为“遮罩层”。

flash遮罩动画制作-红星闪闪

Flash遮罩效果实例-红星闪闪 在Flash8.0的作品中，我们常常看到很多眩目神奇的效果，而其中不少就是用最简单的“遮罩”完成的，如水波、万花筒、百页窗、放大镜、望远镜……等等。 那么，“遮罩”如何能产生这些效果呢？ 在本节，我们除了给大家介绍“遮罩”的基本知识，还结合我们的实际经验介绍一些“遮罩”的应用技巧，最后，提供二个很实用的范例，以加深对“遮罩”原理的理解。 在Flash8.0中实现“遮罩”效果有二种做法，一种是用补间动画的方法，一种是用actions指令的方法，在本节中，我们只介绍第一种做法。 1．遮罩动画的概念 （1）什么是遮罩 “遮罩”，顾名思义就是遮挡住下面的对象。 在Flash8.0中，“遮罩动画”也确实是通过“遮罩层”来达到有选择地显示位于其下方的“被遮罩层”中的内容的目地，在一个遮罩动画中，“遮罩层”只有一个，“被遮罩层”可以有任意个。 （2）遮罩有什么用 在Flash8.0动画中，“遮罩”主要有2种用途，一个作用是用在整个场景或一个特定区域，使场景外的对象或特定区域外的对象不可见，另一个作用是用来遮罩住某一元件的一部分，从而实现一些特殊的效果。 2．创建遮罩的方法 （1）创建遮罩 在Flash8.0中没有一个专门的按钮来创建遮罩层，遮罩层其实是由普通图层转化的。你只要在要某个图层上单击右键，在弹出菜单中把“遮罩”前打个勾，该图层就会生成遮罩层，“层图标”就会从普通层图标变为遮罩层图标，系统会自动把遮罩层下面的一层关联为“被遮罩层”,在缩进的同时图标变为，如果你想关联更多层被遮罩，只要把这些层拖到被遮罩层下面就行了，如图3-5-1所示。

图3-5-1 多层遮罩动画 （2）构成遮罩和被遮罩层的元素 遮罩层中的图形对象在播放时是看不到的，遮罩层中的内容可以是按钮、影片剪辑、图形、位图、文字等，但不能使用线条，如果一定要用线条，可以将线条转化为“填充”。 被遮罩层中的对象只能透过遮罩层中的对象被看到。在被遮罩层，可以使用按钮，影片剪辑，图形，位图，文字，线条。 （3）遮罩中可以使用的动画形式 可以在遮罩层、被遮罩层中分别或同时使用形状补间动画、动作补间动画、引导线动画等动画手段，从而使遮罩动画变成一个可以施展无限想象力的创作空间。 3．应用遮罩时的技巧遮罩层的基本原理是：能够透过该图层中的对象看到“被遮罩层”中的对象及其属性（包括它们的变形效果），但是遮罩层中的对象中的许多属性如渐变色、透明度、颜色和线条样式等却是被忽略的。比如，我们不能通过遮罩层的渐变色来实现被遮罩层的渐变色变化。要在场景中显示遮罩效果，可以锁定遮罩层和被遮罩层。可以用“AS”动作语句建立遮罩，但这种情况下只能有一个“被遮罩层”，同时，不能设置_alpha属性。不能用一个遮罩层试图遮蔽另一个遮罩层。遮罩可以应用在gif动画上。在制作过程中，遮罩层经常挡住下层的元件，影响视线，无法编辑，可以按下遮罩层时间轴面板的显示图层轮 廓按钮，使之变成，使遮罩层只显示边框形状，在种情况下，你还可以拖动边框调整遮罩图形的外形和位置。在被遮罩层中不能放置动态文本。实例：红星闪闪

Flash动画制作之三 ——奥运五环的制作

课题：Flash动画制作之三——奥运五环的制作 教学目标：1：熟悉FLASH制作中的关键性概念：元件； 2：完成奥运五环的制作以及文字的制作； 3：巩固FLASH制作中的重要动画形式：运动渐变动画。 教学重点：奥运五环的制作； 教学难点：理解元件的概念； 教学方法：讲授法，演示法，实践法 教学过程： 一、操作步骤1： 1：打开Flash 软件 “开始”菜单―――“程序”―――Flash MX 2004 2：元件的新建 在菜单栏中插入——新建元件，选择图形元件，并命名为wh1，这里要制作奥运五环中的一个环，其他的四个通过复制粘贴完成 方法：选择椭圆工具，并设置其线条颜色和填充颜色 注意：线条颜色根据五环的颜色设置，填充颜色设置为“无” 另外还可以设置线条粗细 3：元件的复制 第一个五环完成后，用选择工具将其选中，然后再次通过插入——新建元件，命名为wh2，将复制的wh1粘贴其中，并根据奥运五环颜色改变它的线条颜色 4：用同样的方法完成其他三个圆环 5：元件的新建（制作文字），命名为wz

选择文字工具，设置其大小，字体，颜色等后在元件中输入“心系奥运放飞梦想” 技巧：阴影文字的制作 选中该文字，按住CTRL的同时，拖动鼠标，将该文字复制，并将复制的文字换一颜色，利用方向键将文字微调，实现阴影效果。 至此，元件制作完毕。 二、操作步骤2：讲解元件的功能 三、操作步骤3： 回到场景中 1：五环的运动 （1）在图层1第一帧处，将五环wh1,wh2,wh3,wh4,wh5依次拖入场景中，并根据奥运五环的造型构件好，此时，五个环是五个独立的个体，将五环全部选中，通过修改——组合，将其组合成一个统一的整体。 （2）在图层1的30帧处，插入一关键帧，并将五环移动至某一位置（不同于第一帧）（3）构建动画，选中图层1第一帧，设置动画中间为“形状” （4）实现奥运五环从高处落下运动。 2：文字的运动 （1）新建图层2，在图层2第一帧处，将制作好的元件wz拖入 （2）在图层2的30帧处，插入一关键帧 （3）在图层2第一帧处，将文字通过任意变形工具进行缩放，旋转 （4）构建动画，选中图层1第一帧，设置动画中间为“形状” （5）实现文字旋转出现在场景中。 四、操作步骤4 通过菜单栏中“控制”——“播放”，观看效果

《Flash中遮罩层的应用》教案

《Flash中的遮罩层的应用》教案 授课题目遮罩动画 教学目标 1．通过实例教学使学生理解Flash中遮罩的含义及原理； 2．通过实例教学使学生学会遮罩图层的建立和遮罩效果的实现方法； 3．学会分析他人的Flash作品并学习其中使用的技术、技巧 4．利用遮罩图层实现文字特效，独立完成一个动画制作。 教学内容 1．FLASH中遮罩动画效果； 2．FLASH中遮罩动画的原理； 3．遮罩层的定义； 4．遮罩动画的实现过程。 教学重点及难点 1．遮罩原理； 2．遮罩动画的制作步骤。 教学方法 1．利用多媒体课件教学； 2．以实例演示为设计思想； 3．通过实例教学，使学生掌握设计方法。 课时安排：2课时 教学过程 一、教学引入： 展示遮罩动画作品。1、探照灯效果。2、电影文字。3、MTV字幕 。4、百叶窗效果。 二、教学内容： （一）“探照灯效果”的实现 1．“探照灯效果”的实现步骤 步骤一：先启动FLASH cs3，在启动界面中选择“创建新项目”→“FLASH文档”； 步骤二：点击“修改”→“文档”（或CTRL+J），设置文档属性如图1所示；

图1 步骤三：选择文字工具，并在属性面板，设置文字的属性，如图2所示； 图 2 步骤四：新建一个层，在这一层用画圆工具绘制一个不带边线的圆形做为遮罩，颜色可任选；并将绘制好的圆转换成“图形类图符”； 步骤五：设置新建层的属性为“遮罩层”，并改图层名称为“遮罩层”； 注：在此处注意观察遮罩效果，解释遮罩原理。 步骤六：把实例圆拖到文字的左面，如图3所示；

图 3 步骤七：在文字层的第25帧单击鼠标右键插入帧（或按F5键），如图4所示； 图 4 步骤八：在遮罩层的第25帧单击鼠标右键插入关键帧（或按F6键），并将圆拖至文字的右端； 步骤九：“遮罩层”设置补间动画（动作动画），如图5所示； 图 5 步骤十：保存FLASH文档，测试、导出影片。 2．遮罩的原理： （1）遮罩是需要通过两层实现的，上一层叫遮罩层，下一层叫被遮罩层。 （2）遮罩结果显示的是二层的叠加部分，上一层决定看到的形状，下一层决定看到的内容。我们通常也把遮罩层叫做“透通区”，即透过上一层看下一层的内容。 （3）遮罩显示结果的色彩由被遮罩层的色彩决定，即可通过辩别色彩的来源来确定哪一层为被遮罩层。 3．提出问题：（1）在刚才的动画中，如果改变两层的顺序，再利用“遮罩”效果，制作出的动画会有什么改变？ 4．给出5 分钟时间由学生动手仿照老师完成探照灯效果。

flash小动画制作步骤

一．背景绘制：将事先找好的元件拖入到库中，重命名为 “马路”，之后改变舞台颜色为蓝色，并将马路元件突入 舞台，图层命名为”路”，，之后新建图形元件“云”，新 建云1元件，将云拖入天空元件中，进行排列，和任意变 形。 如图所示：随后制作天空的影片剪辑元件“云1”，创建图中所表示的传统补间，随后将图 片剪辑拖入背景图层 中，命名为“天空”。 并且背景效果如下图 所示：

二．画出人物：制作动画，所需要的基 本的任务造型和影片剪辑：新建元件， 将所要画人物的耳朵，左脚，右脚等 制作成元件，之后使用“红脸”元件， 制作脸红的影片剪辑，将红脸拖入剪 辑元件中，在5帧处，设置透明度为 10%，10帧处设置透明度为100%， 15帧处设置透明度为10%。之后制作 “兔子”的影片剪辑，将元件拖入影片剪辑元件中，调整各 个部分的位置，添加如图所示的关键帧，和传统补间。并且 将做好的脸红影片剪辑，拖入到其中，至此，兔子的影片剪 辑，制作完成，择兔子行走的影片剪辑完成,之后，重复以上动作，制作元件“女兔子”和其行走的影片剪辑，如图所示：

二．具体动画制作： 男：新建元件，画出图形，命名为“眼睛2”、“眼睛3”， “眼睛4““眼睛5”等的图形在兔子元件中，选中如图所示的帧，并复制粘贴在新建影片剪辑“兔子身体”中，新建“兔子2”、“兔子3”和“兔子4”等影片剪辑，将兔子 身体，以及眼睛拖入，制作新的兔子造型元件。 女：女兔子也是重复相同的方法，新建图形元件，影片剪辑，绘制成不同帧所用的简单动画任务造型，并如图所示，拖入“汗”的图形元件，插入关键帧，创建传统补间。制作出流汗的效果。按照男兔子的制作方法制作元件，影片剪辑，

flash遮罩动画教学设计

FLASH遮罩动画教学设计 安康育英中等职业学校周开波 课型：新授课 授课年级：中职二年级 课时安排：1课时 教学目标： （1）理解遮罩动画的实现原理； （2）掌握Flash遮罩动画的制作方法； （3）掌握遮罩动画的制作要点 （4）引导学生养成良好的操作习惯和思维习惯，提高学生审美能力和空间想像能力，激发学生自主创意。 （5）感受运用Flash动画软件创造作品的乐趣； （6）体验作品创作成功的喜悦和成就感，激发学习flash的兴趣。 教学重点： （1）遮罩动画的实现原理； （2）遮罩动画的制作过程； 教学难点： 遮罩动画的实现原理； 教学对象分析 学生在之前已经学习过了逐帧动画、补间动画、引导层动画，遮罩动画是flash中需要学习的最后一种动画形式，学生已经对图层、元件、库有了一定的了解，基于本班学生女生多，实践操作的主动性不高和计算机课的特点，周期长、学生易忘、操作性强，在教学中尽量激发学生的发散思维，让学生在渴望中积极探究，自主的学习，并通过分析源文件，从中真正理解其制作过程。学生自我表现力强，尽量给学生多练，多展示的机会。培养学生科学严谨的学习态度和良好的操作习惯，并培养学生热爱自然的情趣。 教学方法与教学手段： 讲授法、演示法、任务驱动法。 教学准备： 硬件：多媒体计算机、投影仪； 软件：教学课件。 教学过程：

板书设计：以课件的形式在大屏幕上播放。 教学后记： 本课题在课前的教学设计中就力争能做到：以学生为中心，以教师为引导；知识的展现通过学生自己的探究得到，而不是教师的灌输；在教学过程中，循序渐进，尽量能激发学生求知的热情，学习的兴趣，让学生积极主动地参与到教学活动中来，能在教师的引导下进行有效的探究活动。在实际教学活动中也基本上实现了这种设计，师生之间进行了有效的互动，通过学生的自主探究学习，很好的达成了本节课的教学目标。

flash动作补间动画

实训四flash动作补间动画的制作 实训目的： 1.理解“补间”的原理 2.理解“元件”的概念 3.掌握动作补间动画的制作方法 实训原理： 1.补间 补间是flash动画的一种制作方法，又叫补间动画。做flash动画时，在两个关键帧中间需要做“补间动画”，才能实现图画的运动；插入补间动画后两个关键帧之间的插补帧是由计算机自动运算而得到的。 2.元件 1)元件： 是flash动画中可以重复使用的元素。（通常可以把一个动画元件当做是一位演员，演员可以在不同的场景出现）当元件不使用的时候，一般被放置在flash的“库”面板里。 2)元件的类型： 它是作为一个基本图形来使用的，一般是静止的一副图画，每个图形元件占1 帧。 可以完全独立于场景时间轴，并且可以重复播放。影片剪辑是一小段动画，用在需要有动作的物体上，它在主场景的时间轴上只占1 帧，就可以包含所需要的动画，影片剪辑就是动画中的动画。“影片剪辑”必须要进入影片测试里才能观看得到。 4 帧的影片剪辑，但它的时间轴不能播放，只是根据鼠标指针的动作做出简单的响应，并转到相应的帧，通过给舞台上的按钮添加动作语句而实现flash 影片强大的交互性。 3.动作补间动画的制作过程： a)编辑起始关键帧； b)创建一个新的动画对象（图形、图像、文字等），并将动画对象转换为元件（“图形”元 件）； c)创建结束关键帧，编辑该关键帧页面； d)创建起始关键帧的补间动画类型（“动画”补间）。 实训步骤： 训练项目一：制作一个动画对象的位置移动动画。（5分钟） 训练项目二：制作一个星星的闪烁动画。（5分钟）

实训作业内容及要求： 1、制作一个“日出日落”的动画效果。 2、完成之后以“学号+姓名”命名文件，并以swf格式导出提交。 实训作业参考步骤： 新建一个flash文件，添加图层2、图层3，得到三个图层。从上到下分别将图层3命名为“山”、图层2命名为“太阳”、图层1命名为“天空”。 制作“山” 1.绘制“山”：用鼠标左键点击“山”图层的第一个空白关键帧，利用钢笔工具绘制一座山，调整山的大小和在舞台上的位置。 2.选中“山”图层的第70个帧格，点击鼠标右键，弹出的快捷菜单中选择“插入帧”命令（或者按F5键，可插入一个帧）。 制作“太阳”移动 1. 绘制“太阳”：将除了“太阳”图层的其他图层锁定。选中“太阳”图层的第一个空白关键帧，在舞台上用椭圆工具绘制一个圆形，并填充为红色。选中红色圆形，按F8键，弹出“转换为元件”对话框，选择为“图形”元件类型，命名为“sun”。 2. 设置“太阳”的补间动画： 将第一个关键帧舞台上的太阳拖动到“山”后面。 在该图层的第25、45、70帧处插入关键帧，分别调整这些关键帧舞台上太阳的位置。 选中“太阳”图层的所有帧，点击鼠标右键，在弹出的快捷菜单中选择“创建补间动画”命令。 制作“天空”变化 1. 绘制“天空”： 将除了“天空”图层的其他图层锁定。选中“天空”图层的第一个空白关键帧，在舞台上用矩形工具绘制一个矩形，修改填充颜色为黑色，并将矩形的宽高分别设置为550、400。 选中黑色矩形，打开“对齐”面板，设置黑色矩形相对舞台对齐。 点击选中黑色矩形，按F8键，弹出“转换为元件”对话框，选择为“图形”元件类型，命名为“sky”。 2. 设置“天空”的补间动画： 在该图层分别再插入3个关键帧，关键帧的位置对应“太阳”的升起和落下时刻，再设置这三个关键帧里“sky”元件的亮度。 选中“天空”图层的所有帧，点击鼠标右键，在弹出的快捷菜单中选择“创建补间动画”命令。

五年级信息技术《动画制作工具flash》教案

五年级信息技术《动画制作工具flash》 教案 第二 动画制作工具flash 一、教学目标 、了解界面中各部分的作用，及常用菜单所在的位置，重点掌握工具的应用。 2、理解时间轴的概念及作用，运用工具箱中的圆形工具绘制一个小球，并在时间轴上进行相应的设置，使之运动。 二、教学内容 、工作界面的介绍 2、绘图工具的使用 3、学习制作运动动画 三、 教学时 2时 四、 教学过程 第一时 一、欣赏导入： 播放上一节自己下载的喜欢的动画。（选两个较好的全

体观看） 师：你们想制作这样的动画吗？我们从这节开始学习动画制作工具FLASH。 二学生看书自学下面内容： （一）Flash X的工作界面如下图 Flashx工作界面主要分为标题栏、常用工具栏、时间轴、工具栏、主工作区、浮动面板、属性面板及动作面板等。 （二）部分绘图工具的使用 箭头工具：用于选定工作区中的点阵图或矢量图，并可对点阵图进行一定的编辑； 副选工具：可对所绘路径进行精确调节； 直线工具：用于绘制直线； 索套工具：创建任何形态的选区； 钢笔工具：可以精确绘制直线或曲线路径； 文本工具：用于创建文本或文本域； 椭圆工具：绘制椭圆或圆； 矩形工具：绘制矩形或正方形； 铅笔工具：可以绘制任意线条或图形； 刷子工具：用于着色的一种工具，可以创造任意特殊效果； 墨水瓶工具：用于填充线条或图形边框的颜色； 油漆桶工具：改变物体的填充色；

吸管工具：用于拾取颜色； 橡皮擦工具：用于移动窗口中显示的视图。 …… 三、学习使用工具进入绘画。 四、本小结 本主要讲述了Flash的基本界面特征，强调工具的作用及其使用方法，为以后进一步深入学习Flash动画制作打下了一定的基础。 六、外作业 上机操作，使用工具箱中的工具绘出相应的图形。 第二时 一、找学生到前面绘画出立体球 二、学生自学下面知识点： Flash中的时间轴主要由图层、帧组成。 A帧（frae）：传统意义上的动画是由一张张单独的胶片组成，将这些静止画面连续播放，利用人眼的视觉暂留，就产生连续运动的动画效果，而Flash的帧就如同电影胶片，按时间轴窗格中每一帧画面的顺序播放就产生了动画效果。 B图层（laer）：动画中的每一帧都是由多个图层中的图片重叠组成的，不同图层的画面元素，可以分别施加动画效果。图层可以用透明的玻璃纸来比喻，当上面图层和下面图层的内容相重叠时，上面图层上的内容将遮挡住下面图层上

Flash-8-形状补间动画详解及实例

形状补间动画是Flash中非常重要的表现手法之一，运用它，你可以变幻出各种奇妙的不可思议的变形效果。 本节从形状补间动画基本概念入手，带你认识形状补间动画在时间帧上的表现，了解补间动画的创建方法，学会应用“形状提示”让图形的形变自然流畅，最后，提供了二个实例练手，帮助你更深地理解形状补间动画。 1．形状补间动画的概念 （1）形状补间动画的概念 在Flash的时间帧面板上，在一个时间点（关键帧）绘制一个形状，然后在另一个时间点（关键帧）更改该形状或绘制另一个形状，Flash 根据二者之间的帧的值或形状来创建的动画被称为“形状补间动画”。 （2）构成形状补间动画的元素 形状补间动画可以实现两个图形之间颜色、形状、大小、位置的相互变化，其变形的灵活性介于逐帧动画和动作补间动画二者之间，使用的元素多为用鼠标或压感笔绘制出的形状，如果使用图形元件、按钮、文字，则必先“打散”再变形。 （3）形状补间动画在时间帧面板上的表现 形状补间动画建好后，时间帧面板的背景色变为淡绿色，在起始帧和结束帧之间有一个长长的箭头，如图3-3-1所示。 图3-3-1 形状补间动画在时间帧面板上的标记 （4）创建形状补间动画的方法 在时间轴面板上动画开始播放的地方创建或选择一个关键帧并设置要开始变形的形状，一般一帧中以一个对象为好，在动画结束处创建或选择一个关键帧并设置要变成的形状，再单击开始帧，在【属性】面板上单击【补间】旁边的小三角，在弹出的菜单中选择【形状】，此时，时间轴上的变化如图3-3-1所示，一个形状补间动画就创建完毕。 2．认识形状补间动画的属性面板 Flash的【属性】面板随鼠标选定的对象不同而发生相应的变化。当我们建立了一个形状补间动画后，点击时间帧，【属性】面板如图3-3-2所示。

五年级信息技术《动画制作工具flash》教案

五年级信息技术《动画制作工具flash》教案

五年级信息技术《动画制作工具flash》 教案 第二 动画制作工具flash 一、教学目标 、了解界面中各部分的作用，及常用菜单所在的位置，重点掌握工具的应用。 2、理解时间轴的概念及作用，运用工具箱中的圆形工具绘制一个小球，并在时间轴上进行相应的设置，使之运动。 二、教学内容 、工作界面的介绍 2、绘图工具的使用 3、学习制作运动动画 三、 教学时 2时 四、 教学过程 第一时 一、欣赏导入： 播放上一节自己下载的喜欢的动画。（选两个较好的全

体观看） 师：你们想制作这样的动画吗？我们从这节开始学习动画制作工具FLASH。 二学生看书自学下面内容： （一）Flash X的工作界面如下图 Flashx工作界面主要分为标题栏、常用工具栏、时间轴、工具栏、主工作区、浮动面板、属性面板及动作面板等。 （二）部分绘图工具的使用 箭头工具：用于选定工作区中的点阵图或矢量图，并可对点阵图进行一定的编辑； 副选工具：可对所绘路径进行精确调节； 直线工具：用于绘制直线； 索套工具：创建任何形态的选区； 钢笔工具：可以精确绘制直线或曲线路径； 文本工具：用于创建文本或文本域； 椭圆工具：绘制椭圆或圆； 矩形工具：绘制矩形或正方形； 铅笔工具：可以绘制任意线条或图形； 刷子工具：用于着色的一种工具，可以创造任意特殊效果； 墨水瓶工具：用于填充线条或图形边框的颜色； 油漆桶工具：改变物体的填充色；

吸管工具：用于拾取颜色； 橡皮擦工具：用于移动窗口中显示的视图。 …… 三、学习使用工具进入绘画。 四、本小结 本主要讲述了Flash的基本界面特征，强调工具的作用及其使用方法，为以后进一步深入学习Flash动画制作打下了一定的基础。 六、外作业 上机操作，使用工具箱中的工具绘出相应的图形。 第二时 一、找学生到前面绘画出立体球 二、学生自学下面知识点： Flash中的时间轴主要由图层、帧组成。 A帧（frae）：传统意义上的动画是由一张张单独的胶片组成，将这些静止画面连续播放，利用人眼的视觉暂留，就产生连续运动的动画效果，而Flash的帧就如同电影胶片，按时间轴窗格中每一帧画面的顺序播放就产生了动画效果。 B图层（laer）：动画中的每一帧都是由多个图层中的图片重叠组成的，不同图层的画面元素，可以分别施加动画效果。图层可以用透明的玻璃纸来比喻，当上面图层和下面图层的内容相重叠时，上面图层上的内容将遮挡住下面图层上

遮罩动画-教案

遮罩动画 一、教学内容分析 遮罩动画是高中选修教材《多媒体技术应用》（教育科学出版社）第四章第三节“计算机动画制作”的一部分。教材只是对遮罩动画做了简单的介绍，在学业水平考试中也并不涉及遮罩动画，但遮罩动画却是Flash中一个很重要的动画类型。很多效果丰富的动画都是通过遮罩动画来完成的。因此，我单独安排一课时来介绍遮罩动画，让学生们感受它的魅力。 二、学情分析 本节课的教学对象是高二的学生，在初中阶段，学生对Flash的基础知识及补间动画已有初步接触。再加上前几节课对补间动画、引导动画的学习，学生已经可以制作简单的Flash动画，并对简单的Flash动画具备分析能力。 三、教学目标 1、知识与技能：理解遮罩层的特点及遮罩动画原理。 理解遮罩层与被遮罩层的关系。 2、过程与方法：能够通过分析动画实例，获取制作思路。 3、情感态度与价值观：激发学生对Flash动画的兴趣，保持对信息技术学习的积极 性；培养学生交流意识。 四、教学重、难点 (1)教学重点：遮罩原理、遮罩效果的制作方法 (2)教学难点：遮罩效果的制作方法、动画实例的分析 五、教学方法 1、启发式教学法：主要用在遮罩原理的讲解环节。引导学生做实验，看效果，然后再启发学生总结遮罩原理。 2、合作交流学习法：主要用在遮罩效果分析、作品制作环节。教师也要积极参与到合作交流过程中，不能只做观察者。 设计意图：强化学生主体地位，让学生主动建构知识结构。优化教师主导地位，发挥教师组织、引导作用。 六、课前准备 纸质导学案，内容包括学习目标、知识回顾（补间动画）、学习向导、自主评价量规。

七、教学过程 环节一：欣赏动画，激发学习动机 【展示一个遮罩动画作品：以宫崎骏动漫为主题的动感相框。】 观看效果动感相框效果结合动漫大师宫崎骏先生的动画作品，吸引学生的注意力，激发学生参与、创作的热情。教师要注意引导学生建立形象直观的感受：该动画是透过“窗口”看下一层的内容，引出遮罩概念。 环节二：初识遮罩动画——探照灯效果（此案例来自网络） 观看效果【探照灯效果是最常见的遮罩效果，操作起来也非常简单，通过这一实例的练习，使学生们对抽象的“遮罩”有一个具体、清晰的认识。】 学习过程： 1、静态遮罩效果：引导学生做实验，看效果，然后再启发学生总结遮罩层与被遮罩

Flash 补间形状补间动画传统补间的主要区别

Flash 补间形状、补间动画、传统补间的主要区别 (2015-04-19 15:14:46) 转载▼ 分类:平面动画设计(Flash) 区 别 补间形状(形状补间动画) 传统补间(动作(动画)补间动画) 补间动画在 时 间 轴上的表现 淡绿色背景 有时实心箭头 淡紫色背景 有实心箭头 淡蓝色背景 组成 矢量图形(如果使用图形元 件、按钮、文字,则必先打散, 即转化为矢量图形)再变形。 元件(可为影片剪辑、图形元件、按钮等) 或先转化为元件 注:非矢量图形(组合图形、文字对象、 元件的实例、被转换为“元件”的外界导 入图片等)皆可,但元件能修改的属性参 数比较多,因此建议统一为:元件 同左 效果矢量图形由一种形状逐渐变 为另一种形状的动画。实现两 个矢量图形之间的变化,或一 个矢量图形的大小、位置、颜 色等的变化。 元件由一个位置到另一个位置的变化。 实现同一个元件的大小、位置、颜色、 透明度、旋转等属性的变化。 同左 关键?插入空白关键帧 ?首尾可为不同对象,可分 别打散为矢量图 ?插入关键帧 ?首尾为同一对象。先将首转为元件再 建尾关键帧。属性的改变:位置--选中, 移;其她属性--选中元件,在此元件实例 属性面板中改属性 ?只需首关键帧即可 对首关键帧应用“补间 动画” 特性可实现动画滤镜(让应用的滤镜动起 来)。 可以利用运动引导层来实现传统补间动 画图层(被引导层)中对象按指定轨迹运 动的动画。 可实现动画滤镜(让应 用的滤镜动起来)。 注意:

在Flash中,补间形状(形状(变形)动画)只能针对矢量图形进行,也就就是说,进行变形动画的首、尾关键帧上的图形应该都就是矢量图形, 矢量图形的特征就是:在图形对象被选定时,对象上面会出现白色均匀的小点。利用工具箱中的直线、椭圆、矩形、刷子、铅笔等工具绘制的图形,都就是矢量图形。 在Flash中,传统补间(动作(动画)补间动画)只能针对非矢量图形进行,也就就是说,进行运动动画的首、尾关键帧上的图形都不能就是矢量图形,它们可以就是组合图形、文字对象、元件的实例、被转换为“元件”的外界导入图片等。转为元件能修改的属性参数比较多,因此在上表对象中统一为元件。 非矢量图形的特征就是:在图形对象被选定时,对象四周会出现蓝色或灰色的外框。利用工具箱中的文字工具建立的文字对象就不就是矢量图形,将矢量图形组合起来后,可得到组合图形,将库中的元件拖曳到舞台上,可得到该元件的实例。 滤镜:图形效果,可以为文本、按钮与影片剪辑增添有趣的滤镜视觉效果。使用补间动画可让应用的滤镜动起来。 遮罩层的应用 1、建立各图层中对象:可先建欲作被遮罩图层再建欲作遮罩图层 2欲作遮罩图层在上,图即为通透区欲作被遮罩图层在下 2、效果制作:其中一层做动画设计等 3、将欲作遮罩图层(现为普通图层)转为遮罩层:快捷菜单中转。欲瞧效果将两图层锁住