Flash动画制作教案

《Flash动画制作课程》

教案

任课教师：朱雁峰

第1周Flash概述

课程内容模块1初识Flash教案序号1

教学时间第1周计划课时2课时+实训2课时

1、熟悉Flashcs4的界面.

知识与技能2、熟悉FLASH的工作环境，

教学3、熟悉Flash动画的制作原理

确定课程目标、讲述学习内容、教给学习方法。

三维过程与方法

目标情感态度价培养他们对于本课程以及本专业的热爱；

值观

培养他们对于本课程以及本专业的热爱；了解什么是flash,熟悉flash

教学重点工作界面。

教材

分析

教学难点掌握动画原理以及Flash动画的制作原理。

教学方法讲授演示法，任务驱动学习法和协作学习法

教具

多媒体机房、投影仪、电子教学平台、视频演示教程、

与

案例源文件、素材、ppt等。

设备

模块1初识Flash

一、Flash课程介绍

1o1初识Flash

1o2Flash应用领域

板书1.3Flash动画原理

1o4Flash工作环境

设计例1:使用工具制作一个“笑脸”或“哭脸”

例2：小球的直线运动。

105动画的保存与发布：

1.6设置工作参数

教学过程备注

首先向学生作

导入：教师给学生演示经典动画和教材中部分的案例动画由此引入课题。

自我介绍，然后

介绍Flash课

程性质、目标、

讲述新课(讲授法、PPT演示)考核方法以及

学习方法。

结合生活，提示

一、Flash课程介绍

学生从生活，学

1、课程性质习，娱乐的三个

2、课程目标和课程内容方面罗列flash

3、考核方法的应用

平时成绩20%+作业成绩10%+实训成绩20%+期末测试50%讲述层的概述

时，可结合前期

4、学习方法

学习过的

(1)小组学习法

Photoshop中层

(2)任务驱动法的概念，这样学

(3)互帮互补法生头脑中就有

(4)课堂勤记笔记、勤操作了印象.

(5)课外勤练习、勤看书

1o1初识Flash请学生注意动

画制作的过程，

1.什么是Flash

并能自己制作

2.Flash的历史与发展

上述两个动画。

3.Flash的特点

注意flash的

1o2Flash应用领域两种不同格式

1.3Flash动画原理的文件，源文件

1.动画原理和播放文件分

别的打开方式

2.Flash动画制作原理

学生练习老师

1.4Flash工作环境

绘画选项卡、标

1、舞台就是工作区，最主要的可编辑区域.在这里可以直接绘图，或者导入外

尺、网格，教师

部图形文件进行安排编辑，再把各个独立的帧合成在一起，以生成电影作品.

辅导。

2、时间轴窗口用它可以调整电影的播放速度，并把不同的图形作品放在不同图层

的相应帧里，以安排电影内容播放的顺序。

3、绘图工具栏放置了可供图形和文本编辑的各种工具，用这些工具可以绘图，选

取，喷涂，修改以及编排文字，还有些工具可以改变查看工作区的方式。在选择了某一工

具时，其所对应的修改器(Modifier)也会在工具条下面的位置出现，修改器的作用是改

变相应工具对图形处理的效果.

4、标准工具栏列出了大部分最常用的文件操作，打印，剪贴板，撤消和重做，修改

器以及控制舞台放大比例的图标和选项，便于进行更为快捷的操作。

5、图库窗口用以存放可以重复使用的称为符号的元素。符号的类型包括有图片

(Graphics),按钮(Button)和电影片断(MovieClip)。其调用的快捷键为CtrI—L。

6、控制器面板控制电影的播放操作的工具集合，一般不大常用，处于隐藏状态。

例1:使用工具制作一个“笑脸”或“哭脸”

思考：如何让“哭脸”变成“笑脸”？

引入层的概念，将“嘴”放在新建的图层上

引入简单动画制作步骤：

a、绘制动作的开始状态与结束状态，即绘制两个关键帧，并注意两个关键帧在时

间线上的位置。

b、选择所有帧，创建动画。

例2：小球的直线运动.

步骤1：在舞台上画出小球。

步滕2：在第20帧上插入关键帧。

步骤3：移动小球，使其开始位置与结束位置不同。

步骤4：选择所有帧，创建形状渐变动画。

例3:小球沿规定的轨迹运行。

步骤5：在前一个动画的基础上添加引导层

步骤6：在引导层上用铅笔工具画曲线.

步骤7：移动小球，使其开始位置和结束位置分别位于曲线的首尾。

1.5动画的保存与发布：

1、保存动画：

依次点击“文件”菜单----------“保存”------输入文件名，即可当前正在制作的

影片保存到磁盘上。

注意保存的是Flash的源文件，其扩展名为。fla□

2、动画的发布：

依次点击“文件”菜单——"发布设置”——"发布"即可。注意发布后的文件

扩展名为名为.swf,发布后的文件可用IE等打开。

1.6设置工作参数

1、常规

2、绘画选项卡

3、设置标尺和网格

4、设置影片属性

通过本单元的学习，使学生能了解Flash的工作环境，掌握基本的操作，了解

课堂小结

简单动画的制作过程等，为以后的学习打下一定的基础.

作业实训一：简单动画的制作

教学反思

第2周绘图基础

课程内容模块2：绘图工具教案序号2

教学时间第2周计划课时3课时+实训3课时

绘图基础知识；

教学知识与技选择工具的使用；

线条工具、椭圆工具、矩形工具和刷子工具的使用；

图形修饰工具和查看工具的使用。

三维能：

掌握绘图基础知识；

目标过程与方

掌握选择工具的使用；

掌握线条工具、椭圆工具、矩形工具和刷子工具的使用；

法

掌握图形修饰工具和查看工具的使用。

情感态度

提高学生的学习兴趣。

价值观

教学重点绘图工具的使用和图形修饰工具的使用

教材

分析

教学难点选择工具的使用

教学

讲授演示法，任务驱动学习法和协作学习法

方法

教具

多媒体机房、投影仪、电子教学平台、视频演示教程、

与案例源文件、素材、ppt等。

设备

模块2：绘图工具

1、矢量图形和位图图像

2、线条和填充图形

板书3、绘制模式

2O1选择工具

设计2.2绘图图形工具

2»3修饰图形工具

2.4查看工具

教学过程备注

请学生回答几

复习巩固

个问题

打开实例ceng,复习巩固FLASH中最基本的概念：层

通过提问的方式复习文档属性的修改方法分别打开一幅

教学过程备注

矢量图形和位

导入新课图图像进行放

大观看，让学生

打开绘制好的flash的图像，让学生欣赏，说明Flash有一个功能强大的绘图工具，

观察结果

可以绘制出完美的图形.它使用灵活、简单易用，在大多数情况下都可以满足使用者

的要求。

画两条线条，和

讲授新课(边操作边演示边讲解)两个形状来演

示合并绘制模

补充知识：

式下图形之间

、矢量图形和位图图像

1的相互影响

、线条和填充图形

2教师在屏幕上

3、绘制模式绘制几个图形，

(1)合并绘制模式进行演示选择

当你所绘制的线条穿过别的线条或图形时，它会象刀一样把其他的线条或图形对象的方法。注

切割成不同的部分。同时，线条本身也会被其他线条和图形分成若干部分。意：填充区和线

条。

(2)对象绘制模式

注意：选择用【对象绘制】模式创建的图形时,Flash会在图形上添加矩形边框。使

用【选择】工具移动对象，只需单击边框然后拖曳图形到舞台上的任意位置即请学生观察对

象变形时光标

21选择工具

O的变化

1、选择工具

教师演示，注意

主要功能是选择对象，对对象进行变形等。对象被选中后，选中部分会填充小的

线条工具的选

点。

9C项设置

基本操作有：选取单一对象：选取多个对象；选取填充区和轮廓钱；选取连续线条；

联系PS中钢笔

选取对象的某一区域；取消选择对象；移动对象；修改形状

工具的用法

2、部分选取工具

主要用于调整线条上的节点，改变线条的形状。部分选取工具没有选项。

请学生思考：怎

基本操作有：删除节点；移动节点；角点转换为曲线点；调节曲率样绘制五角

3、套索工具星？

主要作用也是选择物体。与选择工具不同的是，套索工具可以用来选取任何形状提示学生注意

范围的对象，而选择工具只能拖出矩形的选取范围，因此它的功能更强一些.铅笔与刷子工

具的异同处

2o2绘图图形工具

1、线条工具请学生上台体

线条工具的使用方法就是在舞台中确认一个起点后按下鼠标，然后拖动鼠标到结验不同擦除模

束点松开鼠标就可以了。式

2、钢笔工具

分别设置选项

钢笔工具的主要功能有画直线、画曲线、曲线点转换为角点、添加节点、删除节

中不同的属生

点。

设置演示填充

、铅笔工具

3有缝隙的图形

铅笔工具的选项栏中除“对象绘制”按钮外还有一个“铅笔模式”按钮，单击此

分别演示提取

教学过程备注

按钮弹出三种绘图模式：伸直、平滑、墨水.四种对象属性

4、椭圆工具

所画出的椭圆分为两部分：轮廓线与填充色块.

通过设置笔触颜色和填充色，能画出实心椭圆，空心椭圆和实心无边框椭圆.

椭圆工具选项栏中只有“对象绘制”和“贴紧至对象”两个按钮。

5、矩形工具

矩形工具是一个工具组，包括矩形工具和多角星形工具，通过单击右下角的黑色

三角进行切换。

矩形工具与椭圆工具用法相似，注意矩形圆角的设置。

使用多角星形工具可以绘制出不少于三个边的等边多边形.注意选项的设置

6,刷子工具

刷子工具就像画刷一样可以在舞台中绘制不同颜色的图形，也可以为各

刷子工具的选项栏有五个选项：“对象绘制”种图形对象着色.刷子的颜色由填充

色设置.、“刷子模式”、“刷子大小”、“刷子形状”和“锁定填充”。

7、橡皮擦工具

橡皮擦工具就像日常生活中使用的橡皮擦一样，用来擦除图形的线条和填充区。

橡皮擦工具的选项栏有三个选项：“橡皮擦模式”，“橡皮擦形状”和“水龙头”

2.3修饰图形工具

1、墨水瓶工具

墨水瓶工具用于更改线条的颜色、线宽和样式等属性，线条的颜色可以使用纯色、

渐变色以及位图图像，

2、颜料桶工具

与墨水瓶工具相对应，颜料桶工具的功能是更改填充区域的颜色。它可以填充封

闭区域或不完全封闭区域，填充时可以使用纯色、渐变色以及位图图像.

3、吸管工具

吸管工具用于拾取填充或线条的颜色值，选择吸管工具后，鼠标图标变成一个吸

管，用吸管单击对象的任意位置，可获得此位置的颜色值及其它属性。

4、任意变形工具

使用任意变形工具可以对图形做出各种各样的变形，制作各种Flash特效。选择

任意变形工具后，在选项栏中有四个选项按钮

自动变形工具一共可以做出五种变形处理：旋转、倾斜、缩放、扭曲和封套。其

中旋转、倾斜、缩放对所有的对象都有效，而扭曲和封套只对形状对象有效，对组

对象、符号和位图都不起作用。

2.4查看工具

1、手形工具

2、缩放工具

综合实例

1、绘制曲线2、嘴的轮廓3、眼镜4、雨中伞

教学过程备注

本周主要介绍了flash绘图基础，基本绘图工具的使用和编辑工具的使用。要注

课堂小结意的是，选择某种工具时，可以对它的属性进行设置.要分清合并模式和对象模式的区

别。

布置作业实训二：绘图工具使用

教学反思

第3周编辑图像

课程内容模块3：编辑图形教案序号3

