第12章 引导层动画和遮罩层动画
(电脑)高级动画制作详解(计算机讲座教学培训课件)

图6-5 “世界杯”动画效果
(计算机讲座教学培训课件)
制作“世界杯”动画实例步骤如下: 单击菜单栏中的【文件】/【打开】命令,打开教学资源 包\素材\第六章/”目录下的“世界杯.fla”文件,如图66所示。
(计算机讲座教学培训课件)
6.2 遮罩动画
同前面学习的运动引导层动画相同,在flash中遮罩动画 的创建至少需要两个图层才能完成,分别是遮罩层和被 遮罩层,位于上方用于设置遮罩范围的图层被称为遮罩 层,而位于下方则是被遮罩层,遮罩层如同一个窗口, 通过它可以看到其下被遮罩层中的区域对象,而被遮罩 层区域以外的对象将不会显示。另外,在制作遮罩动画 时还需要注意;一个遮罩层下可以包括多个被遮罩层, 不过按钮内部不能有遮罩层,也不能将一个遮罩应用于 另一个遮罩。
遮罩层 被遮罩层
图6-15 使用“遮罩层”命令创建遮罩层
(计算机讲座教学培训课件)
2.使用“图层属性”对话框创建遮罩层 在【图层属性】对话框中除了可以用于设置运动引导层 外,还可以设置遮罩层与被遮罩层,具体操作如下: (1)选择【时间轴】面板中需要设置为遮罩层的图层, 单击菜单栏中的【修改】/【时间轴】/【图层属性】命令, 或者在该图层处单击右键,选择弹出菜单中的【属性】 命令,都可弹出【图层属性】对话框。 (2)在【图层属性】对话框中,选择“类型”选项的 “遮罩层”选项,如图6-16所示。 (3)单击“确定”按钮,此时,将当前图层设为遮罩层, 如图6-17所示。
(计算方机讲座教法学培训二课件) :通过在“图层属性“对话框中进行设置。 1.使用“添加传统运动引导层“命令创建运动引导层 使用“添加传统运动引导层“命令创建运动引导层式最为方便的一种 方法,具体操作如下: (1)在【时间轴】面板中选择需要创建运动引导层动画的对象所在 的图层。 (2)然后单击鼠标右键,在弹出菜单中选择【添加传统运动引导层】 命令,即可在刚才所选图层的上面创建一个运动引导层(此时创建的 运动引导层前面的图标以显示),并且将原来所选图层设为被引导层。 如图6-1所示。
《使用引导层设计动画》说课

今天我说课的题目是《使用引导层设计动画》。
下面我将从教材、教法、学法、教学过程等方面进行设计说明。
一、教材分析本课是八年级信息技术第十二册第一单元第三课《使用引导层设计动画》。
按照课程改革的教学理念,要注重培养学生的的信息素养,培养学生不断探索新知识的能力,而本课重点在于培养学生对操作方法和操作技巧的掌握,只有掌握了这些方法和技巧,才能不断的去探究去创新。
学生在学习本节之前已经掌握了关键帧动画、符号绘制、运动动画、图层使用的基本操作技能。
在FLASH动画制作中经常碰到一个或多个物体沿任意指定的路径运动的问题,沿任意指定路径运动是对物体直线运动动画的引申,通过学习引导层的使用,沿任意指定路径运动的问题迎刃而解。
本节是FLASH动画中必须掌握的内容,所以本节课在教材中的地位和作用是极其基础和重要的。
二、学生情况分析初二学生对动画有着浓厚的兴趣,再加上前面已经学习了逐帧动画、运动动画和形状动画的知识,因此对引导层动画的学习已经奠定了一定的基础。
三、教学目标根据上述的知识结构与内容分析,考虑到学生已有的认知结构、心理特征制定了以下的教学目标:1、认知目标:能够了解引导层的作用,能够初步掌握引导层的建立和使用,对FLASH动画制作能够进行更深一步的拓展。
2、能力目标:培养学生的想象能力,动手实践能力以及发现问题、独立思考问题、解决问题的能力。
3、情感目标:通过生动活泼的动画制作,培养学生学习的兴趣. 利用来自身边的实例,让学生切身地体会到动画制作的实用性和趣味性,体会学以致用。
通过动手实践培养学生积极探索的品质,培养他们的团队合作精神;激发学生的学习兴趣,体验成功感,形成积极主动学习的良好习惯。
四、教材的重点与难点本着课程标准的要求,在吃透教材、了解学生已有知识水平的基础上,我确定了如下重点、难点。
1、教材的重点:引导层的创建及其运用,灵活地运用引导层制作动画以及引导线的绘制。
2、教材难点理解引导层的作用,能够根据需要灵活地、准确地设置引导层以及被引导对象与引导线之间的位置关系。
引导动画与遮罩动画最完整的PPT

