Flash的引导层动画-制作课件
合集下载
《小鸟飞翔——Flash“引导层”动画》课件
第4章 动画、视频与虚拟现实
第一节 动画采集与制作
高二信息技术 信息技术选修2
多媒体技术应用
哪一个动画更形象,你知道怎么做出来吗 ?
第2单元 动感十足
动画1
动画2
第9课 蝴蝶飞舞——“引导层”动画
动画2源文件比动画1源文件多了什么?
图层
动画1源文件
第2单元 动感十足
曲线
动画2源文件
第9课 蝴蝶飞舞——“引导层”动画
《落叶与蝶舞》示例动画
第2单元 动感十足
动画源文件
第9课 蝴蝶飞舞——“引导层”动画
第4章 动画、视频与虚拟现实
第1节 动画的采集与制作
高一高二年级用 信息技术选修2
多媒体技术应用
第9课 蝴蝶飞舞——“引导层”动画
引导层动画由引导层和被引导层 组成;
引导层:只放置绘制的运动路径。 (引导线)
被引导层:在引导层下方,比其 他图层往里缩进一些。
作用是使对象沿着绘制的运动路 径(引导线)运动。
第2单元 动感十足
第9课 蝴蝶飞舞——“引导层”动画
用“引导层”动画让小鸟自由飞翔
《小鸟飞翔》动画
第2单元 动感十足
动画源文件
第9课 蝴蝶飞舞——“引导层”动画
第2单元 动感十足
下面动画中小鸟没有沿路径飞翔的原因可能是?
原因1:路径(引导线)未放置在引导 层;
原因2:引导线不是连续的,中间某处 断裂;
原因3:运动对象(小鸟)的第一帧和 最后一帧未吸附在引导线上。
第9课 蝴蝶飞舞——“引导”动画
第2单元 动感十足
第9课 蝴蝶飞舞——“引导层”动画
引导层动画由引导层和被引导层组成,作用 是使对象沿着绘制的运动路径(引导线)运 引导层与被引导层一一对应 动。
第一节 动画采集与制作
高二信息技术 信息技术选修2
多媒体技术应用
哪一个动画更形象,你知道怎么做出来吗 ?
第2单元 动感十足
动画1
动画2
第9课 蝴蝶飞舞——“引导层”动画
动画2源文件比动画1源文件多了什么?
图层
动画1源文件
第2单元 动感十足
曲线
动画2源文件
第9课 蝴蝶飞舞——“引导层”动画
《落叶与蝶舞》示例动画
第2单元 动感十足
动画源文件
第9课 蝴蝶飞舞——“引导层”动画
第4章 动画、视频与虚拟现实
第1节 动画的采集与制作
高一高二年级用 信息技术选修2
多媒体技术应用
第9课 蝴蝶飞舞——“引导层”动画
引导层动画由引导层和被引导层 组成;
引导层:只放置绘制的运动路径。 (引导线)
被引导层:在引导层下方,比其 他图层往里缩进一些。
作用是使对象沿着绘制的运动路 径(引导线)运动。
第2单元 动感十足
第9课 蝴蝶飞舞——“引导层”动画
用“引导层”动画让小鸟自由飞翔
《小鸟飞翔》动画
第2单元 动感十足
动画源文件
第9课 蝴蝶飞舞——“引导层”动画
第2单元 动感十足
下面动画中小鸟没有沿路径飞翔的原因可能是?
原因1:路径(引导线)未放置在引导 层;
原因2:引导线不是连续的,中间某处 断裂;
原因3:运动对象(小鸟)的第一帧和 最后一帧未吸附在引导线上。
第9课 蝴蝶飞舞——“引导”动画
第2单元 动感十足
第9课 蝴蝶飞舞——“引导层”动画
引导层动画由引导层和被引导层组成,作用 是使对象沿着绘制的运动路径(引导线)运 引导层与被引导层一一对应 动。
Flash的引导层动画
形状各异旳引导线
引导层动画制作措施
1)在一般层中创建一种对象(注意:对象必须是元
件,或组合旳图形)。
2)单击
按钮,在一般层上层新建一种引导层
,一般层自动变为被引导层。
3)在引导层中绘制一条途径,然后将引导层中旳途
径延续到某一帧(插入一般帧,或按F5)。
4)在被引导层旳第一帧,将象旳中心点移动到引
引导层中只绘制运动途径,在被引导层中设置 动作补间动画。
启用“紧贴至对象”工具
,指向元
件旳中心点,拖动对象吸附到引导线旳起点和
终点。
要使对象沿着途径旋转,需在被引导层旳起始 帧属性中,设置“调整到途径”。
多层引导动画
多层引导动画,就是利用一种引导层同步引 导多种被引导层中旳对象。
一般情况下,创建引导层后,引导层只与其下 旳一种图层建立链接关系。假如要使引导层 能够引导多种图层,能够将图层拖移到引导 层下方,或经过更改图层属性旳措施添加需 要被引导旳图层。
引导层旳创建措施
用
按钮创建
用菜单命令创建
将一般图层转换为引导层
二、引导线
1、引导线不能是封闭旳曲线,要有起点和终点 2、起点和终点之间旳线条必须是连续旳,不能间
断,能够是任何形状 3、被引导对象必须精确吸附到引导线上,也就是
对象中心点必须位于引导线上(按“Ctrl+加号” 将对象放大),不然被引导对象将无法沿引导 途径运动 4、引导线在最终身成动画时是不可见旳
Flash旳引导层动画
Flash旳引导层动画
轨迹动画由引导层和被引导层构成 ,引导层用于放置对象运动旳途径, 被引导层用于放置运动旳对象。
一、引导层
1、只放置绘制旳运动途径(引导线)。 2、作用是使对象沿着引导线运动。 3、在引导层下方旳图层称为“被引导层”,被引导 层会比其他图层往里缩进某些。
flash课件_第11课 制作引导动画和遮罩动画
图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
为了便于确定“百 叶窗”元件的位置,可 以将所有的图层以线框 模式显示,以免图片阻 碍视线。在后面的操作 中也可以继续采用线框
flash中的引导动画
#
制作 FLASH 引导动画
讲课人:张冉冉
#
一、引导动画的制作过程:
1、创建引导层
引导层 被引导层
2、在引导层中绘制引导线作为路径 3、让被引导层上的元件沿路径运动
#
二、引导动画的分类:
非封闭路径的引导动画
任务1:制作蝴蝶飞舞的引导动画
封闭路径的引导动画
#
三、绘制引导线需注意:
1、引导线的转折不宜过多,且转弯 不宜过急 2、引导线应从头到尾连续贯穿,线条 不能出现中断现象
#
五、上机作业:
利用老师所给的素材,在机房完成 蝴蝶飞舞、小鱼在水中游、落叶、 地球绕太阳转动的 FLASH 动画。
#
a 引导线转折过急
b 引导线出端点 靠近时,控制点会被吸附到引导线的端点 上,两者如不能重合,将无法创建引导动画。
引 导 线
#
非封闭运动的引导动画
任务2:制作小鱼在水中游动的引导动画 任务3:制作落叶的引导动画
#
封闭运动的引导动画
终点 起点
技巧:将封闭运动的引导线打开一个缺口
#
任务4:制作地球绕太阳旋转的引导动画
#
引导动画的“属性”面板:
“调整到路径”:使元件的基线自动调整到运动路径 “贴紧”复选框:元件的注册点将会与运动路径对齐
#
在星球运动中如果有宇宙飞船从太空中 穿过,我们该怎样对动画进行处理?
#
四、课堂小结:
创建引导层 创建引导线
制作引导动画
引导动画的分类 非封闭路径的引导动画 封闭路径的引导动画
制作 FLASH 引导动画
讲课人:张冉冉
#
一、引导动画的制作过程:
1、创建引导层
引导层 被引导层
2、在引导层中绘制引导线作为路径 3、让被引导层上的元件沿路径运动
#
二、引导动画的分类:
非封闭路径的引导动画
任务1:制作蝴蝶飞舞的引导动画
封闭路径的引导动画
#
三、绘制引导线需注意:
1、引导线的转折不宜过多,且转弯 不宜过急 2、引导线应从头到尾连续贯穿,线条 不能出现中断现象
#
五、上机作业:
利用老师所给的素材,在机房完成 蝴蝶飞舞、小鱼在水中游、落叶、 地球绕太阳转动的 FLASH 动画。
#
a 引导线转折过急
b 引导线出端点 靠近时,控制点会被吸附到引导线的端点 上,两者如不能重合,将无法创建引导动画。
引 导 线
#
非封闭运动的引导动画
任务2:制作小鱼在水中游动的引导动画 任务3:制作落叶的引导动画
#
封闭运动的引导动画
终点 起点
技巧:将封闭运动的引导线打开一个缺口
#
任务4:制作地球绕太阳旋转的引导动画
#
引导动画的“属性”面板:
“调整到路径”:使元件的基线自动调整到运动路径 “贴紧”复选框:元件的注册点将会与运动路径对齐
#
在星球运动中如果有宇宙飞船从太空中 穿过,我们该怎样对动画进行处理?
#
四、课堂小结:
创建引导层 创建引导线
制作引导动画
引导动画的分类 非封闭路径的引导动画 封闭路径的引导动画
Flash的引导层动画制作PPT专业课件PPT专业课件
变化。前提是此对象为 分离状态。(Break Apart)
Flash的引导层动画
Flash提供了一种简便方法来实现对象沿着复杂路 径移动的效果,这就是引导层。带引导层的动画又叫轨 迹动画。
引导层可以实现如树叶飘落,小鸟飞翔, 蝴蝶飞舞,星体运动,激光写字等效果的制 作。
知识要点
掌握创建引导层的方法 掌握引导线的绘制方法 掌握将对象吸附到引导线起点和终点的方法 能通过模仿完成引导线动画实例的制作
Flash的引导层动画
轨迹动画由引导层和被引导层组成, 引导层用于放置对象运动的路径,被引 导层用于放置运动的对象。制作引导动 画的过程实际就是对引导层和被引导层 的编辑过程。
一、引导层
1、内容:只放置绘制的运动路径。(引导线) 2、作用:使对象沿着绘制的运动路径(引导线)运动 3、图标:在引导层下方的图层称为“被引导层”,被引 导
(3)利用铅笔工具围绕着花儿的上方绘制如图曲线。
(4)单击引导层的第 35 帧,按 F5 键插 入一个帧,将帧扩展到第 35 帧处。
(5)锁定引导层
制作曲线运动效果
制作好蝴蝶层与引导层,下一步是让蝴蝶沿着 引导层做曲线运动,做出蝴蝶围绕着花儿飞翔的 效果。
操作步骤
(1)选中蝴蝶层,单击引导层的第 1 帧。拖动蝴蝶元件,将蝴蝶元件的中心 点与运动引导层的曲线起点对齐,如图 3.59 所示。
(2)在时间线面板上单击蝴蝶层的 35 帧,按 F6 键插入关键帧。 (3)拖动蝴蝶元件,将蝴蝶元件的中心点与运动引导层的曲线终点对齐,如 图 3.60 所示。 (4)这一步操作的目的是确定蝴蝶沿曲线运动的起点和终点。效果如图显示:
(5)在蝴蝶层的帧编辑区上,单 击鼠标右键,在弹出的菜单选择 “创建补间动画”命令,帧编辑 区上出现浅蓝色背景箭头,建立 蝴蝶从左端移动到右端的曲线运 动动画。
Flash的引导层动画
Flash提供了一种简便方法来实现对象沿着复杂路 径移动的效果,这就是引导层。带引导层的动画又叫轨 迹动画。
引导层可以实现如树叶飘落,小鸟飞翔, 蝴蝶飞舞,星体运动,激光写字等效果的制 作。
知识要点
掌握创建引导层的方法 掌握引导线的绘制方法 掌握将对象吸附到引导线起点和终点的方法 能通过模仿完成引导线动画实例的制作
Flash的引导层动画
轨迹动画由引导层和被引导层组成, 引导层用于放置对象运动的路径,被引 导层用于放置运动的对象。制作引导动 画的过程实际就是对引导层和被引导层 的编辑过程。
一、引导层
1、内容:只放置绘制的运动路径。(引导线) 2、作用:使对象沿着绘制的运动路径(引导线)运动 3、图标:在引导层下方的图层称为“被引导层”,被引 导
(3)利用铅笔工具围绕着花儿的上方绘制如图曲线。
(4)单击引导层的第 35 帧,按 F5 键插 入一个帧,将帧扩展到第 35 帧处。
(5)锁定引导层
制作曲线运动效果
制作好蝴蝶层与引导层,下一步是让蝴蝶沿着 引导层做曲线运动,做出蝴蝶围绕着花儿飞翔的 效果。
操作步骤
(1)选中蝴蝶层,单击引导层的第 1 帧。拖动蝴蝶元件,将蝴蝶元件的中心 点与运动引导层的曲线起点对齐,如图 3.59 所示。
(2)在时间线面板上单击蝴蝶层的 35 帧,按 F6 键插入关键帧。 (3)拖动蝴蝶元件,将蝴蝶元件的中心点与运动引导层的曲线终点对齐,如 图 3.60 所示。 (4)这一步操作的目的是确定蝴蝶沿曲线运动的起点和终点。效果如图显示:
(5)在蝴蝶层的帧编辑区上,单 击鼠标右键,在弹出的菜单选择 “创建补间动画”命令,帧编辑 区上出现浅蓝色背景箭头,建立 蝴蝶从左端移动到右端的曲线运 动动画。
Flash引导线动画-课件
操作方法: 选中被引导层的开始帧,用选择工具把运
动对象移到引导线的起点,并且让“运动对象
的圆心对准引导线的起点;再选中结束帧把运 动对象 拉到引导线的终点,圆心对准引导线
的终点。
注意:必须确保小球的圆心要吸附在引 导线的起点和终点上,否则小球不会在引导
圆心对准引导线的端点
线 上运动,只做直线运动。
10
元件;比如:制作“双蝶飞舞”的动画等。 2.需要显示运动路径时,可以增加一个普通层,再把引导层的内容复制到该 层上即可。比如:制作毛笔写字动画等。 3.如果要让对象沿着封闭路径运动,应删除掉封闭路径的一小部分,才能做 出引导效果。比如:沿着圆周运动的小球。 4.选中帧属性面板中的“调整到路径”选项可以使元件沿着引导线自动调整 运动的方向; 5.如果动画不能按指定路径移动,可以在需要的位置插入关键帧来控制它的 位置。 6、如果引导线画错了,可以删除引导层,再重添加一个引导层,画引导线。 7、画好的引导线,如果要修改,可以,利用“选择工具”指向引导线变成曲 线状时,拖动鼠标,改变引导线的形状。 提示:修改引导线,只是引导线中间路线有所变化,两个端点的位置不能改变 。
7
◆制作引导线动画
操作方法: 在时间轴的左边有一个“添加运动引导层”的按钮,单击此按 钮就可以添加引导层。 提醒:“添加引导层”的图标有一条红色曲线,象一个运动轨迹。
添加运动引导层
8
◆制作引导线动画
操作方法: 单击引导层的第1帧,开始 绘制引导线。 线条要连续,有起点和终点, 中间不能断开。
9
◆制作引导线动画
13
◆本课小结
引导层、被引导层、引导线,引导层的添加,引导线的绘制
①创建运动补间动画
②添加引导层 ③绘制引导线 ④运动对象的圆心吸附在引导线的两端
FLASH引导层课件
引导层一般是和补间一块用的,两者相辅相成。
引导层动画由引导层和被引导层组成,引导层用于放置对象运动的路 径,被引导层用于放置运动的对象。制作引导动画的过程实际就是对引导层 和被引导层的编辑过程。
探索新知
形状各异的引导线
讲授学习
FLASH引导层动画制作的一般步骤
①先完成动画补间动画(一般为位置移动) ②在被引导层(动画补间动画图层)上方“添加引导层” ③在引导层中绘制引导线,并设置起始帧和结束帧的动画对象 ④保存后按CTRL+ENTER测试、调整、再保存
应用所学
FLASH引导层动画制作的常见问题
①引导线未在引导层绘制 ②动画对象的中心点没能“贴合”引导线 ③图层的上下层关系错误
拓展延伸
通过今天的学习,我们掌握了引导层结合动 画补间动画可实现对象的一想: 1、你运用今日之所学还可以去实现哪些动画效 果? 2、你是否可以完成一个“引导层”引导多个 “被引导层”的动画?在FLASH中能否实现多层
学生练习
任务:四组动画任选其一
要求:1、完成此动画效果(运动轨迹相对复杂) 2、尝试绘制多样引导线的方法 3、总结制作引导层动画时应注意的问题
经验练习
引导线
❖ 1、引导线在最终生成动画时是否可见?
答案:不可见
❖ 2、引导线的颜色、粗细与动画效果是否有关?
答案:无关
❖ 3、引导线若闭合,动画对象将如何?
答案:选择最短路径做运动
❖ 4、假如闭合引导线内,起点和终点是同一处必须? 答案:留一个小豁口,断开路径
❖ 5、起点和终点之间的线条必须是连续的吗? 答案:是,引导线不能间断
❖ 6 、被引导对象必须准确吸附到引导线上,也就是元件编辑区的____必须位于引
引导层动画由引导层和被引导层组成,引导层用于放置对象运动的路 径,被引导层用于放置运动的对象。制作引导动画的过程实际就是对引导层 和被引导层的编辑过程。
探索新知
形状各异的引导线
讲授学习
FLASH引导层动画制作的一般步骤
①先完成动画补间动画(一般为位置移动) ②在被引导层(动画补间动画图层)上方“添加引导层” ③在引导层中绘制引导线,并设置起始帧和结束帧的动画对象 ④保存后按CTRL+ENTER测试、调整、再保存
应用所学
FLASH引导层动画制作的常见问题
①引导线未在引导层绘制 ②动画对象的中心点没能“贴合”引导线 ③图层的上下层关系错误
拓展延伸
通过今天的学习,我们掌握了引导层结合动 画补间动画可实现对象的一想: 1、你运用今日之所学还可以去实现哪些动画效 果? 2、你是否可以完成一个“引导层”引导多个 “被引导层”的动画?在FLASH中能否实现多层
学生练习
任务:四组动画任选其一
要求:1、完成此动画效果(运动轨迹相对复杂) 2、尝试绘制多样引导线的方法 3、总结制作引导层动画时应注意的问题
经验练习
引导线
❖ 1、引导线在最终生成动画时是否可见?
答案:不可见
❖ 2、引导线的颜色、粗细与动画效果是否有关?
答案:无关
❖ 3、引导线若闭合,动画对象将如何?
答案:选择最短路径做运动
❖ 4、假如闭合引导线内,起点和终点是同一处必须? 答案:留一个小豁口,断开路径
❖ 5、起点和终点之间的线条必须是连续的吗? 答案:是,引导线不能间断
❖ 6 、被引导对象必须准确吸附到引导线上,也就是元件编辑区的____必须位于引
Flash的引导层动画
引导层中只绘制运动路径,在被引导层中设置 动作补间动画。
启用“紧贴至对象”工具
Hale Waihona Puke ,指向元件的中心点,拖动对象吸附到引导线的起点和
终点。
要使对象沿着路径旋转,需在被引导层的起始 帧属性中,设置“调整到路径”。
可编辑ppt
8
多层引导动画
多层引导动画,就是利用一个引导层同时引 导多个被引导层中的对象。
可编辑ppt
3
引导层的创建方法
用
按钮创建
用菜单命令创建
将普通图层转换为引导层
可编辑ppt
4
二、引导线
1、引导线不能是封闭的曲线,要有起点和终点
2、起点和终点之间的线条必须是连续的,不能间 断,可以是任何形状
3、被引导对象必须准确吸附到引导线上,也就是 对象中心点必须位于引导线上(按“Ctrl+加号” 将对象放大),否则被引导对象将无法沿引导 路径运动
一般情况下,创建引导层后,引导层只与其下 的一个图层建立链接关系。如果要使引导层 能够引导多个图层,可以将图层拖移到引导 层下方,或通过更改图层属性的方法添加需 要被引导的图层。
为一个引导层成功创建多个被引导层后,多层 引导动画即创建完成。
可编辑ppt
9
此课件下载可自行编辑修改,此课件供参考! 部分内容来源于网络,如有侵权请与我联系删除!感谢你的观看!
4、引导线在最终生成动画时是不可见的
可编辑ppt
5
形状各异的引导线
可编辑ppt
6
引导层动画制作方法
1)在普通层中创建一个对象(注意:对象必须是元
件,或组合的图形)。
2)单击
按钮,在普通层上层新建一个引导层
,普通层自动变为被引导层。
flash引导层动画说课课件
教
学 重 难 点
• 重点:引导层及引导线的作 用,使用引导层创建任意轨 迹运动动画的方法。 • 难点:运用引导层,制作曲 线运动动画 ;运动对象与 引导线的吸附操作。
教
法
• 信息技术课是以培养学生的信息素 养为宗旨,培养学生获取信息、处 理信息、运用信息的能力,强调学 生的自主学习和探究学习。为实现 教学目标,我用“创设情境法”、 “任务驱动法”的教学方法,以学 生感兴趣的动画引入,层层深入、 互动交流,通过学生观察、动手操 作,引导学生逐步掌握制作引导层 动画的方法,给学生创设自主探索、 合作交流、独立获取知识的时间和 空间,让他们经历知识形成过程, 让不同的学生在信息技术课堂上得 到不同的发展,使他们都能获得学 习的兴趣和热情。
学 法
• 苏霍姆林斯基认为“教给学生学习方法比教给学生知识更 重要。”新课程改革倡导积极主动、勇于探索的学习方式, 把学习的主动权还给学生,培养学生乐于探究、勤于动手 的学习习惯。因此本节课主要采用自主、合作、探究的学 习方法,让学生带着一个个任务通过课堂讨论、相互合作、 实际操作等方式,在自主、合作、探究中完成教学任务, 同时在不知不觉中实现知识的传递、迁移和融合。逐步养 成合作交流的习惯,形成勇于探索的意识。
教 学 手 段
利用多媒体计算机使用 Powerpoint Flash 进行教 学
教学程序
创设情境
苏霍姆林斯基说过:“在人的心灵深处都有 一种根深蒂固的需要,就是希望自己是发现者、 研究者、探索者。”可见学生的创造性思维, 只有在积极主动的学习过程中才能得到最好的 设计意图是激发学生 制作动画的强烈欲望。 发展,因此,我采用蝴蝶飞舞动画作为导入, 使学生积极投入创造 指出画面中那翩翩飞舞的蝴蝶,它的运动与小 性的学习中 船行驶运动有所不同,是沿任意路径运动的, 从而引出课题——引导层的使用
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
2021/2/4
1
4
知识要点
掌握创建引导层的方法 掌握引导线的绘制方法 掌握将对象吸附到引导线起点和终点的方法 能通过模仿完成引导线动画实例的制作
2021/2/4
1
5
Flash的引导层动画
轨迹动画由引导层和被引导层组成, 引导层用于放置对象运动的路径,被引 导层用于放置运动的对象。制作引导动 画的过程实际就是对引导层和被引导层 的编辑过程。
蝴蝶围绕着花儿飞动,营造蝶恋花效果。 简单引导层动画,在2课时内完成 提供素材:图片信息(蝴蝶、花儿矢量图 力求做出动感,比例合适。
2021/2/4
1
14
实例构成及设计思路
背景层:制作线形天蓝色到白色渐变背景, 将花儿矢量图作为背景层一部分。
蝴蝶层:蝴蝶矢量图所在图层,用于固定 蝴蝶起始和终了位置。
形状补间动画(Shape) 可以设置对象的形状
变化。前提是此对象为 分离状态。(Break Apart)
2021/2/4
1
3
Flash的引导层动画
Flash提供了一种简便方法来实现对象沿着复杂路径 移动的效果,这就是引导层。带引导层的动画又叫轨迹 动画。
引导层可以实现如树叶飘落,小鸟飞翔, 蝴蝶飞舞,星体运动,激光写字等效果的制 作。
Flash的引导层动画-制作课件
学习目标
了解引导层动画的基本功能 熟练掌握绘制引导层动画的基本方法
2021/2/4
1
2
复习导入: Flash动画分类
逐帧动画
补间动画
动作补间动画(motion) 可以设置对象的大小、
位置、旋转、倾斜、颜色 、透明度等等。但前提是此 对象为一个独立的元件 (Symbol)或一个(Group)。
(8)锁定背景层。
2021/2/4
1
19
制作影片蝴蝶组件
蝴蝶是本动画实例的主角,下面我们就来制 作位于被引导层的蝴蝶组件。蝴蝶组件如图:
2021/2/4
1
20
操作步骤
(1)在选中背景层,插入一个新的图层,并将图层 名称改为“蝴蝶”。
(2)选择“文件”→“导入”菜单命令导入本书第 章素材中的“hudie.swf”矢量图文件。
引导层:在此图层绘制引导线,制作引导 动画。
根据构思,制作背景。 确定所需素材,并将素材导入到库中。 添加引导层并制作引导层动画。
2021/2/4
1
15
制作时应注意的问题
色彩搭配和谐; 素材正确导入到库中; 正确应用引导层; 蝴蝶组件能正确沿引导线运动;
2021/2/4
1
16
制作影片背景层
2021/2/4
1
9
形状各异的引导线
2021/2/4
1
10
引导层动画制作方法
-1)在普通层中创建一个对象。
– 2)单击 按钮,在普通层上层新建一个引导层,普 通层自动变为被引导层。
– 3)在引导层中绘制一条路径,然后将引导层中的路径 沿用到某一帧。
– 4)在被引导层中将对象的中心控制点移动到路径的起 点。
2021/2/4
1
8
二、引导线
1、引导线不能是封闭的曲线,要有起点和终点 2、起点和终点之间的线条必须是连续的,不能间断,可以
任何形状 3、引导线转折处的线条弯转不宜过急、过多,否则Flash
法准确判定对象的运动路径 4、被引导对象必须准确吸附到引导线上,也就是元件编辑
中心必须位于引导线上,否则被引导对象将无法沿引导路 动 5、引导线在最终生成动画时是不可见的
2021/2/4
1
6
一、引导层
1、内容:只放置绘制的运动路径。(引导线) 2、作用:使对象沿着绘制的运动路径(引导线)运 3、图标:在引导层下方的图层称为“被引导层”,被 导
层会比其它图层往里缩进一些。
2021/2/4
1
7
引导层的创建方法
创建引导层的常用方法有: 用 按钮创建 用菜单命令创建 将普通图层转换为引导层三种方式。
2021/2/4
1
18
(4)单击工具箱上的“填充变形”工具按钮 ,调整矩形中的 渐变色为上蓝下白。
(5)选择“文件”→“导入”菜单命令导入素材中的 “huaer.swf”文件。
(6)移动“花儿”图象,调整位置,使之位于影片中心。
(7)单击“背景”层的第 35 帧,按 F5 键插入一个帧,将帧 扩展到第 35 帧处。
一般情况下,创建引导层后,引导层只与其下的 一个图层建立链接关系。如果要使引导层能够 引导多个图层,可以将图层拖移到引导层下方 或通过更改图层属性的方法添加需要被引导的 图层。
为一个引导层成功创建多个被引导层后,多层引 导动画即创建完成。
2021/2/4
1
13
任务——制作“蝶恋花”引导层动画实 例
为了使制作出的 Flash MX 动画生动活泼,我们 通常要对影片设计一个好的背景,利用渐变色作 为背景是最常见的方法之一。背景效果入图:
2021/2/4
1
17
操作步骤
(1)启动 Flash MX,新建一个文件,将影片大小设置为 300px,高:400px,背景色设置为白色,帧频为 12fps。
(2)双击层的名称,将层的名称改为“背景”。 (3)从工具箱中选择矩形工具 ,打开“混色器”面板将填充 色设置为线性天蓝色到白色渐变,如图所示。然后在场景中绘 一个与影片尺寸等大的矩形。
– 5)在被引导层的某一帧插入关键帧,并将对象移动到 引导层中路径的终点。
– 6)在被引导层的两个关键帧之间创建动作补间动画, 引导动画制作完成。
2021/2/4
1
11
引导层动画的制作要点
1、一般将要移动的对象单独放在一个层,作为被引导层 在此层上面添加引导层。引导层一定要在被引导层的上方
2、引导层中只绘制运动路径,在被引导层中设置动作补 动画。
3、启用“紧贴至对象”工具 心
,指向元件的中
点,拖动对象吸附到引导线的起点和终点。
4、要使对象沿着路径旋转,需在被引导层的起始帧属性 设置“调整到路径”。
5、按Enter键播放动画,或按Ctrl+Enter键测试影片。
2021/2/4
1
12
多层引导动画
多层引导动画,就是利用一个引导层同时引导 多个被引导层中的对象。
(3)选择“蝴蝶”图案,选择“插入”→“转换为元 件”命令,将蝴蝶矢量图转化为图形元件。
2021/2/4
1
21
Байду номын сангаас
制作运动引导层
引导层的目的是引导蝴蝶元件沿着引导层上的 曲线路径运动,引导层上的曲线决定着蝴蝶的运 动路线。绘制出引导线如图所示: