最完整的Flash动画制作教案

《Flash动画制作》授课计划

2．Flash的历史与发展

3．Flash的特点

1.2 Flash应用领域

1.3 Flash动画原理

1．动画原理

2．Flash动画制作原理

1.4 Flash工作环境

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

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

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

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

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

修改以及编排文字，还有些工具可以改变查看工作区的方式。在选择了某一工具时，其所对应的

修改器(Modifier)也会在工具条下面的位置出现，修改器的作用是改变相应工具对图形处理的效

果。

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

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

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

按钮(Button)和电影片断(Movie Clip)。其调用的快捷键为Ctrl-L。

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

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

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

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

引入简单动画制作步骤：

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

位置。

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

例2：小球的直线运动。

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

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

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

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

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

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

讲述层的概述时，

可结合前期学习

过的Photoshop

中层的概念，这样

学生头脑中就有

了印象。

请学生注意动画

制作的过程，并能

自己制作上述两

个动画。

注意flash的两种

不同格式的文件，

源文件和播放文

件分别的打开方

式

第２周绘图基础

第3 周编辑图像

教学重点分布和相对于舞台；怎么样去解决和巧秒的去应用粘图现象；用变形面板、缩放和旋转对话框调节调整对象或者是画图

教学难点分布面板上的各个按钮的操作原理；怎么样的巧秒的去就用粘图来进行图象的切割改变图象叠放顺序；变形面板中各个按钮的作用

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

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

教学过程备注复习旧课

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

填充色的应用

导入新课

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

画设计的美感。

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

3.1 调整对象

1、排列对象

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

对齐；分布；匹配；间隔

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

1）形状的切割

Flash中将使用绘图工具绘制的图形称为形状。Flash 8新增了“对象绘制”按钮，在创建对象时如果选中“对象绘制”按钮，将创建独立的对象，与其他对象互不影响。相反，如果在绘制图形时没有选取“对象绘制”按扭，则对象之间将会产生影响，对象能够被切割或融合。

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

2）形状的融合

融合是将两个形状连在一起，此功能可创建绘图工具无法绘制的形状。使用时要注意，进行融合的形状的颜色要相同，没有边框，并且不是独立的对象（即在绘制对象时没有按下“对象绘制”按钮）。

3）组合对象

组合是将多个对象当作一个整体进行处理，可以更方便地对对象进行移动、变形等操作，还可以防止因为重叠而产生的切割和融合。在编辑组合时，其中的每个对象均保持各自的属性以及与其它对象的关系。

?创建组合Ctrl+G

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

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

Flash中，组合对象或实例等独立对象在叠放时，有上下顺序之分，上面的对象可以覆盖下面的对象。对象的上下顺序与创建时的次序有关，后创建的对象在先创建的对象上面。绘图工具创建的非独立的形状没有上下顺序之分，不能进行叠放顺序调整。

例1 风景画

教师绘制几个矩形分别演示对齐面板中的对齐、匹配、分布、间隔按钮的用法。强调“相对于舞台”按钮的用法

举例说明:直线分割椭圆矩形打孔

以一个椭圆和一个矩形融合举例说明

例2 镜面字

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

1、变形面板

单击菜单中“窗口”|“变形”命令，可打开“变形”面板。比例缩放调节旋转角度调节：：扭曲角度调节4.2.2 缩放和旋转对话框

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

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

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

2）对象的扩展与柔化

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

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

例3 制作一朵七色花

例4 制作一个暂停按钮

3.3混色器和填充变形工具

1、混色器

1）、笔触颜色

2）、填充颜色

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

4）、颜色值

5）、渐色面板和亮度

6）、Alpha

7）、预览框

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

2、调整渐变效果

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

2）溢出

溢出Flash 8的一个新增功能，当我们更改渐变中心或缩小渐变宽度时，会使图形的一部分或全部超出渐变的控制范围

3）锁定填充

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

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

例：制作带阴影的小球

使用“缩放和旋转”面板缩放对象只能将选中的图形对象按宽和高的比例整体放大或缩小，不能只对水平方向或垂直方向分别放大、缩小。

第4周文字

又称为RGB三基色系统，它的每一种基本颜色用两位十六进制数表示，因此用RGB三基色表示

的颜色用6位十六进制数表示。