图11-24
(8)单击 图标回到场景中,将场景中的矩 形删除,选中图层3,将元件“百叶窗” 形删除,选中图层3,将元件“百叶窗”拖放到图片 下方,如图11-25所示。 下方,如图11-25所示。
图11-25
(9)用鼠标右键单击图层3,在弹出的快捷菜单 )用鼠标右键单击图层3 中选择“遮罩层”命令,将图层3 中选择“遮罩层”命令,将图层3变为遮罩层。 (10)在图层3上方新建一个图层4,选中图层3和 10)在图层3上方新建一个图层4,选中图层3 图层2 图层2中的所有帧,用鼠标右键单击,在弹出的快捷 菜单中选择“复制帧” 菜单中选择“复制帧”命令。
图11-23
(6)在元件编辑区的第42帧插入关键帧,单击任 )在元件编辑区的第42帧插入关键帧,单击任 意变形工具,将鼠标光标移到矩形上方的中点,当其 变为双向箭头时按住鼠标左键向下拖动,使其变为一 条直线。 (7)在第47帧和第97帧插入关键帧,再将第1帧 )在第47帧和第97帧插入关键帧,再将第1 复制到第97帧,然后依次在第1帧和第42帧、第47帧 复制到第97帧,然后依次在第1帧和第42帧、第47帧 和第97帧之间创建动作补间动画,最后在第100帧按 和第97帧之间创建动作补间动画,最后在第100帧按 【F5】键沿用帧,时间轴如图11-24所示。 F5】键沿用帧,时间轴如图11-24所示。
应用引导路径动画的技巧
(5)被引导对象的中心对齐场景中的十字星,也有助于引 导动画的成功。 (6)向被引导层中放入元件时,在动画开始和结束的关键 帧上,一定要让元件的注册点对准线段的开始和结束的端点, 否则无法引导,如果元件为不规则形,可以按下工具栏上的 任意变形工具 ,调整注册点。 (7)如果想解除引导,可以把被引导层拖离“引导层”, )如果想解除引导,可以把被引导层拖离“引导层” 或在图层区的引导层上单击右键,在弹出的 (8)如果想让对象作圆周运动,可以在“引导层”画个圆 )如果想让对象作圆周运动,可以在“引导层” 形线条,再用橡皮擦去一小段,使圆形线段出现2 形线条,再用橡皮擦去一小段,使圆形线段出现2个端点, 再把对象的起始、终点分别对准端点即可。
flash-引导动画和遮罩动画(PPT)

