Flash的引导层动画_制作课件

注：运动渐变动画首尾帧间有淡蓝色背景 ，并有黑色箭头表示，若出现虚线表示渐 变过程有问题，编辑的内容一定是元件的 形式。
作品的输出
Flash常用的输出文件格式。
1．Flash Player（*.swf）文件； 2．Windows AVI（*.avi）文件； 3．Quick Time（*.mov）文件； 4．Animated GIF（*.gif）文件； 6．JPEG Sequence（*.jpg）文件序列；
本节课主要学习了元件的概念、引导 层的作用、逐帧动画的制作方法、运动 动画的制作方法。
思考
如何制作一个有声音的动画？
引导层的作用
引导层分为 普通引导层和运动引导层
普通：只起到辅助绘图和绘图定位的作用。
运动：在制作动画时，可以起到设置运动 路径的向导作用。
逐帧动画
设置方法： ⑴ 创建一个新图层； ⑵ 在起始帧位置插入一个空白关键帧； ⑶ 在空白关键帧中制作和编辑画面内容； ⑷ 在编辑完成的关键帧后插入另一空白关键 帧进行编辑，使之与上一帧略有不同； ⑸ 重复步骤⑷的操作，创建其他各帧，直至 全部制作完毕； ⑹ 保存文件。 注：若每帧的画面已用其他绘图软件制作成 系列图片文件，则⑷ ⑸两步可并为一步。
运动渐变动画
运动渐变动画的制作过程 ⑴ 创建一个新图层； ⑵ 在起始帧位置，插入一个关键帧(或空白关键帧)； ⑶ 在空白关键帧中制作和编辑画面内容,编辑的内容 一定是元件的形式； ⑷ 单击时间轴中的结束帧位置，插入另一个关键帧 （或空白关键帧）； ⑸ 在结束关键帧中编辑画面内容； ⑹ 创建运动动画，并设置运动参数； ⑺ 保存文件。
同学们首先观看几个flash,看看这几 个flash有什么特点？它和powerpoint动 画有什么区别？

■ 被遮罩层中的对象只能透过遮罩层中的对象被看到。在被遮罩 层，可以是任意图形物体。
CHD设计
5.5 Flash基本动画制作
5.5.5 遮罩动画
● 制作要点
（3）注意遮罩中可以使用的动画形式
■ 可以在遮罩层、被遮罩层中分别或同时使用形状补间动画、 动作补间动画、引导线动画等动画手段，从而使遮罩动画变成 一个可以施展无限想象力的创作空间。
体必须有一定的面积，否则就不能“遮罩”住被遮罩层中的对 象。 CH在D设被计遮罩层，可以是任意图形物体。
● 结束ቤተ መጻሕፍቲ ባይዱ
CHD设计
CHD设计
5.5 Flash基本动画制作
5.5.4 引导动画
● 模拟斜抛皮球运动动画的制作实例
❖ 动画描述 先利用引导线描绘斜抛皮球运动的轨迹，然后让皮球按引导 线做动作补间。 ❖ 动画设计 建立两个层：一个引导层，另一个被引导层。引导层引导内 放置描绘斜抛皮球运动的引导线；被引导层内制作皮球进行 动作补间的动画；最后把皮球的中心放到引导线上。
第5章
动画制作技术
第18讲 Flash引导和遮罩动画制作
CHD设计
5.5 基本动画制作
■ 引导动画 ■ 遮罩动画
第18讲 Flash引导和遮罩动画制
● 教学目标
理解引导和遮罩动画的原理、制作要点，掌握引导和遮罩动画 的制作步骤。
分析引导和遮罩动画的层特点、容易出现的错误现象分析。
● 教学重点
CHD设计
5.5 Flash基本动画制作
5.5.5 遮罩动画
遮罩动画 ：有选择地显示图层的某些部分。
● 遮罩层的基本原理 ■ 能够透过该层中的对象看到“被遮罩层”中的对象及其属 性（包括它们的变形效果），但是遮罩层中的对象中的许多 属性如渐变色、透明度、颜色和线条样式等却是被忽略的。 遮罩动画在播放时，被遮罩层中的内容象是透过一个洞显示 出来，这个洞的形状就是遮罩层中的物体形状。

