Flash动画制作教案 1.docx
《Flash动画制作教案 1.docx》由会员分享，可在线阅读，更多相关《Flash动画制作教案 1.docx（26页珍藏版）》请在冰豆网上搜索。
Flash动画制作教案1
《Flash动画制作课程》
教 案
课程内容
初识Flash
教学时间
计划课时
2课时+实训2课时
教学目标
1、确定课程目标、讲述学习内容、教给学习方法。
2、熟悉Flash的界面。
3、熟悉FLASH的工作环境,
3、熟悉Flash动画的制作原理
教学重点
培养他们对于本课程以及本专业的热爱；了解什么是flash，熟悉flash工作界面。
教学难点
掌握动画原理以及Flash动画的制作原理。
教学方法
讲授演示法，任务驱动学习法和协作学习法
教学资源
多媒体机房、投影仪、电子教学平台、视频演示教程、案例源文件、素材、ppt等。
教学过程
导入：
教师给学生演示经典动画和教材中部分的案例动画由此引入课题。
讲述新课（讲授法、PPT演示）
一、Flash课程介绍
1、课程性质
2、课程目标和课程内容
3、考核方法
平时成绩20%+作业成绩10%+实训成绩20%+期末测试50%
4、学习方法
（1）小组学习法
（2）任务驱动法
（3）互帮互补法
（4）课堂勤记笔记、勤操作
（5）课外勤练习、勤看书
1.1初识Flash
1．什么是Flash
2．Flash的历史与发展
3．Flash的特点
1.2Flash应用领域
1.3Flash动画原理
1．动画原理
2．Flash动画制作原理
1.4Flash工作环境
1、舞台
2、时间轴窗口
3、绘图工具栏
4、标准工具栏
5、图库窗口 Ctrl-L。
6、控制器面板
例1：
使用工具制作一个“笑脸”或“哭脸”
思考:
如何让“哭脸”变成“笑脸”？
引入层的概念，将“嘴”放在新建的图层上
引入简单动画制作步骤：
a、绘制动作的开始状态与结束状态，即绘制两个关键帧，并注意两个关键帧在时间线上的位置。
b、选择所有帧，创建动画。
例2：
小球的直线运动。
步骤1：
在舞台上画出小球。
步骤2：
在第20帧上插入关键帧。
步骤3：
移动小球，使其开始位置与结束位置不同。
步骤4：
选择所有帧，创建形状渐变动画。
例3：
小球沿规定的轨迹运行。
步骤5：
在前一个动画的基础上添加引导层
步骤6：
在引导层上用铅笔工具画曲线。
步骤7：
移动小球，使其开始位置和结束位置分别位于曲线的首尾。
1.5动画的保存与发布：
1、保存动画：
2、动画的发布：
1.6设置工作参数
1、常规
2、绘画选项卡
3、设置标尺和网格
4、设置影片属性
课堂小结
通过本单元的学习，使学生能了解Flash的工作环境，掌握基本的操作，了解简单动画的制作过程等，为以后的学习打下一定的基础。
作业
实训一：
简单动画的制作
绘图基础
教学时间
计划课时
3课时+实训3课时
课程内容
绘图工具
教学目标
掌握绘图基础知识；掌握选择工具的使用；掌握线条工具、椭圆工具、矩形工具和刷子工具的使用；掌握图形修饰工具和查看工具的使用
教学重点
绘图工具的使用和图形修饰工具的使用
教学难点
选择工具的使用
教学方法
讲授演示法，任务驱动学习法和协作学习法
教学资源
多媒体机房、投影仪、电子教学平台、视频演示教程、案例源文件、素材、ppt等。
教学过程
复习巩固
打开实例ceng,复习巩固FLASH中最基本的概念:
层
通过提问的方式复习文档属性的修改方法
导入新课
打开绘制好的flash的图像，让学生欣赏，说明Flash有一个功能强大的绘图工具，可以绘制出完美的图形。
它使用灵活、简单易用，在大多数情况下都可以满足使用者的要求。
讲授新课（边操作边演示边讲解）
补充知识：
１、矢量图形和位图图像
２、线条和填充图形
３、绘制模式
2.1选择工具
１、选择工具
2、部分选取工具
3、套索工具
2.2绘图图形工具
1、线条工具
2、钢笔工具
3、铅笔工具
4、椭圆工具
5、矩形工具
6、刷子工具
7、橡皮擦工具
2.3修饰图形工具
1、墨水瓶工具
2、颜料桶工具
3、吸管工具
4、任意变形工具
2.4查看工具
1、手形工具
2、缩放工具
综合实例
1、绘制曲线2、嘴的轮廓3、眼镜4、雨中伞
课堂小结
本周主要介绍了flash绘图基础，基本绘图工具的使用和编辑工具的使用。
要注意的是，选择某种工具时，可以对它的属性进行设置。
要分清合并模式和对象模式的区别。
布置作业
实训二：
绘图工具使用
编辑图像
教学时间
计划课时
3课时+实训3课时
课程内容
编辑图形
教学目标
使学生会合理的使用：
对齐、分布、匹配大小、间隔、相对于舞台等命令；
让学生巧秒应用切割融合组合叠放顺序的更改；
会应用变形面板、缩放和旋转对话框
教学重点
分布和相对于舞台；怎么样去解决和巧秒的去应用粘图现象；用变形面板、缩放和旋转对话框调节调整对象或者是画图
教学难点
分布面板上的各个按钮的操作原理；怎么样的巧秒的去就用粘图来进行图象的切割改变图象叠放顺序；变形面板中各个按钮的作用
教学方法
讲授演示法，任务驱动学习法和协作学习法
教学资源
多媒体机房、投影仪、电子教学平台、视频演示教程、案例源文件、素材、ppt等。
教学过程
复习旧课
指出上周实训中出现的问题。
强调做文字特效时，一定要将文字打散。
复习一下，矩形工具，填充色的应用
导入新课
展示几个绘图实例，要完成这些实例，必须掌握FLASH中有些工具使用的技巧，这样才能增加动画设计的美感。
讲述新课〔讲授法演示法〕
3.1调整对象
1、排列对象
2、形状的切割融合组合叠放顺序的更改
1）形状的切割
举例：
直线分割椭圆矩形打孔
2）形状的融合
3）组合对象
•创建组合Ctrl+G
•编辑组合，注意组合编辑环境
4）对象的叠放顺序单击菜单中“修改”|“排列”命令
例1风景画
例2镜面字
3.2变形面板、缩放和旋转对话框
1、变形面板
2、翻转对象和对象的扩展与柔化
例3制作一朵七色花
例4制作一个暂停按钮
3.3混色器和填充变形工具
1、混色器
1）、笔触颜色
2）、填充颜色
3）、黑白颜色和交换颜色
4）、颜色值
5）、渐色面板和亮度
6）、Alpha
7）、预览框
8）、颜色类型：
无；纯色；线性；放射状；位图
2、调整渐变效果
1）填充变形工具
2）溢出
3）锁定填充
例：
制作带阴影的小球
课堂小结
如何对Flash中的对象、图形进行编辑，以及图像导入等基本操作。
准确、快速的进行图形的编辑和导入工作，在实践中为日后的动画提供栩栩如生的素材。
布置作业
实训三：
编辑工具使用
文字
教学时间
计划课时
2课时+实训2课时
课程内容
文本工具
教学目标
掌握混色器的使用方法；掌握渐变色的调整方法；掌握静态文本的输入方法；掌握FLASH制作中几种常见静态字体效果的制作
教学重点
混色器各个参数工具设置；静态文本的输入方法。
教学难点
巧秒的应用渐变色画图；各类文字效果的制作
教学方法
讲授演示法，任务驱动学习法和协作学习法
教学资源
多媒体机房、投影仪、电子教学平台、视频演示教程、案例源文件、素材、ppt等。
教学过程
复习旧课
分析上周学生上机操作出现问题，展示学生的作品，提示图形的不同模式下不同的表现形式
导入新课
教师播放几个文本特效的Flash影片《弹性小球2》，由此引入课题。
问题的提出：
如何制作文本特效？
讲述新课（边演示操作边讲解）
介绍一下关于颜色的内容:
色的调配是动画中重要组成部分，Flash为颜色的使用、生成及修改提供了多种方法。
在Windows中所有的颜色都是用红（Red）、绿（Green）、蓝（Blue）三种基本颜色混合而成的，所以这种颜色系统又称为RGB三基色系统，它的每一种基本颜色用两位十六进制数表示，因此用RGB三基色表示的颜色用6位十六进制数表示。
4.1文本的输入
1、静态文本的输入
1）、Flash中文本的类型：
静态文本，动态文本，输入文本
2）、静态文本输入、编辑与修改。
4.2常用的字效：
1、晕光字效
关键的技术要求：
1）、设置好影片背景和尺寸大小并输入文字；
2）、将文字选中并将其打散为离散图形；
3）、在选中离散文字的前提下，将文字图形进行柔化边缘填充；
4）、在边缘柔化了的文字图象中，将内部填充色删除即可。
2、空心字
关键的技术要求：
1）、设置影片尺寸大小和背景颜色；
2）、输入文字；
3）、将文字打散；
4）、用墨水瓶工具对打散的文字图形进行描边；
5）、最后将文字的内部填充色删除即可。
3、立体字
关键技术要求：
1）、设置影片尺寸大小并输入文字；
2）、按照制作空心字步骤做出空心字效果；
3）、将空心字复制并粘贴到相同位置；
4）、将复制的空心字往右平移2-4个像素并向上平移2-4个像素，初步造成叠影；
5）、将看不到的线条删除，并将文字的各对角相连；
6）、同理删除被遮掉的线条，即完成立体字。
4、双色（多色）字
关键技术要求：
1）、制作此类文字效果，只要将文字打散成离散的图形；
2）、然后用选取工具选取其中部分，再对选中部分进行颜色填充；3
3）、选取次数可以随意定。
5、彩虹字
关键技术要求：
1）、将输入的文字打散；
2）、对第一种情况来讲，只要文字的填充色直接通过混色器进行编辑即可；
3）、对第二种情况，需要用到油漆桶工具，在选中文字图形并设置好油漆桶的颜色值（渐变色）后，点击被选文字，然后使用颜色填充变形工具将颜色的变化方向改变即可。
综合实例：
雪花字、图案字、镜面字、风景字
课堂小结
滴管工具是负责改变线条的颜色，分离是把线条分离成了图形，文字的效果很大就是应用几层文字不同状态的叠加效果
布置作业
实训四：
文本工具使用及文本特效
元件、实例
教学时间
计划课时
2课时+实训2课时
课程内容
元件和实例
教学目标
掌握元件和图形之间进行转换和设置实例的方法
并能灵活掌握库面板的使用等基本操作
教学重点
元件和图形之间进行转换和设置实例的方法
教学难点
元件和图形之间进行转换和设置实例的方法
教学方法
讲授演示法，任务驱动学习法和协作学习法
教学资源
多媒体机房、投影仪、电子教学平台、视频演示教程、案例源文件、素材、ppt等。
教学过程
备注
复习旧课
1、图层区：
2、文字编辑（打散:
Ctrl+B）、吸管工具（用Alt+Print键截屏取色）、渐变变形工具、笔触线形（点状）、橡皮擦模式（擦除填色）。
导入新课
教师播放情人节贺卡的的Flash影片《弹性小球2》，由此引入课题。
问题的提出：
如何利用元件绘图？
讲述新课
元件：
实例：
库：
5.1库面板的操作
打开库面板方法：
∙打开Flash自带公用库:
选择"窗口"→"其它面板"→"公共库"
∙打开当前库：
选择"窗口"→"库"
库面板构成：
5.2创建图形元件
图形元件主要用于静态图像的重复使用以及用于制作运动渐变动画。
一.将场景中的元素转换成图形元件
二.创建新的图形元件
5.3 创建影片剪辑元件
影片剪辑元件主要用于制作需要重复使用的动画片段。
5.4实例的创建与修改
一.创建实例
在创建元件之后，用户就可以使用元件创建实例，电影中的所有地方都可以使用元件实例，包括在其他元件的内部
Ctrl+L键打开库面板
二.改变实例的属性
1.改变实例的颜色和透明度：
选
三．变形实例
1）选择修改>分离或按Ctrl+B键
5.5元件的编辑与修改
5.6导入外部资源
一.导入外部对象
在Fl
二.在不同的Flash文件中复制库资源
例:
情人节贺卡
课堂小结
1.创建元件，实现元件与图形之间的转换
2.创建实例，并对实例进行设置
3.库面板的使用
布置作业
实训五：
制作元件和实例
逐帧动画
教学时间
计划课时
2课时+实训4课时
课程内容
制作简单动画-逐帧动画和形状补间动画
教学目标
掌握逐帧动画的制作技巧；了解什么时候适合使用逐帧动画；掌握制作变形动画的基本操作；能够利用添加变形提示点使动画效果更加美观。
教学重点
逐帧动画和形状动画的制作
教学难点
形状动画的制作
教学方法
讲授演示法，任务驱动学习法和协作学习法
教学资源
多媒体机房、投影仪、电子教学平台、视频演示教程、案例源文件、素材、ppt等。
教学过程
备注
复习旧课
总结上周实训中遇到的问题。
强调钢笔的工具的用法
导入新课
展示第一周的讲到的过的简单动画实例“笑脸变哭脸”，引入简单动画制作。
问题的提出：
1．什么叫动画？
2.动画的类型?
讲述新课
5.1动画制作基础
1、动画的基本原理：
（1）视觉暂留现象
（2）计算机动画形成原理
2、帧的基本概念：
动画的播放速度（帧频）按帧/每秒计算，记作fps；
动画播放速度是每秒12帧，fps速度的设置范围0.01fps~120fps。
3、在Flash中的帧有这样几种类型：
（1）关键帧：
（3）普通帧：
（4）空白关键帧：
（5）补间帧（插补帧）：
4、帧的基本操作
5、Flash动画类型
Flash中可以制作三种动画：
（1）逐帧动画
（2）形状渐变动画（3）移动渐变动画
5.2逐帧动画的制作
5.3绘图纸显示模式
5.4形状补间动画的制作
使用形状补间动画可以制作一个形状随着时间变成另一个形状的形变效果。
一．形状补间动画制作步骤
二.控点的运用
1.提示。
2.选择下一个关键帧，用鼠标按住控点，拖动变形提示到标记的位置。
课堂小结
1.掌握逐帧动画、形状补间动画的制作方法。
2.使学生能够灵活使用设置动画的基本方法并制作简单动画。
3.注意形状补间动画提示点的设置方法
布置作业
实训六：
制作逐帧动画
实训七：
制作形状补间动画
两种补间动画
教学时间
计划课时
2课时+实训4课时
课程内容
制作简单动画－制作动作补间动画
教学目标
掌握制作动作补间动画的过程
教学重点
掌握动作补间动画的制作要点
教学难点
动作补间的动画的综合应用；时间帧延后的效果
教学方法
讲授演示法，任务驱动学习法和协作学习法
教学资源
多媒体机房、投影仪、电子教学平台、视频演示教程、案例源文件、素材、ppt等。
教学过程
备注
复习旧课
记住三句口决：
1、一个对象一层
2、一般一个对象要转换为元件
3、在形状动画中不要建立元件，对象要打散
形变的对象只能是普通的图形对象，如不是普通图形则必须首先按Ctrl+B分离。
导入新课
教师播放几个Flash影片，由此引入课题。
问题的提出：
如何制作移动动画？
讲述新课
5.5 动作补间动画的制作
动作补间动画：
用于对实例、组合体和文字的位置、大小、旋转、倾斜、颜色属性等产生渐变。
元件的五种变化：
移动、缩放、旋转、颜色、透明度
实例1：
跳动的小球
实例2：
碰撞的小球
实例3：
转动的风车
实例4：
水滴
实例5：
卷轴动画
课堂小结
1.逐帧动画、动作补间动画、形状补间动画和场景动画的设计方法。
2.使学生能够灵活使用设置动画的基本方法并制作简单动画。
布置作业
实训八：
制作移动补动画
实训九：
简单动画的综合训练
引导动画
教学时间
计划课时
2课时+实训4课时
课程内容
制作高级动画-引导动画
教学目标
1、要求学生掌握各类曲线运动的制作技巧，掌握引导线、引导层的概念及作用；
2、能根据运动的需求，画出运动轨迹线，即引导线。
教学重点
运动引导层的创建，动画关键帧的设置。
教学难点
做引导层时的几个注意点。
教学方法
讲授演示法，任务驱动学习法和协作学习法
教学资源
多媒体机房、投影仪、电子教学平台、视频演示教程、案例源文件、素材、ppt等。
教学过程
复习旧课
总结上周实训中的问题，比较两种补间动画的制作步骤和先决条件。
注意和图层结合完成特效。
讲述新课
一、引导线、引导层的概念
1、引导层：
2、引导线：
注意：
思考引导线的颜色和线条的粗细是否影响引导效果？
在运动引导层中的线条在实际导出成SWF文件时是不否可见？
二、创建引导路径动画的方法
1、创建引导层和被引导层
2、引导层和被引导层中的对象
3、向被引导层中添加元件
三、应用引导路径动画的技巧
①引导层一旦建立完成后应将其锁定
②对运动对象定位时最好打开“帖紧至对象”工具，这样当吸附正确时中心点会放大。
实例1：
小球的无规则运动
实例2：
飞舞的蝴蝶
实例3：
飘雪
综合实例：
寒梅傲雪
遮罩动画
教学时间
计划课时
3课时+实训3课时
课程内容
制作高级动画—遮罩动画
教学目标
1、掌握遮罩的基本原理；
2、运用遮罩制作简单的场景动画
教学重点
遮罩层和被遮罩层
教学难点
多层遮罩动画
教学方法
讲授演示法，任务驱动学习法
教学资源
多媒体机房、电子教学平台、视频演示教程、案例源文件、素材、ppt等。
教学过程
备注
复习旧课
制作引导动画的注意事项：
引导路径中不能出现中断现象、交叉、和重叠现象；引导路径转折不宜过多，且转折处的线条转弯不宜过急；被引导层中的运动对象必须准确吸附到路径上，否则将无法沿引导路径运动。
导入新课
请同学们先观看下面两个动画，并思考以下问题：
1、动画中具体表现出什么样的变化？
2、动画中是否有透过某个区域可以看到另一番景象？
新课讲解
一、遮罩动画的概念
1、什么是遮罩
2、遮罩有什么用
二、创建遮罩的方法
1、创建遮罩
2、构成遮罩和被遮罩层的元素
3．应用遮罩时的技巧
遮罩层的基本原理是：
能够透过该图层中的对象看到“被遮罩层”中的对象及其属性（包括它们的变形效果），但是遮罩层中的对象中的许多属性如渐变色、透明度、颜色和线条样式等却是被忽略的。
比如，我们不能通过遮罩层的渐变色来实现被遮罩层的渐变色变化。
或许你读了上面的描述，还有点模糊，那么，通过一些范例，相信你会感受到遮罩动画的神奇！
实例1：
探照灯效果
实例2：
放大镜效果
实例3：
万花筒
实例4：
MTV字幕效果
实例5：
百叶窗效果
实例6：
地球转动
综合实例：
闪闪红星
课堂小结
a）在做遮照时要分清楚什么是遮照，什么是被遮照的？
b）遮照层和被遮照层两层都可做动画，我们的动画是在哪一层？
c）很多时候遮照不只有两层，还有两个普通层，一个在被遮照层下，一般用作背景；还有一层在遮照层上，一般是做一些和遮照同步的动画，有些还可在遮照层的基础上再作加工，比如说一些放大镜的样子等
d）分清楚遮照的这些概念以后，就可以用以前学过的知识做各类元件放在相应的层中，就可以做出我们需要的一些遮照效果。
布置作业
实训十一：
制作遮罩动画
时间轴动画预设特效实例
教学时间
计划课时
2课时+实训2课时
课程内容
制作高级动画—时间轴特效、滤镜、混合模式动画
教学目标
掌握使用时间轴特效的方法。
掌握滤镜的使用方法；掌握混合模式动画的制作方法。
教学重点
使用时间轴特效的方法
教学难点
综合应用动画
教学方法
讲授演示法，任务驱动学习法和协作学习法
教学资源
多媒体机房、投影仪、电子教学平台、视频演示教程、案例源文件、素材、ppt等。
教学过程
备注
复习旧课
主要是通过几个基本的例子复习遮照的相关知识
1、直线变化
2、曲线变化
3、图片的切换
提示：
①有几层？
②哪张图片是被遮照层，哪张是背景层？
③切换效果的动画是个什么样的动画，怎么做？
思考：
切换图片不只两张时，又该怎么做？
导入新课
展示几个时间轴特效动画，引入主题，提出问题：
如何制作时间轴特动画
讲述新课
时间轴特效可以应用于以下对象：
文本、图形（包括矢量图、组合对象和图符）、位图、按钮图符。
提示：
对电影剪辑应用时间轴特效时，Flash在电影剪辑内部嵌套特效。
一、时间轴特效
Flash提供了变形、转换、分离、展开、模糊、投影、分散式直接复制和复制到网格集中时间轴特效，这些特效可应用在矢量图形、群组、元件实例、位图图像、文本等对象上
●“变形”特效：
●“转换”特效：
●“分离”特效：
●“模糊”特效：
●“展开”特效：
●“投影”特效：
●“分散式直接复制”和“复制到网格”特效：
●1、创建时间轴特效
2、编辑时间轴特效
3、删除时间轴特效
二、滤镜特效动画
三、混合模式动画
混合模式包含元素：
●混合颜色：
是应用于混合模式的颜色。
●不透明度：
是应用于混合模式的透明度。
●基准颜色：
是混合颜色下的像素的颜色。
●结果颜色：
是基准颜色的混合效果。
注意：
只有影片剪辑元件和按钮元件才能设置混合模式
课堂小结
主要介绍了时间轴特效滤镜和混合的使用及其参数设置。
通过“应用滤镜”一节的学习，读者应该了解各种滤镜的效果，并学会使用，通过各个参数的设置使滤镜效果达到最佳。
在“应用混合模式”一节中，介绍了如何使用混合模式。
使用这些特性可以使Flash作品更加丰富生动。
布置作业
实训十二：
时间轴特效、滤镜、混合模式动画
升级会员 