引导动画的制作方法
制作引导动画的具体操作如下 (1)在普通层中创建一个元件。 (2)在普通层上方新建一个引导层,普通层自动变 为被引导层,在引导层中绘制一条路径。
(3)将引导层中的路径沿用到某一帧。
(4)在被引导层中将元件的中心控制点移动 到路径的起点。
(5)在被引导层的某一帧插入关键帧,并 将元件移动到引导层中路径的终点。
标新建一个引导层, 选中引导层的第1帧, 单击铅笔工具 ,在
选项区域中选择 “平滑”模式,然 后在舞台中绘制一 条光滑的曲线,如 图11-2所示。
图11-2
(4)在引导层的第50帧按【F5】键沿 用帧。
(5)选中被引导层中的树叶,将其中 心控制点移动到引导线的起点,然后在 第50帧插入关键帧,并将树叶放大一点。
(6)选中第50帧中的树叶,将其中心 控制点移动到引导线的终点位置,如图 11-3所示。然后在第1帧和第50帧之间 创建动作补间动画。
图11-3
(7)选中第1帧,在“属性”面板的“补间”下 拉列表框中选择“动作”选项,并选中 、
、 和 复选框,如图11-4所示。
图11-4
选中
、
和 复选框是
为了使对象沿着引导路
(4)在图层“飞机1”中将“飞机1”移动到左 边曲线的左端点上,在图层“飞机2”中将“飞 机2”移动到右边曲线的右端点上,如图11-8所 示。
(5)在图层“飞机1”的第50帧插入关键帧, 并将“飞机1”移动到两条曲线的交点处,在图 层“飞机2”的第50帧插入关键帧,并将“飞 机2”移动到两条曲线的交点处,如图所示。
(6)在被引导层的两个关键帧之间创建补 间动画,引导动画制作完成。
另:如果想看到引导线的话,需要添加一图层, 在引导层第一帧点击“复制帧”,在新添加的 图层第一帧点击“粘贴帧”,然后再双击新图 层把它改为“一般”图层即可。
2022年云南信息技术中考课件和真题(简单动画的制作)

5.元件的编辑 可以对创建好的元件进行编辑。Flash提供了3种方
式来编辑元件,分别是在当前位置编辑、在元件编辑模 式和在新窗口中编辑元件。编辑元件后,Flash将更新该 元件的所有实例。
三、常见动画的制作 1.动画的基本类型 (1)逐帧动画
逐帧动画是指在每个帧上都有关键性变化的动画, 它由多个关键帧组合而成。逐帧动画需要更改每一帧中 的舞台内容,并保存每个完整帧的值。因此,对于相同 帧数的动画,逐帧动画比其他类型动画的文件大得多。
简单动画的制作
【考点导航】
知识单元 动画制作
知识点
要点说明
1.动画的基本原理
2.认识元件,创建并编辑元件
简单动画 的制作
3.制作逐帧动画、形状补间动画、动作 补间动画 4.制作引导层动画
5.制作遮罩动画,能区分遮罩层和被遮
罩层
【教材梳理】
一、动画的基本原理 动画是利用人的“视觉暂留”特性,把人或物的表情、
动作补间动画:在Flash的时间帧面板上,在一个时间点 (关键帧)放置一个元件,然后在另一个时间点(关键帧)改 变这个元件的大小、颜色、位置、透明度等,Flash根据二者 之间的帧的值创建的动画被称为动作补间动画。与形状补间动 画不同的是,动作补间动画的对象必需是“元件”或“成组对 象”。
(3)引导层动画 引导层动画指让对象沿着指定路径运动的一种动画,
3.元件的分类 (1)图形元件:图形元件主要用来制作动画中的静态图形或 动画片段。图形元件与主时间轴同步,但不具有交互性,不 能添加交互行为或声音控制。 (2)影片剪辑元件:使用影片剪辑元件可以创建反复使用的 动画片段,且可独立播放。影片剪辑元件具有独立于主时间 轴的多帧时间轴,当动画播放时,影片剪辑元件也在循环播 放。影片剪辑元件可以包含交互式控件、声音和其他影片剪 辑实例。 (3)按钮元件:用按钮元件可以创建用于响应鼠标单击、滑 过或其他动作的交互式按钮,通过事件激发它的动作。按钮 元件包括弹起、指针经过、按下和点击4种状态,可以定义与 各种状态关联的图形、元件或声音。
遮罩和引导层