图11-17
图11-18
上机实战
制作百叶窗效果 毛笔字
在本课上机实战中将进行两个练习：一是制作百叶窗 效果，以此练习遮罩动画的制作方法；二是制作写毛 笔字的效果，以此练习引导动画的制作方法。通过练 习将使读者理解引导层和遮罩层在动画中的作用，并 熟练掌握引导动画和遮罩动画的制作方法。对于没有 练习到的多层引导动画的制作，读者可结合课堂讲解 自行练习。
制作遮罩动画的具体操作如下。
（1）在普通层中创建要显示的内容。
（2）在普通层上方新建一个图层，在其中创建一 个对象或一段动画用来遮罩对象。
（3）将上方的图层转换为遮罩层即可完成一个遮 罩动画的创建。
下面通过一个文字录入效 果练习遮罩层的制作。其具 体操作如下。
（1）新建一个文件，在将 背景大小设为380×300像 素，导入图片“桃花.jpg”， 并适当缩小，使其刚好能覆 盖舞台，如图11-12所示。 然后在第80帧按【F5】键沿 用帧。
（9）在第80帧插入关键帧，用任意变形工具
将矩形横向拉长，使其覆盖一行文字，然后在第40帧和第 80帧之间创建形状补间动画。
（10）用鼠标右键单击图层5，在弹出的快捷菜单中选择 “遮罩层”命令，即可使图层5变为遮罩层，图层4变为被 遮罩层。
（11）按 【Ctrl+Enter】 键播放动画，最 终效果如图1117所示。完成后 的时间轴如图1118所示。
图11-26
（12）选中图层4中的“百叶窗”元件，用选择工具 将其向上移动，使其下方刚好与图层3的“百叶窗”元 件上方相连接，如图11-27所示。
图11-27
为了便于确定“百 叶窗”元件的位置，可 以将所有的图层以线框 模式显示，以免图片阻 碍视线。在后面的操作 中也可以继续采用线框

实例2
制作交互式表单：通过实例演练，学习如何制作交互式表 单，包括创建输入文本框、添加提交按钮和处理表单数据 等。
实例3
打造个性化鼠标指针：通过实例演练，学习如何打造个性 化的鼠标指针，包括创建自定义鼠标指针元件、设置鼠标 跟随效果和添加事件处理程序等。
06
优化发布与输出设置
优化图像和声音资源
图像优化
文本编辑
除了基本的文本输入外，Flash还提供 了丰富的文本编辑功能，如文字对齐 、行距调整、字距调整等，使得文字 排版更加灵活多样。
导入外部素材（图片、音频、视频）
图片导入
Flash支持导入多种格式的 图片素材，包括JPG、 PNG、GIF等，可以通过 导入图片来丰富动画内容 。
音频导入
在Flash中可以导入音频素 材，为动画添加背景音乐 或音效，增强动画的表现 力。
关键帧与中间帧
关键帧指角色或者物体运动或变 化中的关键动作所处的那一帧， 中间帧指两个关键帧之间的过渡
帧。
逐帧动画制作流程
剧本构思
确定动画主题、故事情节、角色设定 等。
02
素材准备
收集或制作所需的图片、音频、视频 等素材。
01
03
关键帧制作
根据剧本，在Flash中绘制出关键帧画 面。
测试与调整
预览动画效果，对不满意的地方进行 调整。
引导学生关注行业动态，提升 自身职业素养和竞争力。
下一讲预告及预备知识
提前预告下一讲的教 学内容和重点难点， 帮助学生做好预习准 备。
鼓励学生提出问题和 建议，以便更好地调 整教学计划和内容安 排。
提供相关学习资料和 参考书籍，方便学生 课后自主学习和拓展 阅读。
THANKS

