Flash引导动画制作-说课稿.ppt
《flash教案》课件
《Flash教案》PPT课件第一章：Flash基础知识1.1 Flash概述介绍Flash的发展历程和应用领域讲解Flash的特点和优势1.2 Flash基本操作界面布局和功能介绍创建和保存Flash文件舞台和工作区的设置第二章：Flash绘图工具2.1 线条和几何图形讲解线条的绘制和属性设置介绍几何图形的创建和编辑方法2.2 填充颜色和渐变讲解颜色选择器的使用介绍填充工具和渐变效果的创建第三章：Flash动画制作3.1 动画原理讲解Flash动画的基本原理介绍帧的概念和动画的时间轴3.2 制作简单动画实例讲解动画的制作流程练习制作简单的位移动画和形状动画第四章：Flash元件和库4.1 元件的类型和创建讲解元件的概念和作用介绍如何创建和使用图形元件、影片元件4.2 库的使用和管理讲解库的概念和功能介绍如何管理和调用库中的元件第五章：Flash ActionScript编程5.1 ActionScript基础讲解ActionScript的语法和基本概念介绍ActionScript的数据类型和运算符5.2 制作交互式动画实例讲解如何使用ActionScript控制动画的播放和停止练习制作简单的交互式动画效果第六章：Flash声音和视频6.1 声音的应用介绍Flash中声音的导入和属性设置讲解声音的播放控制和事件处理实例制作：为动画添加背景音乐6.2 视频的应用讲解Flash中视频的导入和属性设置介绍视频的播放控制和事件处理实例制作：嵌入视频剪辑第七章：Flash滤镜和混合模式7.1 滤镜的应用讲解Flash中滤镜的作用和类型介绍如何给图形和元件添加滤镜效果实例制作：制作发光文字效果7.2 混合模式的应用讲解Flash中混合模式的概念和作用介绍混合模式的类型和应用场景实例制作：利用混合模式制作图像融合效果第八章：Flash组件和事件处理8.1 组件的应用讲解Flash组件的概念和作用介绍如何使用组件库和创建自定义组件实例制作：制作滑动图片展示组件8.2 事件处理讲解Flash中事件的概念和类型介绍事件监听器和事件处理函数实例制作：制作按钮触发动画播放的事件处理第九章：Flash作品的发布和优化9.1 作品的发布讲解Flash作品发布的格式和选项介绍如何设置作品的输出和发布参数实例制作：发布适用于不同平台的Flash作品9.2 作品的优化讲解Flash作品优化的方法和技巧介绍如何提高作品的性能和加载速度实例制作：优化Flash动画的性能第十章：Flash动画项目实战10.1 项目分析讲解如何分析Flash动画项目的需求和目标介绍项目策划和设计的重要性实例制作：分析并设计一个简单的Flash动画广告10.2 项目制作讲解Flash动画项目的制作流程和步骤介绍团队协作和时间管理的方法实例制作：制作一个完整的Flash动画广告10.3 项目总结讲解如何对Flash动画项目进行总结和评估介绍项目经验和教训的总结的重要性实例制作：总结并评估Flash动画广告项目的成果和不足重点解析本文档为您提供了一整套完整的Flash教案，覆盖了从基础知识到高级应用的各个方面。
FLASH动画制作说课.ppt
Company Logo
课程目标
“项目化” 课程体系
“一体化” 教学模式
“立体化” 教学资源
课程方案
多样化 教学方法与手段
科学的 考核评价模式
“阶梯式” 技能训练
全方位课程设计 全真工作环境 工学结合 培养职业技能 岗位无缝对接
Company Logo
一、基本知识 序号 项目名称
载体
课程内容 1.优秀动画标准
1
FLASH优秀 动画赏析
FLASH贺卡 FLASH广告 FLASH影视片头 FLASH网站
FLASH MV FLASH小游戏
2.动画师岗位职责 （1）工作任务 （2）任职要求 ➢技能要求 ➢素质要求 1.FLASH的功能及应用 2.FLASH的特点及角色地位
1.多场景动画的制作 2.按钮的制作 3.声音的同步模式 4.音画同步控制 5.动画的调试 6.动画下载性能的测试 7.动画发布参数的设置 8.动画的发布
Company Logo
课程目标
知识目标：掌握Flash动画基本原理和基本操作技 能。 能力目标：自学能力、观察能力、动手能力和分析 问题、解决问题的能力。 素质目标：增强学生的自信心、并逐渐具有竞争效 益意识，团队合作精神
Company Logo
教学内容
教学内容
项目1 节日贺卡制作 （6课时）
载体：项目
易
动画角色造型 动画场景绘制 简单动画制作 交互动画制作 动画特效制作 网页动画制作
项目2 网页动画制作 （12课时） 项目3 广告动画制作 （12课时） 项目4 FLASH MV 制作（12课时）
难
项目5 影视片头动画特效制作（20课时）
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引导动画制作说课稿
评
环节的“试”操作做理论铺垫。
总
教学流程示意
引
（三）试
议
素材已发到学生机上。学生根据
试
素材开始尝试制作游轮的引导动画。
设计意图：学生通过尝试操作，遇
导
到的问题可能就是本节课的难点，
练
在下面的“导”过程就可以有针对
性的进行突破。
评
总
教学流程示意
引 （四）导
1、教师查看部分学生的练习，根据学生发现的问题，
教学重点和难点
❖教学重点： 引导层与引导线的作用和创建方法。
❖教学难点： 学生灵活运用引导层制作各种引导动画效 果。
学情分析
计算机基础操 作
计算机专业 第二学期
图层知识
逐帧动画
运动渐变 动画
元件操作
教学流程示意
教师
学生
引
议
试
导
练
评 总
教学流程示意
（一）引
引
议
试
导
练
教师展示效果动画，请学生说说两个运
教学流程示意
引
（七）总
议
❖ 直线运动动画
试
❖ 引导层（引导线）引导方向
பைடு நூலகம்
导
注意的问题
练
❖ 引导层要放置在被引导层的上面。 ❖ 运动的对象在图层中制作动作补间动画。
评
❖ 引导层上制作引导线，注意线一定要是连续的不能 间断，同时注意线头的清除。
总
❖ 动画对象一定要对在引导线上。
课后反思
❖ 本节课情境设置为学生熟悉喜爱的公园—豪华
动对象运动效果的异同。
评
设计意图：创设情境，任务驱动，明确本
总
Flash动画制作之制作引导层动画07ppt课件
变形中心
整体效果
放大图
图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
Flash的引导层动画制作PPT专业课件PPT专业课件
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动画制作ppt课件
发布与输出
• 制作完动画之后，可以把生成的动画导出 为后缀名为.swf的动画播放文件，也可以把 它发布为影片，生成网页浏览器支持的 HTML、GIF、JPEG文件。
• 当动画导出为影片或者是完成HTML文档的 创建后，就可以上载给有MIME类型文件、 能识别Flash影片的浏览器，任何带有 Flash播放器〔Shockwave Flash Player〕 的浏览器都可以播放它。
教学进程
动画的画法
● 绘制轮廓线
(1) 选择铅笔工具 (2) 选择铅笔颜色 (3) 选择轮廓模式 (4) 描绘轮廓
● 直线化 ● 平滑 ● 墨水瓶
● 填充颜色
(1) 选择颜料桶工具
(2) 选择填充模式 (渐变、单色均可)
(3) 选择封闭模式
(4) 单击图形内部
填充颜色
● 渐变 ● 渐变
● 单色
教学进程
● 画图形
● 画圆
(1) 选择画圆工具 (2) 选择圆内单色或渐变色 (3) 画圆 (鼠标—椭圆 /〈Shift〉+鼠标—正圆)
● 画方框
(1) 选画方框工具 (2) 选择单色或渐变色 (3) 单击“圆角” 按钮，设置圆角
(4) 画方框 (鼠标—恣意 /〈Shift〉+鼠标—正方)
● 画空心图形
在调色板中选择“没有”
√ 状态栏 √ 控制栏
● 演播动画效果
(1) 选择“窗口/工具栏/控制栏”，打开控制栏 (2) 选择“控制/循环播放”，连续观察动画效果
停首倒播进尾
教学进程
7.1.4 制作自动动画
● 直线移动动画
(1) 在第1帧中画 一个图形
(2) 鼠标右键单击某一帧，如第20帧 选择“插入关键帧”
Flash引导动画教学课件
任务四
小 实 结 训
实 训 运用引导动画知识完成作品设计
动手操作 参考实例，动手设计一个引导动画
制作引导动画
任务一 任务二 任务三
要求：运用所学的引导动画知识自主设计一 个引导动画。鼓励有自己的创意，也可以在
任务四
小 实 结 训
案例的基础上进行再设计。
总 结 运用引导动画知识完成作品设计
制作引导动画
任务一 任务二 任务三
任务四
小 实 结 训
引导层是Flash中特殊的图层。使用引导层可以创建 出很多有趣的引导动画。
任务二 制作案例1——直线游动的鱼
动手操作 运用上一课的补间动画知识完成案例1
制作引导动画
素材准备：
任务一 任务二 任务三
制作要点：
1．制作背景图层，插入背景图像； 2．制作鱼图层，添加鱼素材；
任务四
小 实 结 训
3．鱼图层关键帧的处理；
4．创建补间动画。
任务三 制作案例2——曲线游动的鱼
动手操作 根据视频讲解步骤完成案例2
制作引导动画
任务一 任务二 任 制作案例3——海底世界
动手操作 根据视频讲解步骤完成案例3
制作引导动画
任务一 任务二 任务三
任务四
小 实 结 训
新课导入 指出两个案例的差别
案例1
制作引导动画
任务一 任务二 任务三
任务四
小 实 结 训
案例2
引导动画实例展示
制作引导动画
任务一 任务二 任务三
任务四
小 实 结 训
任务一 认识引导动画
制作引导动画
引导动画是指对象沿着指定轨迹（引导线）运动的 动画。
一个引导动画至少需要两个图层——上面的图层是 引导层，下面的图层是被引导层。