Flash的引导层动画 制作课件
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
(2)在时间线面板上单击蝴蝶层的 35 帧，按 F6 键插入关键帧。 (3)拖动蝴蝶元件，将蝴蝶元件的中心点与运动引导层的曲线终点对齐，如 图 3.60 所示。 (4)这一步操作的目的是确定蝴蝶沿曲线运动的起点和终点。效果如图显示：
(5)在蝴蝶层的帧编辑区上，单 击鼠标右键，在弹出的菜单选择 “创建补间动画”命令，帧编辑 区上出现浅蓝色背景箭头，建立 蝴蝶从左端移动到右端的曲线运 动动画。
，指向元件的中
点,拖动对象吸附到引导线的起点和终点。 4、要使对象沿着路径旋转，需在被引导层的起始帧属性中，
设置“调整到路径”。
5、按Enter键播放动画，或按Ctrl+Enter键测试影片。
多层引导动画
多层引导动画，就是利用一个引导层同时引 导多个被引导层中的对象。
一般情况下，创建引导层后，引导层只与其下的 一个图层建立链接关系。如果要使引导层能够 引导多个图层，可以将图层拖移到引导层下方， 或通过更改图层属性的方法添加需要被引导的 图层。
制作影片蝴蝶组件
蝴蝶是本动画实例的主角，下面我们就来制 作位于被引导层的蝴蝶组件。蝴蝶组件如图：
操作步骤
(1)在选中背景层，插入一个新的图层，并将图层的 名称改为“蝴蝶”。
(2)选择“文件”→“导入”菜单命令导入本书第四 章素材中的“hudie.swf”矢量图文件。
(3)选择“蝴蝶”图案，选择“插入”→“转换为元 件”命令，将蝴蝶矢量图转化为图形元件。
蝴蝶层：蝴蝶矢量图所在图层，用于固定 蝴蝶起始和终了位置。
引导层：在此图层绘制引导线，制作引导 动画。
根据构思，制作背景。 确定所需素材，并将素材导入到库中。 添加引导层并制作引导层动画。
制作时应注意的问题
色彩搭配和谐； 素材正确导入到库中； 正确应用引导层； 蝴蝶组件能正确沿引导线运动；
为一个引导层成功创建多个被引导层后，多层引 导动画即创建完成。
任务——制作“蝶恋花”引导层动画实 例
蝴蝶围绕着花儿飞动，营造蝶恋花效果。 简单引导层动画，在2课时内完成 提供素材：图片信息（蝴蝶、花儿矢量图） 力求做出动感，比例合适。
实例构成及设计思路
背景层：制作线形天蓝色到白色渐变背景， 将花儿矢量图作为背景层一部分。
一、引导层
1、内容：只放置绘制的运动路径。（引导线） 2、作用：使对象沿着绘制的运动路径（引导线）运动 3、图标：在引导层下方的图层称为“被引导层”,被引 导
层会比其它图层往里缩进一些。
引导层的创建方法
创建引导层的常用方法有： 用 按钮创建 用菜单命令创建 将普通图层转换为引导层三种方式。
制作运动引导层
引导层的目的是引导蝴蝶元件沿着引导层上的 曲线路径运动，引导层上的曲线决定着蝴蝶的运 动路线。绘制出引导线如图所示：
操作步骤
(1)在选中蝴蝶层，右键单击图层名，选择弹出的菜单中的“添 加引导层”命令，在蝴蝶层上方添加一引导层，将引导层名称改 为“引导层”。
(2)单击常用工具栏的“铅笔”工具，并将常用工具栏下方的选 项按钮设置为“平滑”。
知识要点
掌握创建引导层的方法 掌握引导线的绘制方法 掌握将对象吸附到引导线起点和终点的方法 能通过模仿完成引导线动画实例的制作
Flash的引导层动画
轨迹动画由引导层和被引导层组成， 引导层用于放置对象运动的路径，被引 导层用于放置运动的对象。制作引导动 画的过程实际就是对引导层和被引导层 的编辑过程。
(3)利用铅笔工具围绕着花儿的上方绘制如图曲线。
(4)单击引导层的第 35 帧，按 F5 键插 入一个帧，将帧扩展到第 35 帧处。
(5)锁定引导层
制作曲线运动效果
制作好蝴蝶层与引导层，下一步是让蝴蝶沿着 引导层做曲线运动，做出蝴蝶围绕着花儿飞翔的 效果。
操作步骤
(1)选中蝴蝶层，单击引导层的第 1 帧。拖动蝴蝶元件，将蝴蝶元件的中心 点与运动引导层的曲线起点对齐，如图 3.59 所示。
二、引导线
1、引导线不能是封闭的曲线，要有起点和终点 2、起点和终点之间的线条必须是连续的，不能间断，可以是
任何形状 3、引导线转折处的线条弯转不宜过急、过多，否则Flash无
法准确判定对象的运动路径 4、被引导对象必须准确吸附到引导线上，也就是元件编辑区
中心必须位于引导线上，否则被引导对象将无法沿引导路径运 动 5、引导线在最终生成动画时是不可见的
– 6）在被引导层的两个关键帧之间创建动作补间动画， 引导动画制作完成。
引导层动画的制作要点
1、一般将要移动的对象单独放在一个层，作为被引导层， 在此层上面添加引导层。引导层一定要在被引导层的上方。
2、引导层中只绘制运动路径，在被引导层中设置动作补间 动画。
3、启用“紧贴至对象”工具 心
(6)保存动画，按 Ctrl+Enter 键，预览动画效果。
第1帧蝴蝶位置
Fra Baidu bibliotek
第35帧蝴蝶位置
实例1：鸡宝宝过马路 （书本实例）
课 后 作 业
实例2：龟兔赛跑 （拓展实例）
归纳小结
通过制作引导层动画，掌握Flash MX基本 动画制作的操作方法，培养Flash MX软件 的综合应用的相关经验。
学会利用辅助学习软件自主探究的学习方 法，并能够互相学习，取长补短。
(4)单击工具箱上的“填充变形”工具按钮 ，调整矩形中的 渐变色为上蓝下白。
(5)选择“文件”→“导入”菜单命令导入素材中的 “huaer.swf”文件。 (6)移动“花儿”图象，调整位置，使之位于影片中心。 (7)单击“背景”层的第 35 帧，按 F5 键插入一个帧，将帧 扩展到第 35 帧处。 (8)锁定背景层。
形状补间动画(Shape) 可以设置对象的形状
变化。前提是此对象为 分离状态。(Break Apart)
Flash的引导层动画
Flash提供了一种简便方法来实现对象沿着复杂路 径移动的效果，这就是引导层。带引导层的动画又叫轨 迹动画。
引导层可以实现如树叶飘落，小鸟飞翔， 蝴蝶飞舞，星体运动，激光写字等效果的制 作。
制作影片背景层
为了使制作出的 Flash MX 动画生动活泼，我们 通常要对影片设计一个好的背景，利用渐变色作 为背景是最常见的方法之一。背景效果入图：
操作步骤
(1)启动 Flash MX，新建一个文件，将影片大小设置为宽： 300px，高：400px，背景色设置为白色，帧频为 12fps。
(2)双击层的名称，将层的名称改为“背景”。 (3)从工具箱中选择矩形工具 ，打开“混色器”面板将填充颜 色设置为线性天蓝色到白色渐变，如图所示。然后在场景中绘制 一个与影片尺寸等大的矩形。
Flash的引导层动画
授课年段：初二 授课教师：王梅婷
学习目标
了解引导层动画的基本功能 熟练掌握绘制引导层动画的基本方法
复习导入： Flash动画分类
逐帧动画
补间动画
动作补间动画(motion) 可以设置对象的大小、
位置、旋转、倾斜、颜色 、透明度等等。但前提是此 对象为一个独立的元件 (Symbol)或一个(Group)。
形状各异的引导线
引导层动画制作方法
-1）在普通层中创建一个对象。
– 2）单击 按钮，在普通层上层新建一个引导层，普 通层自动变为被引导层。
– 3）在引导层中绘制一条路径，然后将引导层中的路径 沿用到某一帧。
– 4）在被引导层中将对象的中心控制点移动到路径的起 点。
– 5）在被引导层的某一帧插入关键帧，并将对象移动到 引导层中路径的终点。
(5)在蝴蝶层的帧编辑区上，单 击鼠标右键，在弹出的菜单选择 “创建补间动画”命令，帧编辑 区上出现浅蓝色背景箭头，建立 蝴蝶从左端移动到右端的曲线运 动动画。
，指向元件的中
点,拖动对象吸附到引导线的起点和终点。 4、要使对象沿着路径旋转，需在被引导层的起始帧属性中，
设置“调整到路径”。
5、按Enter键播放动画，或按Ctrl+Enter键测试影片。
多层引导动画
多层引导动画，就是利用一个引导层同时引 导多个被引导层中的对象。
一般情况下，创建引导层后，引导层只与其下的 一个图层建立链接关系。如果要使引导层能够 引导多个图层，可以将图层拖移到引导层下方， 或通过更改图层属性的方法添加需要被引导的 图层。
制作影片蝴蝶组件
蝴蝶是本动画实例的主角，下面我们就来制 作位于被引导层的蝴蝶组件。蝴蝶组件如图：
操作步骤
(1)在选中背景层，插入一个新的图层，并将图层的 名称改为“蝴蝶”。
(2)选择“文件”→“导入”菜单命令导入本书第四 章素材中的“hudie.swf”矢量图文件。
(3)选择“蝴蝶”图案，选择“插入”→“转换为元 件”命令，将蝴蝶矢量图转化为图形元件。
蝴蝶层：蝴蝶矢量图所在图层，用于固定 蝴蝶起始和终了位置。
引导层：在此图层绘制引导线，制作引导 动画。
根据构思，制作背景。 确定所需素材，并将素材导入到库中。 添加引导层并制作引导层动画。
制作时应注意的问题
色彩搭配和谐； 素材正确导入到库中； 正确应用引导层； 蝴蝶组件能正确沿引导线运动；
为一个引导层成功创建多个被引导层后，多层引 导动画即创建完成。
任务——制作“蝶恋花”引导层动画实 例
蝴蝶围绕着花儿飞动，营造蝶恋花效果。 简单引导层动画，在2课时内完成 提供素材：图片信息（蝴蝶、花儿矢量图） 力求做出动感，比例合适。
实例构成及设计思路
背景层：制作线形天蓝色到白色渐变背景， 将花儿矢量图作为背景层一部分。
一、引导层
1、内容：只放置绘制的运动路径。（引导线） 2、作用：使对象沿着绘制的运动路径（引导线）运动 3、图标：在引导层下方的图层称为“被引导层”,被引 导
层会比其它图层往里缩进一些。
引导层的创建方法
创建引导层的常用方法有： 用 按钮创建 用菜单命令创建 将普通图层转换为引导层三种方式。
制作运动引导层
引导层的目的是引导蝴蝶元件沿着引导层上的 曲线路径运动，引导层上的曲线决定着蝴蝶的运 动路线。绘制出引导线如图所示：
操作步骤
(1)在选中蝴蝶层，右键单击图层名，选择弹出的菜单中的“添 加引导层”命令，在蝴蝶层上方添加一引导层，将引导层名称改 为“引导层”。
(2)单击常用工具栏的“铅笔”工具，并将常用工具栏下方的选 项按钮设置为“平滑”。
知识要点
掌握创建引导层的方法 掌握引导线的绘制方法 掌握将对象吸附到引导线起点和终点的方法 能通过模仿完成引导线动画实例的制作
Flash的引导层动画
轨迹动画由引导层和被引导层组成， 引导层用于放置对象运动的路径，被引 导层用于放置运动的对象。制作引导动 画的过程实际就是对引导层和被引导层 的编辑过程。
(3)利用铅笔工具围绕着花儿的上方绘制如图曲线。
(4)单击引导层的第 35 帧，按 F5 键插 入一个帧，将帧扩展到第 35 帧处。
(5)锁定引导层
制作曲线运动效果
制作好蝴蝶层与引导层，下一步是让蝴蝶沿着 引导层做曲线运动，做出蝴蝶围绕着花儿飞翔的 效果。
操作步骤
(1)选中蝴蝶层，单击引导层的第 1 帧。拖动蝴蝶元件，将蝴蝶元件的中心 点与运动引导层的曲线起点对齐，如图 3.59 所示。
二、引导线
1、引导线不能是封闭的曲线，要有起点和终点 2、起点和终点之间的线条必须是连续的，不能间断，可以是
任何形状 3、引导线转折处的线条弯转不宜过急、过多，否则Flash无
法准确判定对象的运动路径 4、被引导对象必须准确吸附到引导线上，也就是元件编辑区
中心必须位于引导线上，否则被引导对象将无法沿引导路径运 动 5、引导线在最终生成动画时是不可见的
– 6）在被引导层的两个关键帧之间创建动作补间动画， 引导动画制作完成。
引导层动画的制作要点
1、一般将要移动的对象单独放在一个层，作为被引导层， 在此层上面添加引导层。引导层一定要在被引导层的上方。
2、引导层中只绘制运动路径，在被引导层中设置动作补间 动画。
3、启用“紧贴至对象”工具 心
(6)保存动画，按 Ctrl+Enter 键，预览动画效果。
第1帧蝴蝶位置
Fra Baidu bibliotek
第35帧蝴蝶位置
实例1：鸡宝宝过马路 （书本实例）
课 后 作 业
实例2：龟兔赛跑 （拓展实例）
归纳小结
通过制作引导层动画，掌握Flash MX基本 动画制作的操作方法，培养Flash MX软件 的综合应用的相关经验。
学会利用辅助学习软件自主探究的学习方 法，并能够互相学习，取长补短。
(4)单击工具箱上的“填充变形”工具按钮 ，调整矩形中的 渐变色为上蓝下白。
(5)选择“文件”→“导入”菜单命令导入素材中的 “huaer.swf”文件。 (6)移动“花儿”图象，调整位置，使之位于影片中心。 (7)单击“背景”层的第 35 帧，按 F5 键插入一个帧，将帧 扩展到第 35 帧处。 (8)锁定背景层。
形状补间动画(Shape) 可以设置对象的形状
变化。前提是此对象为 分离状态。(Break Apart)
Flash的引导层动画
Flash提供了一种简便方法来实现对象沿着复杂路 径移动的效果，这就是引导层。带引导层的动画又叫轨 迹动画。
引导层可以实现如树叶飘落，小鸟飞翔， 蝴蝶飞舞，星体运动，激光写字等效果的制 作。
制作影片背景层
为了使制作出的 Flash MX 动画生动活泼，我们 通常要对影片设计一个好的背景，利用渐变色作 为背景是最常见的方法之一。背景效果入图：
操作步骤
(1)启动 Flash MX，新建一个文件，将影片大小设置为宽： 300px，高：400px，背景色设置为白色，帧频为 12fps。
(2)双击层的名称，将层的名称改为“背景”。 (3)从工具箱中选择矩形工具 ，打开“混色器”面板将填充颜 色设置为线性天蓝色到白色渐变，如图所示。然后在场景中绘制 一个与影片尺寸等大的矩形。
Flash的引导层动画
授课年段：初二 授课教师：王梅婷
学习目标
了解引导层动画的基本功能 熟练掌握绘制引导层动画的基本方法
复习导入： Flash动画分类
逐帧动画
补间动画
动作补间动画(motion) 可以设置对象的大小、
位置、旋转、倾斜、颜色 、透明度等等。但前提是此 对象为一个独立的元件 (Symbol)或一个(Group)。
形状各异的引导线
引导层动画制作方法
-1）在普通层中创建一个对象。
– 2）单击 按钮，在普通层上层新建一个引导层，普 通层自动变为被引导层。
– 3）在引导层中绘制一条路径，然后将引导层中的路径 沿用到某一帧。
– 4）在被引导层中将对象的中心控制点移动到路径的起 点。
– 5）在被引导层的某一帧插入关键帧，并将对象移动到 引导层中路径的终点。