(3)选择【选择】工具,按住Ctrl键复制出15个的“毛身”元件, 并确保每1个“毛身”元件的变形中心都在路径上,效果如图646所示。 (4)将“毛头”元件拖入舞台,并设置其位置,如图7-47所示 。
图6-46 复制出毛毛虫的身体效果
图6-47
放置头部
3、制作毛毛虫动画 (1)选中所有的“毛身”和“毛头”元件,在其上单击鼠标右键, 在弹出快捷菜单中选择【分散到图层】命令,将“毛身”和 “毛头”元件分散到各层,如图6-48所示。
图6-36 图6-35 引导层和被引导层
创建引导层
被引导层同样可以有多个,那就是多层引导,如图6-37所 示。图中“图层1”为引导层,其余的所有图层都是被引导层 。
图6-37
多层被引导
2、引导层动画的原理 如图6-38所示为被引导层上小球在第1帧和第50帧处的位置, 如图6-39所示,为小球的全部运动轨迹。
图6-11 第1帧“火柴”元件的位置
图6-12 第100帧“火柴”元件的位置
(5)在“火柴效果”和“遮罩”图层的第1帧~第100帧之间创 建动作补间动画,然后将“遮罩”图层转换为遮罩层,效果 如图6-13所示 。
图6-13 设置遮罩
(6)保存并测试影片,模拟火柴效果的影片制作完成。。
案 例 小 结
(4)在所有“毛身”和“毛头”图层的第1帧~第1000帧之间 创建动作补间动画,并在【属性】面板中勾选【调整到路径】 复选框,其参数设置,如图6-50所示 。
图6-50 勾选【调整到路径】复选框 图6-49 设置毛毛虫的位置
(5)将“路径”图层转换为引导层,将所有“毛身”和“毛头” 图层转化为被引导层。 (6)保存并测试影片,一只毛毛虫从树叶上爬过的效果制作完 成。
Flash的引导层动画

制作影片蝴蝶组件
蝴蝶是本动画实例的主角, 蝴蝶是本动画实例的主角,下面我们就来制作位 于被引导层的蝴蝶组件。蝴蝶组件如图: 于被引导层的蝴蝶组件。蝴蝶组件如图:
22
操作步骤
(1)在选中背景层,插入一个新的图层, (1)在选中背景层,插入一个新的图层,并将图层的 在选中背景层 名称改为“蝴蝶” 名称改为“蝴蝶”。 (2)选择 文件” 选择“ 导入” (2)选择“文件”→“导入”菜单命令导入本书第四 章素材中的“hudie.swf”矢量图文件 矢量图文件。 章素材中的“hudie.swf 矢量图文件。 (3)选择 蝴蝶”图案,选择“插入” 选择“ (3)选择“蝴蝶”图案,选择“插入”→“转换为元 命令,将蝴蝶矢量图转化为图形元件。 件”命令,将蝴蝶矢量图转化为图形元件。
23
制作运动引导层
引导层的目的是引导蝴蝶元件沿着引导层上的 曲线路径运动, 曲线路径运动,引导层上的曲线决定着蝴蝶的运 动路线。绘制出引导线如图所示: 动路线。绘制出引导线如图所示:
24
操作步骤
(1)在选中蝴蝶层,右键单击图层名,选择弹出的菜单中 在选中蝴蝶层,右键单击图层名, 在选中蝴蝶层 添加引导层”命令,在蝴蝶层上方添加一引导层, 的“添加引导层”命令,在蝴蝶层上方添加一引导层,将引 导层名称改为“引导层” 导层名称改为“引导层”。 (2)单击常用工具栏的“铅笔”工具,并将常用工具栏下 单击常用工具栏的“ 单击常用工具栏的 铅笔”工具, 方的选项按钮设置为“平滑” 方的选项按钮设置为“平滑”。 (3)利用铅笔工具围绕着花儿的上方绘制如图曲线 (3)利用铅笔工具围绕着花儿的上方绘制如图曲线。 利用铅笔工具围绕着花儿的上方绘制如图曲线。
形状补间动画(Shape) 形状补间动画(Shape) 可以设置对象的形 状变化。 状变化。前提是此对象 分离状态。 为分离状态。 状态
动画-补间形状、补间动画、传统补间的区别、制作要点及引导层、遮罩层的应用