如图7-7所示 。
变形中心
整体效果
放大图
图7-7 放置汽车元件
6、在“图层2”的第80帧处插入关键帧，设置第80帧处汽车元件 的位置如图7-8所示。
变形中心
图7-8 放置汽精选车版位课件置ppt
6
7、在“图层2”的第1帧～第80帧之间创建动作补间动画。 8、用鼠标右键单击“图层1”，在弹出的快捷菜单中选择【引导层 】命令，将“图层1”转化为引导层，然后将“图层2”拖到“图层1” 的下面，将其转化为被引导层，此时图层效果如图7-9所示。
Hale Waihona Puke 精选版课件ppt4
7.1.2 范例解析（一）──创建引导层动画练习
请同学们在老师的带领下进行创建引导层动画练习，并完成以 下操作 。
1、打开教学资源中的“素材\第7讲\创建引导层动画练习\赛车.fla”文 件。
2、在默认“图层1”中绘制如图7-6所示的路径。
图7-6 绘制路径
精选版课件ppt
5
3、在“图层1”的第80帧处插入帧。 4、新建图层并重名为“图层2”，并将其拖到“图层1”的下面。 5、将【库】面板中的“汽车1”元件拖动到舞台中，并设置其位置
第1帧
第2帧
第3帧
图7-13 男孩元件的前5帧动画
第4帧
精选版课件ppt
第5帧
10
（2）返回主场景，观察整个舞台如图7-14所示，可以发现篮球在运 动过程中，要经过“男孩的手”、“篮筐”、“球网”这3个图形 。所以根据视角分析，可以判定引导层应该创建在“男孩”、“ 篮筐前沿”、“球网”这3个元件所在图层的下面，而在“篮板” 、“地板”、“篮筐后沿”这3个元件所在图层的上面 。
1、导入素材布置场景 。
精选版课件ppt

操作方法： 选中被引导层的开始帧，用选择工具把运
动对象移到引导线的起点，并且让“运动对象
的圆心对准引导线的起点；再选中结束帧把运 动对象 拉到引导线的终点，圆心对准引导线
的终点。
注意：必须确保小球的圆心要吸附在引 导线的起点和终点上，否则小球不会在引导
圆心对准引导线的端点
线 上运动，只做直线运动。
10
元件；比如：制作“双蝶飞舞”的动画等。 2．需要显示运动路径时，可以增加一个普通层，再把引导层的内容复制到该 层上即可。比如：制作毛笔写字动画等。 3．如果要让对象沿着封闭路径运动，应删除掉封闭路径的一小部分，才能做 出引导效果。比如：沿着圆周运动的小球。 4．选中帧属性面板中的“调整到路径”选项可以使元件沿着引导线自动调整 运动的方向； 5．如果动画不能按指定路径移动，可以在需要的位置插入关键帧来控制它的 位置。 6、如果引导线画错了，可以删除引导层，再重添加一个引导层，画引导线。 7、画好的引导线，如果要修改，可以，利用“选择工具”指向引导线变成曲 线状时，拖动鼠标，改变引导线的形状。 提示：修改引导线，只是引导线中间路线有所变化，两个端点的位置不能改变 。
7
◆制作引导线动画
操作方法： 在时间轴的左边有一个“添加运动引导层”的按钮，单击此按 钮就可以添加引导层。 提醒：“添加引导层”的图标有一条红色曲线，象一个运动轨迹。
添加运动引导层
8
◆制作引导线动画
操作方法： 单击引导层的第1帧，开始 绘制引导线。 线条要连续，有起点和终点， 中间不能断开。
9
◆制作引导线动画
13
◆本课小结
引导层、被引导层、引导线，引导层的添加，引导线的绘制
①创建运动补间动画
②添加引导层 ③绘制引导线 ④运动对象的圆心吸附在引导线的两端