4.1 文本的输入

1、静态文本的输入

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

2）、静态文本输入、编辑与修改。

4.2常用的字效：

1、晕光字效

关键的技术要求：

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

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

3）、在选中离散文字的前提下，将文字图形进行柔化边缘填充；

4）、在边缘柔化了的文字图象中，将内部填充色删除即可。

2、空心字

关键的技术要求：

1）、设置影片尺寸大小和背景颜色；

2）、输入文字；

3）、将文字打散；

4）、用墨水瓶工具对打散的文字图形进行描边；

5）、最后将文字的内部填充色删除即可。

3、立体字

提示学生注意线

条转化为填充后，

笔触和填充选项

的变化

注意设置变化中

心

文本需进行两次

分离（Ctrl+B）

关键技术要求：

1）、设置影片尺寸大小并输入文字；

2）、按照制作空心字步骤做出空心字效果；

3）、将空心字复制并粘贴到相同位置；

4）、将复制的空心字往右平移2-4个像素并向上平移2-4个像素，初步造成叠影；

5）、将看不到的线条删除，并将文字的各对角相连；

6）、同理删除被遮掉的线条，即完成立体字。

4、双色（多色）字

关键技术要求：

1）、制作此类文字效果，只要将文字打散成离散的图形；

2）、然后用选取工具选取其中部分，再对选中部分进行颜色填充；3

3）、选取次数可以随意定。

5、彩虹字

关键技术要求：

1）、将输入的文字打散；

2）、对第一种情况来讲，只要文字的填充色直接通过混色器进行编辑即可；

3）、对第二种情况，需要用到油漆桶工具，在选中文字图形并设置好油漆桶的颜色值（渐变色）

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

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

请学生思考此例

制作的关键。

提示：阴影实际上

就是原图副本填

充灰色，然后进行

自由变形

课堂小结

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

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

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

第5 周元件、实例

教学时间第5 周计划课时 1 课时+实训1课时序号 5 课程内容模块5：元件和实例

教学目标

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

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

库面板构成：

·菜单：点击可打开库面板的命令菜单，进行

各项有关操作

·播放／停止按钮：用于播放或停止播放电影

元件

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

·显示切换按钮：以大图框/小图框方式显示

·新建元件按钮：：单击建立新元件

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

·属性按钮：单击打开所选项的属性面板

·删除按钮：单击删除选中的项目

5.2 创建图形元件

图形元件主要用于静态图像的重复使用以及用于制作运动渐变动画。

一. 将场景中的元素转换成图形元件

1.选择要变为元件的元素，可选择一个或多个

2.选择菜单“修改”→“转换为元件”或按F8键

3.在名称栏中输入元件名称，在行为栏中选择“图形”

4.单击"确定"按钮

二. 创建新的图形元件

1.选择菜单“插入”→“新建元件”或按Ctrl+F8键或单击“库”面板左下角的“新建元

件”按钮

2.在名称栏中输入元件名称，在行为栏中选择“图形”后，单击"确定"。

3.在舞台中创建元件内容

4.单击舞台上方的“后退”按钮或场景名称返回到场景编辑模式

5.3 创建影片剪辑元件

影片剪辑元件主要用于制作需要重复使用的动画片段。

一. 创建新的影片剪辑元件操作步骤：

1.选择菜单“插入”→“新建元件”或按Ctrl+F8键或单击“库”面板左下角的“新建元

件”按钮

2.在名称栏中输入元件名称，在行为栏中选择“影片剪辑”后，单击"确定"。

3.在舞台中制作影片剪辑的动画内容

4.单击舞台上方的“后退”按钮或场景名称返回到场景编辑模式

二.将舞台上的动画转换为影片剪辑操作步骤：

1.选择帧

?选择某些层的所有帧：按住Shift键，点击时间轴左边要转换为影片剪辑的各层；

?选择多个连续的帧：单击某帧，再按住Shift 键并单击其它帧

2. 拷贝帧：右键单击选定的帧，从弹出菜单中选择“复制帧”或选择“编辑”→“时间轴”→“复制帧”

3. 新建元件：选择“插入”→“新建元件”；在对话框中给元件命名。选择“影片剪辑”后单击“确定”

4. 在时间轴上右键单击第1层上的第1帧，在弹出的菜单中选择“粘贴帧”