教学时间第3周计划课时3课时+实训3课时

使学生会合理的使用：对齐、分布、匹配大小、间隔、相对于舞台等命

令；

知识与技能

应用切割融合组合叠放顺序的更改；

教学会应用变形面板、缩放和旋转对话框

让学生巧秒应用编辑功能工具

三维过程与方法

目标

情感态度价值

感受运用Flash动画软件创造作品的乐趣：

体验作品创作成功的喜悦和成就感，激发学习flash的兴趣。

观

分布和相对于舞台；怎么样去解决和巧秒的去应用粘图现象；用变形

教学重点

教材面板、缩放和旋转对话框调节调整对象或者是画图

分析教学难点

分布面板上的各个按钮的操作原理；怎么样的巧秒的去就用粘图来进

行图象的切割改变图象叠放顺序；变形面板中各个按钮的作用

教学

讲授演示法，任务驱动学习法和协作学习法

方法

教具

与多媒体机房、投影仪、电子教学平台、视频演示教程、案例源文件、素材、ppt等。

设备

模块3:编辑图形

板书

3.1调整对象

3.2变形面板、缩放和旋转对话框

设计

教学过程备注

复习旧课

指出上周实训中出现的问题。强调做文字特效时，一定要将文字打散.复习一下，

矩形工具，填充色的应用

导入新课

展示几个绘图实例，要完成这些实例，必须掌握FLASH中有些工具使用的技巧，这样才

能增加动画设计的美感。

讲述新课〔讲授法演示法〕

教师绘制几

3.1调整对象

个矩形分别演

1、排列对象

示对齐面板中

单击菜单中“窗口”|“对齐”命令，出现“对齐”面板。

的对齐、匹配、

对齐；分布；匹配；间隔

分布、间隔按钮

2、形状的切割融合组合叠放顺序的更改

的用法。强调

1）形状的切割

“相对于舞台”

Flash中将使用绘图工具绘制的图形称为形状。Flash8新增了“对象绘制"按钮，

按钮的用法

在创建对象时如果选中“对象绘制”按钮，将创建独立的对象，与其他对象互不影响。

相反，如果在绘制图形时没有选取“对象绘制”按扭，则对象之间将会产生影响，对

象能够被切割或融合。

举例：直线分割椭圆矩形打孔

举例说明：直线

分割椭圆

矩形打孔

2）形状的融合

融合是将两个形状连在一起，此功能可创建绘图工具无法绘制的形状.使用时要注

意，进行融合的形状的颜色要相同，没有边框，并且不是独立的对象（即在绘制对象

时没有按下"对象绘制”按钮）。

3）组合对象

组合是将多个对象当作一个整体进行处理，可以更方便地对对象进行移动、变形等

操作，还可以防止因为重叠而产生的切割和融合.在编辑组合时，其中的每个对象均保

教学过程备注

持各自的属性以及与其它对象的关系。

•创建组合CtrI+G

•编辑组合，注意组合编辑环境

以一个椭圆和

4）对象的叠放顺序单击菜单中“修改”|“排列”命令

一个矩形融合

Flash中，组合对象或实例等独立对象在叠放时，有上下顺序之分，上面的对象可

举例说明

以覆盖下面的对象。对象的上下顺序与创建时的次序有关，后创建的对象在先创建的对

象上面。绘图工具创建的非独立的形状没有上下顺序之分，不能进行叠放顺序调整.

例1风景画

例2镜面字

使用“缩放

和旋转”面板缩

32变形面板、缩放和旋转对话框

O放对象只能将

1、变形面板

选中的图形对

单击菜单中“窗口”|“变形”命令，可打开“变形”面板。比例缩放调节旋转角

象按帘和高的

度调节：：扭曲角度调节4.2。2缩放和旋转对话框

比例琴体放大

选定对象后，单击菜单中“修改”I“变形”|“缩放和旋转”命令，出现“缩放和

或缩小，不能只

旋转"对话框

对水平方向或

、翻转对象和对象的扩展与柔化

2垂直方台分别