环节二：讲解演示 尝试操作
教师进行必要讲解、演示步骤后， 让学生根据教师所提供的素材，选择 操作任务一中的某个感兴趣的方案进 行尝试制作。 设计意图：必要的讲解演示能强化学生对引导动画制作的 基本操作过程，使之深刻化。任务中设置了不同方案供学生选
择，增加了选择性，拓展、创新学生思维 。
四、说教学过程
环节三：作品展示 评价归纳
展示部分同学作品，师生评价作 品；学生归纳总结出在制作引导动 画时，应该注意哪些问题？教师并 作补充归纳。 设计意图：通过展示交流解决学生制作中的共同问题，找 出作品的优缺点并进行相应的修正；提升学生归纳总结能力。
四、说教学过程
环节四：拓展延伸 提升练习
本环节是在归纳总结后引出的拓展内容，在此基础上对知 识进行延伸（影片剪辑元件的使用），制作出更加生动、逼真 的动画作品。
环节一：复习回顾 对比引入
通过展示上节课制作的“图形的移动与变形”和本节课学
习的动画进行对比，引导学生观察并思考：两个动画有何不同，
然后提出问题：如何制作沿路径运动的动画呢？ 设计意图：创设情景，符合学生的认知规律，容易产生认
知冲突，激发学生的求知欲和创作热情，并明确本节Байду номын сангаас学习任
务。
四、说教学过程
《FLASH引导动画制作》说课稿
新疆阿克苏地区第二中学 王娟锋
一、说教学背景
二、说教法 三、说学法 四、说教学过程
一、说教学背景
1.在教材中的地位和作用
本节课内容选自高中信息技术选修2《多媒体技术应用》 （浙江教育出版社）第三章的第五节，本章为本模块的重点章 节，所学知识与技能为多媒体作品制作的技术核心。而本节内 容又是本章各种多媒体素材中常用的一种，本节课重点介绍了 利用引导层绘制路径来实现曲线运动动画。教材中只讲述了简 单对象的移动（直线运动）和变形以及文字的动画制作，并未 涉及引导层动画的讲述，依据自治区普通高中信息技术学业水 平测试要求，并结合学生学习兴趣和生活的需求，我扩充了教 材的内容，加入了对引导动画的讲解。

引导层一般是和补间一块用的，两者相辅相成。
引导层动画由引导层和被引导层组成，引导层用于放置对象运动的路 径，被引导层用于放置运动的对象。制作引导动画的过程实际就是对引导层 和被引导层的编辑过程。
探索新知
形状各异的引导线
讲授学习
FLASH引导层动画制作的一般步骤
①先完成动画补间动画（一般为位置移动） ②在被引导层（动画补间动画图层)上方“添加引导层” ③在引导层中绘制引导线，并设置起始帧和结束帧的动画对象 ④保存后按CTRL+ENTER测试、调整、再保存
应用所学
FLASH引导层动画制作的常见问题
①引导线未在引导层绘制 ②动画对象的中心点没能“贴合”引导线 ③图层的上下层关系错误
拓展延伸
通过今天的学习，我们掌握了引导层结合动 画补间动画可实现对象的一想： 1、你运用今日之所学还可以去实现哪些动画效 果？ 2、你是否可以完成一个“引导层”引导多个 “被引导层”的动画？在FLASH中能否实现多层
学生练习
任务：四组动画任选其一
要求：1、完成此动画效果（运动轨迹相对复杂） 2、尝试绘制多样引导线的方法 3、总结制作引导层动画时应注意的问题
经验练习
引导线
❖ 1、引导线在最终生成动画时是否可见？
答案：不可见
❖ 2、引导线的颜色、粗细与动画效果是否有关？
答案：无关
❖ 3、引导线若闭合，动画对象将如何？
答案：选择最短路径做运动
❖ 4、假如闭合引导线内，起点和终点是同一处必须？ 答案：留一个小豁口，断开路径
❖ 5、起点和终点之间的线条必须是连续的吗？ 答案：是，引导线不能间断
❖ 6 、被引导对象必须准确吸附到引导线上，也就是元件编辑区的____必须位于引