补间形状、补间动画、传统补间的主要区别柳强注意:在Flash中,补间形状(形状(变形)动画)只能针对矢量图形进行,也就是说,进行变形动画的首、尾关键帧上的图形应该都是矢量图形,矢量图形的特征是:在图形对象被选定时,对象上面会出现白色均匀的小点。
利用工具箱中的直线、椭圆、矩形、刷子、铅笔等工具绘制的图形,都是矢量图形。
在Flash中,传统补间(动作(动画)补间动画)只能针对非矢量图形进行,也就是说,进行运动动画的首、尾关键帧上的图形都不能是矢量图形,它们可以是组合图形、文字对象、元件的实例、被转换为“元件”的外界导入图片等。
转为元件能修改的属性参数比较多,因此在上表对象中统一为元件。
非矢量图形的特征是:在图形对象被选定时,对象四周会出现蓝色或灰色的外框。
利用工具箱中的文字工具建立的文字对象就不是矢量图形,将矢量图形组合起来后,可得到组合图形,将库中的元件拖曳到舞台上,可得到该元件的实例。
滤镜:图形效果,可以为文本、按钮和影片剪辑增添有趣的滤镜视觉效果。
使用补间动画可让应用的滤镜动起来。
遮罩层的应用1.建立各图层中对象:可先建欲作被遮罩图层再建欲作遮罩图层✧欲作遮罩图层在上,图即为通透区欲作被遮罩图层在下2.效果制作:其中一层做动画设计等3.将欲作遮罩图层(现为普通图层)转为遮罩层:快捷菜单中转。
欲看效果将两图层锁住引导层与运动引导层的区别:引导层的应用引导层起到辅助其他图层静态对象定位的作用。
单独使用(无须使用被引导层),引导层上的内容不会输出(即不显示在发布的SWF 文件中),性质和辅助线差不多。
为了在绘画时帮助对齐对象,可创建引导层,然后将其它图层上的对象与在引导层上创建的对象对齐。
引导层不会导出,因此不会显示在发布的 SWF 文件中。
任何图层都可以作为引导层。
图层名称左侧的辅助线图标表明该层是引导层。
运动引导层的应用要控制传统补间动画图层(即被引导图层)中的对象的移动,可使用运动引导层。
1.建被引导图层:建内容及动画。
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
练习题:
1、使用引导层,制作树叶被风吹起的动画效果; 2、使用遮罩层,制作手写文字的动画效果。
12.1.1、引导层动画基本操作
接下来将通过一个实例来介绍下引导层动画的基本操作。 本实例的制作过程请参考本书,最终效果如下。
12.1.2、引导层动画现一些问题,归根结底还是操作不够明确, 现在针对一些常见问题来进行说明。 1、物体没有沿着引导线运动,而是自身做直线运动,如左图所示。 这是物体没有绑定到引导线上的问题,正确的方法是:使用选择工具,先选中 物体,这时物体中间会出现一个小圆点,把鼠标放在该小圆点上,再使用选择工具 移动物体到引导线处,该小圆点会自动吸附到引导线上,只有吸附上去以后,物体 才算是和引导线绑定在了一起,才可以沿着引导线运动,如右图所示。
3、物体确定已经绑定在了引导线上,而且引导层和物体图层也已经建立好了联 系,但是物体依然还是自身做直线运动 这种情况极有可能是引导线出了问题,仔细观察引导线是否有断开的情况,如 果有,那这就是问题的所在,解决的方法也很简单,把引导线断开处连接在一起即 可,如右图所示。
12.2、遮罩层动画概述
在第6章中,介绍了Flash中遮罩层的用法,而本节所要讲述的“遮罩层动画”, 顾名思义,就是遮罩层在动画方面的使用,也就是让遮罩层动起来。 与引导层一样,参与遮罩层动画的图层也有遮罩层和被遮罩层两种,接下来将 通过一个实例,来具体介绍一下遮罩层动画的使用方法。
在第4章中,学习了Flash中图层的相关内容,了解了5种不同的图层类型,分别 是一般、遮罩层、被遮罩、文件夹、引导层。之前学习的都是关于图层在绘制中的 作用,本章将要着重介绍引导层、遮罩层和被遮罩层在动画方面的使用方法。
12.1、引导层动画概述
“引导层”,顾名思义,就是“引导”物体运动轨迹的图层。 一般情况下,需要使用线条,在引导层中绘制处运动轨迹,再将其他图层中的 物体绑定在该线条上,调节动画以后,物体就会沿着该线条绘制出的运动轨迹进行 运动。 一个引导层可以引导多个图层中的物体,而引导层中的物体不会被导出,因此 不会显示在发布的SWF文件中。
本实例的制作过程请参考本书,最终效果如下。
12.2.2、遮罩层动画实例——文字叠现
上一节中的实例,实际上是被遮罩层进行的动画设置,本节的实例来制作一下 遮罩层的动画制作方法。 本实例的制作过程请参考本书,最终效果如下。
12.2.3、遮罩层动画实例——手绘效果
在动画中经常会出现“一张画在画面中被一笔笔绘制出来”的效果,这种效果 传统的制作方式是使用逐帧动画的方式,一帧一帧绘制出来,这种方法在在第10章 “10.3、时间轴逐帧动画实例——花的生长”中,曾经介绍过。 本节将要介绍的,是一笔一笔将一张图绘制出来的手绘动画效果,同样还是使 用遮罩的方式来进行制作。 本实例的制作过程请参考本书,最终效果如下。
2、物体确定已经绑定在了引导线上,但是依然没有沿着引导线运动,还是自身 做直线运动,如左图所示。 观察一下引导层最左侧的图标,正常情况下应该是一条虚线的曲线,这表明引 导层和被引导层之间是有联系的,但是如果图标不是曲线,而是一个向左倾斜的小 锤子,这就表明引导层没有和被引导层建立正确的关系。 解决的方法就是重新调整一下图层的顺序:首先将引导层拽到物体图层的下方, 然后再将物体图层拽到引导层的下方,这样操作以后,就会看到引导层最左侧的小 图标变成了正确的曲线图标,如右图所示。
12.2.1、遮罩层动画基本操作
本节的案例是来制作一个箭射穿箭靶的效果。 打开配套光盘中“源文件”文件夹中的“12-2-箭射穿箭靶-素材.fla”文件, 会看到舞台中有一支箭和一个箭靶,两个物体都已经转换为元件,并分别单独放置 在图层当中,且图层都重新命名,如左图所示。 要制作的效果,是箭把箭靶射穿,其中箭的后半部分在箭靶左侧,而箭头部分 则穿过箭靶,从后面露出来。如果不用遮罩层动画的方法做,那么箭穿过箭靶,而 被箭靶挡住的那一部分就无法隐藏,如右图所示。 接下来使用“遮罩层动画”的方法来解决这个问题。
12.3、遮罩层和引导层综合使用实例——太阳系运动动画
本实例的制作过程请参考本书,最终效果如下。
本章小结:
本章主要针对Flash的引导层和遮罩层,以及它们能够实现的动画效果进行了介 绍。这两种动画形式都是Flash的制作特色,经常在动画制作中使用到。它们的技术 并不复杂,但是初学的时候可能会遇到小问题,从而导致制作失败。要注意到的一 些制作要点都已经在本章中一一讲到,如果制作失败可以逐条确认。