1）翻转对象单击菜单中“修改”|“变形”命令，弹出下一级子菜单.

放大、缩小.

2）对象的扩展与柔化

选中填充形状，单击菜单中“修改”|“形状”I"扩展填充”柔化对象的边缘

选中形状，单击菜单中“修改”|"形状”|“柔化填充边缘”命令

例3制作一朵七色花

例4制作一个暂停按钮

3.3混色器和填充变形工具

1、混色器

1）、笔触颜色

2）、填充颜色

3）、黑白颜色和交换颜色

4）、颜色值

5）、渐色面板和亮度

6）、AIpha

7）、预览框

8）、颜色类型：无；纯色；线性；放射状；位图

2、调整渐变效果

1）填充变形工具：更改渐变中心；改变渐变填充的宽度;旋转渐变填充；改变填充半

径。

2）溢出

溢出Flash8的一个新增功能，当我们更改渐变中心或缩小渐变宽度时，会使图形的一

部分或全部超出渐变的控制范围

3）锁定填充

在颜料桶工具和刷子工具的辅助选项里，有一个“锁定填充”的按钮它的作用是锁

定渐变填充的区域。如果不锁定，颜料桶填充颜色将在被分开的区域分别产生渐变；

锁定后，则在整个区域产生渐变。

教学过程备注

j例：制作带阴影的小球

如何对Flash中的对象、图形进行编辑，以及图像导入等基本操作。

课堂小结准确、快速的进行图形的编辑和导入工作，在实践中为日后的动画提供

栩栩如生的素材。

布置作业实训三：编辑工具使用

教学反思

第4周文字

课程内容模块4：文本工具教案序号4

教学时间第4周计划课时2课时+实训2课时

掌握混色器的使用方法；

掌握渐变色的调整方法；

知识与技能掌握静态文本的输入方法；

掌握FLASH制作中几种常见静态字体效果的制作

教学

在学生能利用文本工具制作各种文本并对其添加色彩后培养学生制

三维过程与方法

作不同的文本特效。

目标

情感态度价值

让学生自主学习，培养他们的自学能力和探究，创新能力

观

教学重点混色器各个参数工具设置；静态文本的输入方法。

教材

教学难点

分析巧秒的应用渐变色画图；各类文字效果的制作

教学

讲授演示法，任务驱动学习法和协作学习法

方法

教具

与多媒体机房、投影仪、电子教学平台、视频演示教程、案例源文件、素材、ppt等。

设备

模块4：文本工具

板书

4.1文本的输入

4o2常用的字效：

设计

教学过程备注

对做的好的同

复习旧课学要表扬

分析上周学生上机操作出现问题，展示学生的作品，提示图形的不同模式下不同的表

现形式

导入新课

教师播放几个文本特效的Flash影片《弹性小球2》，由此引入课题.

问题的提出：如何制作文本特效？

讲述新课（边演示操作边讲解）

介绍一下关于颜色的内容：

色的调配是动画中重要组成部分，Flash为颜色的使用、生成及修改提供了多种方法。

在Windows中所有的颜色都是用红（Red）、绿（Green）、蓝（Blue）三种基本颜色混

合而成的，所以这种颜色系统又称为RGB三基色系统，它的每一种基本颜色用两位十

六进制数表示，因此用RGB三基色表示的颜色用6位十六进制数表示.

4O1文本的输入

1、静态文本的输入

1）、Flash中文本的类型：静态文本，动态文本，输入文本

2）、静态文本输入、编辑与修改。提示学生注意

▼属性字体大小频色对齐线条转化为填

I静都/IAI方正索M体fUv星|1B/'唱叁1星充后，笔触和填

字间距T,V「卜点JjE常V□自动调整字跄Al|格式…上缩进与边距充选项的变化

rX：的0|*瓯回宇位置帽o画）口使用设备字体锯齿片

U串便Y：（76.8尊目稔注意设置变化

V本框大小才本框位胃文字耀接催接打开位置中心

教学过程备注

