Flash的引导层动画_制作(课堂PPT)
合集下载
Flash详细教程完整版ppt课件

掌握如何使用ActionScript为按 钮添加事件处理程序,以便在用
户点击按钮时执行特定操作。
动态按钮设计
了解如何根据用户交互或其他条 件动态更改按钮的外观和行为。
交互式动画实例分析
基础动画实例
分析简单的交互式动画实例,如鼠标悬停效果、拖拽效果等。
高级动画实例
探讨更复杂的交互式动画实例,如游戏、数据可视化等。
添加视频效果
如滤镜、转场、画中画等。
同步音频和视频
可实现音频和视频的精确同步,确保播放效果流 畅自然。
多媒体元素同步处理技术
时间轴同步
01
通过时间轴控制音频和视频的播放进度,实现精确同步。
脚本控制同步
02
使用ActionScript脚本语言编写代码,实现更复杂的同步控制逻
辑。
外部媒体同步
03
支持与外部媒体文件(如字幕文件)的同步,提供更丰富的多
将模板中的元素替换为自己的内容,如替换 图片、文本等。
调整布局
根据需要调整元素的位置和大小,使整体布 局更加合理。
修改样式
通过修改元素的样式属性,如颜色、字体、 透明度等,实现个性化定制。
自定义组件开发流程
创建组件
使用Flash的绘图工具创建组 件的图形界面。
封装组件
将创建好的组件封装成一个独 立的库文件,方便在其他项目 中重复使用。
添加过渡效果
在两个关键帧之间添加过渡效果,使动画更 加流畅自然。
补间动画制作方法
创建起始和结束关键帧
在时间轴上创建起始和结束关键帧, 并分别设置它们的属性。
选择补间类型
根据动画需求选择合适的补间类型, 如形状补间或动画补间。
创建补间动画
在起始和结束关键帧之间创建补间动 画,Flash会自动计算并生成中间帧 。
户点击按钮时执行特定操作。
动态按钮设计
了解如何根据用户交互或其他条 件动态更改按钮的外观和行为。
交互式动画实例分析
基础动画实例
分析简单的交互式动画实例,如鼠标悬停效果、拖拽效果等。
高级动画实例
探讨更复杂的交互式动画实例,如游戏、数据可视化等。
添加视频效果
如滤镜、转场、画中画等。
同步音频和视频
可实现音频和视频的精确同步,确保播放效果流 畅自然。
多媒体元素同步处理技术
时间轴同步
01
通过时间轴控制音频和视频的播放进度,实现精确同步。
脚本控制同步
02
使用ActionScript脚本语言编写代码,实现更复杂的同步控制逻
辑。
外部媒体同步
03
支持与外部媒体文件(如字幕文件)的同步,提供更丰富的多
将模板中的元素替换为自己的内容,如替换 图片、文本等。
调整布局
根据需要调整元素的位置和大小,使整体布 局更加合理。
修改样式
通过修改元素的样式属性,如颜色、字体、 透明度等,实现个性化定制。
自定义组件开发流程
创建组件
使用Flash的绘图工具创建组 件的图形界面。
封装组件
将创建好的组件封装成一个独 立的库文件,方便在其他项目 中重复使用。
添加过渡效果
在两个关键帧之间添加过渡效果,使动画更 加流畅自然。
补间动画制作方法
创建起始和结束关键帧
在时间轴上创建起始和结束关键帧, 并分别设置它们的属性。
选择补间类型
根据动画需求选择合适的补间类型, 如形状补间或动画补间。
创建补间动画
在起始和结束关键帧之间创建补间动 画,Flash会自动计算并生成中间帧 。
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)在被引导层的两个关键帧之间创建补 间动画,引导动画制作完成。
另:如果想看到引导线的话,需要添加一图层, 在引导层第一帧点击“复制帧”,在新添加的 图层第一帧点击“粘贴帧”,然后再双击新图 层把它改为“一般”图层即可。
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详细教程完整版PPT课件

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