学习目标
了解引导层动画的基本功能 熟练掌握绘制引导层动画的基本方法
复习导入： Flash动画分类
逐帧动画
补间动画
动作补间动画(motion) 可以设置对象的大小、
位置、旋转、倾斜、颜色 、透明度等等。但前提是此 对象为一个独立的元件 (Symbol)或一个(Group)。
形状补间动画(Shape) 可以设置对象的形状
实例构成及设计思路
背景层：制作线形天蓝色到白色渐变背景， 将花儿矢量图作为背景层一部分。
蝴蝶层：蝴蝶矢量图所在图层，用于固定 蝴蝶起始和终了位置。
引导层：在此图层绘制引导线，制作引导 动画。
根据构思，制作背景。 确定所需素材，并将素材导入到库中。 添加引导层并制作引导层动画。
制作时应注意的问题
线的终点。 7）引导动画制作完成，测试影片。
二、引导线
1、引导线不能是封闭的曲线，要有起点和终点 2、起点和终点之间的线条必须是连续的，不能间断，可以是
任何形状 3、引导线转折处的线条弯转不宜过急、过多，否则Flash无
法准确判定对象的运动路径 4、被引导对象必须准确吸附到引导线上，也就是元件编辑区
3、启用“紧贴至对象”工具 心
，指向元件的中
点,拖动对象吸附到引导线的起点和终点。 4、要使对象沿着路径旋转，需在被引导层的起始帧属性中，
设置“调整到路径”。
5、按Enter键播放动画，或按Ctrl+Enter键测试影片。
【动画之星】 ——制作“蝶恋花”
引导层动画实例
蝴蝶围绕着花儿飞动，营造蝶恋花效果。 简单引导层动画 提供素材：图片信息（蝴蝶、花儿矢量图） 力求做出动感，比例合适。
变化。前提是此对象为 分离状态。(Break Apart)

#
制作 FLASH 引导动画
讲课人：张冉冉
#
一、引导动画的制作过程：
1、创建引导层
引导层 被引导层
2、在引导层中绘制引导线作为路径 3、让被引导层上的元件沿路径运动
#
二、引导动画的分类：
非封闭路径的引导动画
任务1：制作蝴蝶飞舞的引导动画
封闭路径的引导动画
#
三、绘制引导线需注意：
1、引导线的转折不宜过多，且转弯 不宜过急 2、引导线应从头到尾连续贯穿，线条 不能出现中断现象
#
五、上机作业：
利用老师所给的素材，在机房完成 蝴蝶飞舞、小鱼在水中游、落叶、 地球绕太阳转动的 FLASH 动画。
#
a 引导线转折过急
b 引导线出端点 靠近时，控制点会被吸附到引导线的端点 上，两者如不能重合，将无法创建引导动画。
引 导 线
#
非封闭运动的引导动画
任务2：制作小鱼在水中游动的引导动画 任务3：制作落叶的引导动画
#
封闭运动的引导动画
终点 起点
技巧：将封闭运动的引导线打开一个缺口
#
任务4：制作地球绕太阳旋转的引导动画
#
引导动画的“属性”面板：
“调整到路径”：使元件的基线自动调整到运动路径 “贴紧”复选框：元件的注册点将会与运动路径对齐
#
在星球运动中如果有宇宙飞船从太空中 穿过，我们该怎样对动画进行处理?
#
四、课堂小结：
创建引导层 创建引导线
制作引导动画
引导动画的分类 非封闭路径的引导动画 封闭路径的引导动画

Flash的引导层动画
作品对比回答问题：
提问1：在“地球”图层上面，多了一个什么图层？ 提问2：这个图层里面放的是什么？有什么用？
Flash的引导层动画
引导层动画：让对象沿着指定的线路进行运动。 （必须由两个图层组成，上一层为引导层，下一层为被引导层 。制 作引导层动画的实质就是在引导层设置引导线，在被引导层创建补间 动画。）
④保存后测试、调整、再保存
Flash的引导层动画
小组合作： 制作月球绕地球运动动画。
Flash的引导层动画
小结： （1）引导层 （2）被引导层 （3）制作引导层动画的一般步骤
Flash的引导层动画
作业： 制作三只小鸟飞翔的动画，素 材自己在网上下载。
线在输出SWF文件中是不可见的 。
引导线的常用绘制工具与画法：
铅笔工具
椭圆工具
矩形工具
FLASH引导层动画制作的一般步骤
①先完成动画补间动画（一般为位置移动） ②在被引导层（动画补间动画图层）上方“添加引导层” ③在引导层中绘制引导线，并设置起始帧和结束帧的动画对象