4o2常用的字效:

1、晕光字效

关键的技术要求：

文本需进行两

）、设置好影片背景和尺寸大小并输入文字；

1次分离

2）、将文字选中并将其打散为离散图形；（Ctrl+B）

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）、对第二种情况，需要用到油漆桶工具，在选中文字图形并设置好油漆桶的颜色

值（渐变色）后，点击被选文字，然后使用颜色填充变形工具将颜色的变化方向改变即

可.

综合实例：雪花字、图案字、镜面字、风景字

滴管工具是负责改变线条的颜色，分离是把线条分离成了图形，文

课堂小结

字的效果很大就是应用几层文字不同状态的叠加效果

布置作业实训四：文本工具使用及文本特效

教学反思

第5周元件、实例

课程内容模块5:元件和实例教案序号5

教学时间第五周计划课时1课时+实训1课时

知识与技能掌握元件和图形之间进行转换和设置实例的方法

并能灵活掌握库面板的使用等基本操作

教学

学会元件和图形之间进行转换

过程与方法

三维灵活掌握库面板的使用

目标

培养学生的观察能力以及分析问题和解决问题的能力。

情感态度价值

培养学生运用知识的能力.

观

元件和图形之间进行转换和设置实例的方法

教学重点

教材

教学难点元件和图形之间进行转换和设置实例的方法

分析

教学

讲授演示法，任务驱动学习法和协作学习法

方法

教具

与多媒体机房、投影仪、电子教学平台、视频演示教程、案例源文件、素材、ppt等.

设备

模块5:元件和实例

5o1库面板的操作

5.2创速图形元件

板书

5.3创建影片剪辑元件

实例的创建与修改

设计5.4

5.5元件的编辑与修改

5.6导入外部资源

教学过程备注

复习旧课

1、图层区：

一个场景可以由若干层组成，一般来说，不同的对象放在不同的层上，以便于

修改，也避免互相干扰。

2、文字编辑（打散：Ctrl+B）、吸管工具（用Alt+Print键截屏取色）、渐变变形工

具、笔触线形（点状）、橡皮擦模式（擦除填色）。

导入新课

教师播放情人节贺卡的的Flash影片《弹性小球2》，由此引入课题。

问题的提出：如何利用元件绘图？

讲述新课

元件：在Flash中将需要重复出现的图像、动画、按钮制作成元件，元件存放在

元件库中。元件只需创建一次，然后即可在整个文档或其他文档中重复使用。

实例：实例是将元件应用到舞台上或嵌套在另一个元件内的元件副本.将一个元

件从元件库中拖到工作区中即创建了该元件的一个实例，一个元件可以创建多个实

例。实例保持元件的基本特征，但可以设置不同的颜色、大小和功能.当修改元件时，

它的所有实例都会随之更新。

库：在Flash中库是用来存放当前文档中的所有元件以及导入的图形、音频、视

频等动画元素。

教学过程备注

5o1库面板的操作

在Flash中使用库来存储和组织创建元件以及导入的文件，包括位图图形、声音

文件和视频剪辑.库是通过库面板来进行管理。通过库面板，可以调用库中的资源，

也可以对库中的资源进行查看、新建、删除、编辑、归类等操作.

打开库面板方法：

・打开Flash自带公用库：选择"窗口"T"其它面板"T"公共库

・打开当前库：选择“窗口“T"库”

库面板构成：

•菜单：点击可打开库面板的命菜单

令菜单，进行各项有关操作

4-播放/停止

•播放/停止按钮：用于播放或

停止播放电影元件

•排序按钮：改变元件的排列顺

序名称I类蛰一排序

位图一国book.gif位图□［显示切换

•显示切换按钮：以大图框/小按钮元件-魔Ibutton按钮□

图框方式显示图形元件-固flower图形

・新建元件按钮：：单击建立新电影元件-区Ithief影片剪辑

年白桦林声音

元件声音——,mp3

•文件夹按钮：单击可创建文件

—

——

—

新

新属

夹删

建性

建