第九讲: 第九讲:动画制作
--引导动画 --引导动画Байду номын сангаас
tcy@
一.Flash中的引导动画 中的引导动画
1,概要 在做动画的过程中,我们可以控制动画运动的 路径,这个路径需要通过运动引导层来实现,这 样就形成了引导动画.
2.Flash中的引导动画的基本操作 . 中的引导动画的基本操作 运动引导层的添加:(两种方法)
下节课内容
(讲解 遮罩动画) 课后预习
�
●点击时间轴左下方的按钮,直接新建一个运动引导层
●在时间轴上选择一个图层,点击右键,在快捷菜单 中选择"引导层";再选择下面一个图层,点击右键 选择"属性",进入图层属性面板,选择其中的"被 引导层"
被引导层的操作: 被引导层的操作: 在被引导层中,如果其中的对象是矢量图形, 那么可做如下两种处理: ●选择对象->修改/组合 ●选择对象->修改/转换成元件
3,引导动画制作要点 ,
(1)至少包含两个图层,引导层和被引导层 (2)引导层和被引导层的关系是一对多的关系 (3)被引导的对象必须是一个整体或元件 (4) 如果想让对象作圆周运动,可以在"引导层"画个圆 形线条,再用橡皮擦去一小段,使圆形线段出现2个端点, 再把对象的起始,终点分别对准端点即可.
--引导动画 --引导动画Байду номын сангаас
tcy@
一.Flash中的引导动画 中的引导动画
1,概要 在做动画的过程中,我们可以控制动画运动的 路径,这个路径需要通过运动引导层来实现,这 样就形成了引导动画.
2.Flash中的引导动画的基本操作 . 中的引导动画的基本操作 运动引导层的添加:(两种方法)
下节课内容
(讲解 遮罩动画) 课后预习
�
●点击时间轴左下方的按钮,直接新建一个运动引导层
●在时间轴上选择一个图层,点击右键,在快捷菜单 中选择"引导层";再选择下面一个图层,点击右键 选择"属性",进入图层属性面板,选择其中的"被 引导层"
被引导层的操作: 被引导层的操作: 在被引导层中,如果其中的对象是矢量图形, 那么可做如下两种处理: ●选择对象->修改/组合 ●选择对象->修改/转换成元件
3,引导动画制作要点 ,
(1)至少包含两个图层,引导层和被引导层 (2)引导层和被引导层的关系是一对多的关系 (3)被引导的对象必须是一个整体或元件 (4) 如果想让对象作圆周运动,可以在"引导层"画个圆 形线条,再用橡皮擦去一小段,使圆形线段出现2个端点, 再把对象的起始,终点分别对准端点即可.
第6课+引导动画+课件1

层会比其它图层往里缩进一些。
被引导层
应用所学
FLASH引导层动画制作的常见问题
①引导线未在引导层绘制 ②动画对象未能”贴合“引导线 ③图层的上下层关系错误
小结
1 引导线动画是在简பைடு நூலகம்移动渐变动画基础上完成的。 引导层动画由两个图层组成,上一层为引导层,下一层
2 为被引导层,两个层之间存在缩进关系。 3 引导层中轨迹必须有起点和终点。 4 引导线是一种功能线,在SWF文件中是看不到引导线的。
Flash引导动 画
教学内容
了解引导动画的基本原理。 掌握制作引导动画的基本方法。
讲授学习
引导层动画(轨迹动画)
Flash提供了一种简便方法来实现对象沿着复杂路径移动的 效果,这就是引导层。
带引导层的动画称作引导层动画,又叫轨迹动画。 引导层动画由引导层和被引导层组成,引导层用于放置对 象运动的路径,被引导层用于放置运动的对象。制作引导动画 的过程实际就是对引导层和被引导层的编辑过程。
讲授学习
FLASH引导层动画制作的一般步骤
①制作运动对象。 ②在被引导层(动画补间动画图层)上方“添加引导层” ③在引导层中绘制引导线,并设置起始帧和结束帧的动画对象
④先完成动画补间动画(一般为位置移动) ⑤保存后按CTRL+ENTER测试、调整、再保存
讲授学习
引导层
1、内容: 只放置绘制的运动路径。(引导线) 2、作用: 使对象沿着绘制的运动路径(引导线)运动 3、图标: 在引导层下方的图层称为“被引导层”,被引导
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引导动画教学课件

任务四
小 实 结 训
实 训 运用引导动画知识完成作品设计
动手操作 参考实例,动手设计一个引导动画
制作引导动画
任务一 任务二 任务三
要求:运用所学的引导动画知识自主设计一 个引导动画。鼓励有自己的创意,也可以在
任务四
小 实 结 训
案例的基础上进行再设计。
总 结 运用引导动画知识完成作品设计
制作引导动画
任务一 任务二 任务三
任务四
小 实 结 训
引导层是Flash中特殊的图层。使用引导层可以创建 出很多有趣的引导动画。
任务二 制作案例1——直线游动的鱼
动手操作 运用上一课的补间动画知识完成案例1
制作引导动画
素材准备:
任务一 任务二 任务三
制作要点:
1.制作背景图层,插入背景图像; 2.制作鱼图层,添加鱼素材;
任务四
小 实 结 训
3.鱼图层关键帧的处理;
4.创建补间动画。
任务三 制作案例2——曲线游动的鱼
动手操作 根据视频讲解步骤完成案例2
制作引导动画
任务一 任务二 任 制作案例3——海底世界
动手操作 根据视频讲解步骤完成案例3
制作引导动画
任务一 任务二 任务三
任务四
小 实 结 训
新课导入 指出两个案例的差别
案例1
制作引导动画
任务一 任务二 任务三
任务四
小 实 结 训
案例2
引导动画实例展示
制作引导动画
任务一 任务二 任务三
任务四
小 实 结 训
任务一 认识引导动画
制作引导动画
引导动画是指对象沿着指定轨迹(引导线)运动的 动画。
一个引导动画至少需要两个图层——上面的图层是 引导层,下面的图层是被引导层。
Flash的引导层动画

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