5. 单击舞台上方的“后退”按钮或场景名称返回到场景编辑模式。

5.4 实例的创建与修改

一.创建实例

在创建元件之后，用户就可以使用元件创建实例，电影中的所有地方都可以使用元件实例，包括在其他元件的内部

创建实例步骤：

1）选中时间轴的层

2）选择窗口→库或按Ctrl+L键打开库面板

3）将元件拖到舞台上

二.改变实例的属性

每个实例可以有自己的属性，属性独立于元件。可以修改单个实例颜色、亮度、透明度；可以对实例进行缩放、旋转、扭曲；改变实体的类型和动画的播放模式。这些操作不会影响元件和其它实例。

1.改变实例的颜色和透明度：

选中要改变属性的实例，打开属性检查器的颜色下拉菜单选择以下选项：

?亮度：调整图象的相对亮度和暗度，100%为白色，-100%为黑色。0为默认值。

?色调：为实例着色，可以直接选择颜色，可以使用滴管工具，也可以直接输入红、绿、蓝颜色值，使用滑杆可设置色调百分比

?Alpha：调整实例的透明度，设置为0则实例完全不可见，100%则表示完全可见。

高级：同时设置红、绿、蓝颜色值与透明度参数

三．变形实例

1)选中要改变属性的实例；

2)使用变形工具；变形面板或修改菜单中的变形命令对实例进行缩放、扭曲、旋转等操作。

四.分离实例

如果想对实例作较大程度的修改而不影响实例所属的元件以及其他实例，则可执行此操作。即切断实例和符号之间的链接。方法：

1）选择舞台上的实例

2）选择修改>分离或按Ctrl+B键

5.5 元件的编辑与修改

在Flash中对元件可以根据需要随时编辑修改已制作的元件。如果修改元件，则所有该元件的实例都将更新。

方法：

1.打开元件的编辑编辑窗口，可采用以下方式

?在当前位置直接编辑：双击舞台上的元件实例。

?在新窗口编辑元件：选中舞台上的元件，右键单击后选择“在新窗口编辑”

2. 修改元件

3. 退出元件编辑窗口。可采用以下方式

?单击位于舞台顶上方左端的后退按钮

?单击位于舞台顶端左面的场景名

?如果是在新窗口编辑元件，单击右上角的关闭框关闭新窗口

对元件进行修改后将改变场景上所有引用该元件的实例的属性。

5.6 导入外部资源

在Flash中可以将外部对象导入到当前库中，也可以将其他Flash文档中的库资源导入到当前的Flash文档并使用

一. 导入外部对象

在Flash中可以导入其他应用程序中创建的插图。可以导入多种文件格式的矢量图形和位图也可以导入视频与声音。方法：

1.执行“文件”→“导入”→“导入库”或“导入到舞台”

2.选择要导入的文件，单击“打开”按钮完成对象的导入

3.打开库面板，将导入的资源拖入工作区，并进行变形、重新着色和修改等操作。

二. 在不同的Flash文件中复制库资源

在Flash文档之间可以拷贝库资源，从而可以将在其它Flash文档中创建的元件复制到当前文档中并使用。

方法一：通过拷贝和粘贴来拷贝库资源：

1.在源文档的舞台上选择资源

2.选择“编辑”→“复制”

3.将目标文档作为活动文档

4.将指针放在舞台上

?选择“编辑”>“粘贴到中心位置”，以将资源粘贴到可见工作区的中心位置。

?选择“编辑”>“粘贴到当前位置”，将资源放置在与源文档中相同的位置中。

方法二：通过拖动来复制库资源：

1.在Flash 中打开源文档，并打开库面板

2.打开目标文档，在源文档的“库”面板中选择资源。

3.将资源拖入目标文档的“库”面板中。

方法三：打开源库来复制库资源：

1.选择“文件”→“导入”>“打开外部库”。

2.在“作为库打开”对话框中选择源文档，然后单击“打开”。

3.将资源从源文档库拖到舞台上或拖入目标文档的库中。

例:情人节贺卡

课堂小结1.创建元件，实现元件与图形之间的转换

2.创建实例，并对实例进行设置

3.库面板的使用

布置作业实训五：制作元件和实例

第5 周逐帧动画