2022年初中信息技术第四册完整版教案全册教学设计

初中信息技术第四册

完整版教案全册教学设计

目 录

第一单元 初试基本动画 ·····················································

1

第1课 初识Flash软件 ······························································ 2

第2课 制作动作补间动画 ·························································· 9

第3课 制作形状补间动画 ························································· 16

单元小结 ················································································· 22

第二单元 动画更上一层楼 ·················································

23

第4课 制作引导动画 ······························································· 24

第5课 制作遮罩动画 ······························································· 31

第6课 制作交互动画 ······························································· 38

第7课 制作多场景动画 ···························································· 46

第8课 制作多图层动画 ···························································· 54

第9课 综合活动——制作艺术节动画片 ······································· 64

单元小结 ················································································· 69

第三单元 电脑美术之图像处理 ···········································

70

第10课 美化图像素材 ······························································ 71

第11课 合成图像作品 ······························································ 78

单元小结 ················································································· 86

第四单元 电脑美术之平面设计 ···········································

87

V

第12课 文字创意 ···································································· 88

第13课 图形创意 ···································································· 97

第14课 图层蒙版 ·································································· 106

第15课 滤镜创意 ·································································· 114

第16课 综合活动——制作家乡宣传画 ······································ 122

单元小结 ··············································································· 128

第二单元

动画更上一层楼

Flash动画的表现形式多种多样，本单元前两课将在第一单元的

基础上，通过添加引导层、设置遮罩层分别制作引导动画和遮罩动

画。后三课分别介绍交互动画、多场景动画以及多图层动画的制作

方法。

·VI·

第4课 制作引导动画

简单的动作补间动画能实现两个位置点之间的直线运动。但如果要用Flash来制作飞

舞的蝴蝶、秋天的落叶、飞翔的鸟儿等动画，则需要借助引导层来实现。

目标一：制作背景与花草图层

新建Flash文档，导入动画素材后，先制作背景图层，再制作花草动作补间动画。

 运行软件 运行Flash软件。

 新建文档 新建文档，然后选择“修改”→“文档”命令，设置文档

尺寸大小：宽为600px，高为400px，帧频为24fps。

 重命名图层 将“图层1”命名为“背景”，调整窗口显示比例为“符

合窗口大小”。

 添加背景图像 将“素材”文件夹中的“背景.jpg”“蝴蝶.gif”“花

草.png”等素材导入到“库”面板中，再从“库”中将“背景.jpg”拖

动到“背景”图层第1帧的舞台上。

 调整背景图像 选中舞台上的“背景”图像，在“属性”面板中将“背

景”图像坐标设置为X∶0，Y∶0。

 新建花草图层 新建一个图层，修改图层名为“花草”。

 添加花草图像 单击“花草”图层第1帧，从库中拖动“花草.png”到

VII

舞台上。

 转换图形元件 按照图4.1所示操作，将“花草”图像转换为图形元件。

图4.1 转换图形元件

 设置元件属性 选中舞台上的“花草”图形元件，在“属性”面板中

设置其坐标为X∶0，Y∶200。

 制作第40帧 单击“花草”图层第40帧，按F6键插入关键帧，选中

舞台上的“花草”图形元件，在“属性”面板中设置其坐标为X∶0，Y∶0。

 创建补间动画 在“花草”图层第2～39帧之间创建补间动画。

 延长帧 单击“背景”图层第40帧，按F5键插入普通帧，延长背景内

容至第40帧。

目标二：制作蝴蝶与引导图层

创建“蝴蝶”图层，添加“蝴蝶”元件后对“蝴蝶”图层添加“引导层”，用绘制的

“引导线”引导“蝴蝶”元件由起点运动到终点。

 新建图层 新建一个图层，修改图层名为“蝴蝶”。

 添加引导层 按照图4.2所示操作，为“蝴蝶”图层添加引导层。

·VIII·

图4.2 添加引导层

 绘制引导线 单击引导层第40帧，按F7键，插入一个空白关键帧。按

照图4.3所示操作，绘制蝴蝶飞舞的路线。

图4.3 绘制引导线

 添加影片剪辑 单击“蝴蝶”图层第40帧，按F7键，插入一个空白关

键帧。从库中拖动“元件2”影片剪辑元件到舞台上，在“属性”面板

中调整其宽、高均为50。



制作第帧 单击“选择”工具，拖动“元件”影片剪辑元件，

40

2

使元件中心的空心圆圈被“引导线”穿过，如图所示。

4.4

 延长帧 分别单击“引导层”“花草”“背景”的第100帧，按F5键

插入普通帧，延长各图层内容至第100帧。

IX

图4.4 第40帧“蝴蝶”元件的位置

 制作第60帧 单击“蝴蝶”图层第60帧，按F6键插入关键帧，拖动

“蝴蝶”影片剪辑元件至图4.5所示位置，仍然要使元件中心的空心圆

圈被“引导线”穿过。

图4.5 第60帧“蝴蝶”元件的位置

 制作第80帧 单击“蝴蝶”图层第80帧，按F6键插入关键帧。

 制作第100帧 单击“蝴蝶”图层第100帧，按F6键插入关键帧，拖

动第100帧中的“蝴蝶”影片剪辑元件至图4.6所示位置，仍然要使元

件中心的空心圆圈被“引导线”穿过。

 创建补间动画 分别在“蝴蝶”图层第41～59帧及第81～99帧创建补

间动画，完成后的时间轴如图4.7所示。

·X·

图4.6 第100帧“蝴蝶”元件的位置

图4.7 创建补间动画后的时间轴

 测试影片 测试影片，观看动画效果。

 保存文件 以“蝴蝶飞舞.fla”为文件名保存文件。

 导出影片 以“蝴蝶飞舞.swf”为文件名导出动画作品。

1．试着构想并制作一个利用引导层完成的动画，如落叶飘落、地球公转等。

2．试一试，一个引导层可否同时引导多个运动对象？

1

．铅笔工具

在动画制作中，铅笔工具常用来绘制线条和轮廓，其附属选项如图4.8所示。

XI

图4.8 铅笔工具附属选项







伸直——将铅笔所画的轨迹调整为直线；

平滑——将铅笔所画的轨迹调整为平滑；

墨水——将铅笔所画的轨迹调整为手绘的自然状态。

2

．橡皮工具

橡皮工具可以擦除舞台上的线条和图形，但对元件不起作用。双击橡皮工

具图标，可以擦除舞台上的所有对象。

橡皮工具也有很多选项，可分为标准擦除、擦除填色等类型，还有水龙头

模式、橡皮擦形状、型号等选项。这些作用与功能，请同学们去探索和体验。

3

．查看工具

。手形工具用来移动舞台在工作区查看工具包括手形工具和放大镜工具

中的位置；放大镜工具的使用方法与画图软件中的放大镜工具基本相同。在

本课中，运动对象在吸附引导线时，为了确保精准，可以利用放大镜工具协

助进行。

1．引导层

当动画对象需要沿着一定的路线运动时，就需要先设定好运动路线。在

Flash软件中，这种路线被称为引导线，引导线所在的图层被称为引导层。

引导线可以用钢笔、铅笔、线条、椭圆、矩形、画笔等工具绘制，但不能

是元件。在播放动画时，引导线会隐藏，不显示在动画中。

2．设置引导层的另一种方法

·XII·

引导动画由引导层和被引导层（可以是多个被引导层）组成，被引导层中

放置的是运动的对象，引导层中放置的是运动的轨迹。除了可以使用“添加运

动引导层”按钮添加引导层外，还可以通过图所示操作，将普通图层设

4.9

；当引导层置为引导层。当引导层有被引导的图层时，图层上显示为

没有被引导的图层时，图层上显示为。

图4.9 设置引导层的另一种方法

XIII

第5课 制作遮罩动画

利用Flash软件的“遮罩”功能，可以制作水波纹、望远镜、滚动字幕、放

大镜、探照灯等，若与其他功能配合，还可以设计出更多精彩的作品。本课以

动态文字为例，介绍遮罩动画的制作方法。

目标一：制作被遮罩层

制作七彩渐变矩形，将其作为动画的被遮罩层，如图5.1所示。

图5.1 七彩渐变矩形

 新建Flash文档 运行Flash软件，新建Flash文档。

 设置舞台背景 按照图5.2所示操作，设置舞台背景色为黑色。

·XIV·

 重命名图层 将“图层1”命名为“七彩矩形”，调整窗口显示比例为

“符合窗口大小”。

图5.2 新建Flash文档

 绘制七彩矩形 选中“七彩矩形”图层的第1帧，按照图5.3所示操作，

绘制七彩矩形。

图5.3 绘制七彩矩形

XV

 转换元件 选择工具面板中的“选择工具”按钮，右击舞台上的七彩矩

形，选择“转换为元件”，将七彩矩形转换为图形元件。

 设置元件的大小与位置 单击舞台上的“七彩矩形”图形元件，按照

图5.4所示操作，设置“七彩矩形”图形元件的大小与位置。

图5.4 设置元件的大小与位置

 制作第30帧 单击“七彩矩形”图层第30帧，按F6键，插入关键帧。

单击舞台中的“七彩矩形”图形元件，在属性面板中将X坐标的值更

改为“−500”。

 创建补间动画 在“七彩矩形”图层第2～29帧之间创建补间动画。

目标二：完成遮罩动画

 输入文字 插入新图层，更改图层名为“文字”，单击“文字”图层的

第1帧，按照图5.5所示操作，输入文字“五彩缤纷”。

·XVI·

图5.5 输入文字

 设置文字格式 选中文字“五彩缤纷”，按照图5.6所示操作，设置文

字字体为“华文琥珀”、大小为“80”。调整文字的位置，确保文字始

终位于七彩矩形内。

图5.6 设置文字格式

 分离文字对象 单击工具面板中的“选择工具”按钮，右击舞台上

XVII

“五彩缤纷”文字，选择“分离”；再次右击“五彩缤纷”文字，选择

“分离”，完成后的效果如图5.7所示。

图5.7 分离文字对象

 设置遮罩效果 按照图5.8所示操作，设置遮罩效果。

 测试及保存 测试影片，观察动画效果，调试完毕后以“五彩缤纷.fla”

为名保存文件。

图5.8 设置遮罩效果

1．在本课实例中，“文字”图层中“五彩缤纷”文字的颜色对最终生成的

遮罩效果有没有影响？动手试一试。

·XVIII·

2．如图5.9所示，利用遮罩功能制作一个探照灯的效果。要求有两点：第

一，探照灯的灯光照射处为圆形；第二，被灯光照射到的地方明亮，能显示出

物体的颜色与形状，没有被照到的地方光线较暗。

图5.9 作品效果

提示：

 使用一明一暗两张图片，分别放在两个图层上；

 在遮罩层上画一个填充圆，将这个填充圆作为探照灯照射形成的圆形

光圈；

 作为遮罩的图形，一定要有填充颜色，颜色可以不限；

 由于探照灯的灯光不断地改变方向，所以，填充圆的运动也要分几段来

完成。

1．图层隐藏、锁定与显示轮廓

在图层面板中，“显示隐藏所有图层”按钮、“锁定解除锁定所有图层”

//

按钮、“显示所有图层的轮廓”按钮下方对应的各图层的圆点按钮分别可

以对各图层进行显示或隐藏、锁定或解锁、显示内容或显示轮廓的设置。如

图所示，“文字”图层被隐藏并且被锁定，“七彩矩形”图层被锁定并且只

5.10

显示轮廓。

XIX

图5.10 图层隐藏、锁定与显示轮廓

2．自动吸附功能

在编辑图形时，自动吸附功能有助于捕捉某些关键点，如图形的中心与边

界点、引导线的起始点与结束点等。选择自动吸附工具后，当光标捕捉到关键

点时，光标下的小圆点会自动放大。如果你在画圆时遇到此情景，说明你画的

是一个正圆。所以有经验的人在画圆时，不按下Shift键也可以，只需注意观察

光标变化。

1．遮罩动画

遮罩动画是利用遮罩层产生的动画。遮罩动画由遮罩层、被遮罩层组成。

遮罩层中可以放置遮罩项目，遮罩项目可以是填充的形状、文字对象、图形元

件或影片剪辑。被遮罩层可以是一个或多个图层。

遮罩项目像是一个窗口，透过它可以看到被遮罩层的内容。被遮罩层中的

内容只有在遮罩下才能显示出来，其余的内容都被隐藏起来。

2．修改遮罩动画

“遮蔽”效果实现时，“遮罩层”与“被遮罩层”都被锁定，所以，如果需

要对任何一层做改动，就必须先利用解锁按钮解锁。当然，修改后要让遮罩

效果再生效，必须再将“遮罩层”与“被遮罩层”锁定。

·XX·

第6课 制作交互动画

在Flash软件中，按钮是一种元件，它的功能非常强大。给按钮添加相应的

动作不仅可以控制动画的播放，还可以控制场景的跳转，这样的交互功能可以

给我们带来更多的参与感。

目标一：制作飞机动画

如图6.1所示，通过动作补间动画来实现飞机的上升飞行和下降飞行。

XXI

图6.1 飞机飞行动画

 新建文档 运行Flash软件，新建一个Flash文档。建立4个图层，从

下到上依次命名为“背景”“飞机”“白云”“按钮”，如图6.2所示。

图6.2 新建图层并命名

 导入素材 将“素材”文件夹中的“背景.jpg”“白云.png”图片导入

到“库”面板中。

 添加背景 将“背景”图片从“库”面板中拖动到“背景”图层第1帧

的舞台上，并选中舞台上的“背景”图片，在属性面板中设置X、Y坐

标均为0。

 新建元件 按“Ctrl+F8”组合键，新建影片剪辑元件“飞机”。

 制作影片剪辑元件 在“飞机”影片剪辑元件的时间轴中，选择“文

件”→“导入”→“导入到舞台”命令，然后按照图6.3所示操作，完

成影片剪辑元件的制作。

·XXII·

图6.3 制作影片剪辑元件

 返回场景 单击“场景1”，返回“场景1”时间轴界面。

 添加影片剪辑元件 单击“飞机”图层第1帧，将库面板中的“飞机”

影片剪辑元件拖动到舞台中央。

 添加白云元件 单击“白云”图层第1帧，将库面板中的“白云”图片

拖动到舞台上，将“白云”图片转换为图形元件，并将“白云”元件

移动到图6.4所示的位置。

图6.4 第1帧“白云”图形元件的位置

 延长帧 分别单击“背景”“飞机”“按钮”图层的第60帧，按F5键，

XXIII

将画面延续到第60帧。

 制作“白云”图层的第30帧 单击“白云”图层第30帧，按F6键插

入关键帧，再将第30帧中的“白云”图形元件移到图6.5所示的位置。

图6.5 第30帧“白云”图形元件的位置

 创建动作补间动画 在“白云”图层第2～29帧创建补间动画。

 复制帧 按照图6.6所示操作，将第1～30帧复制到第31～60帧。

图6.6 复制帧

 设置第31帧与第60帧 分别将第31帧、第60帧中的“白云”图形元

件移到图6.7所示的位置。

·XXIV·

图6.7 设置第31帧与第60帧

目标二：完成交互控制

在运动的白云的参照下，飞机看起来好像在空中一会儿上升，一会儿下降，

接下来我们要添加按钮来控制飞机的上升和下降两种飞行状态。

 在第30帧添加动作 选中“白云”图层的第30帧，选择“窗口”→“动

作”命令，打开动作面板，按照图6.8所示操作，使动画播放到第30

帧时跳转回第1帧。

XXV

图6.8 在第30帧添加动作

 在第60帧添加动作 选中“白云”图层的第60帧，使用同样的方法，

设置当行进到第60帧时跳转返回到第31帧播放。第60帧的动作代码

如图6.9所示。

图6.9 第60帧的动作代码

 添加“key-up”按钮 选中“按钮”图层的第1帧，选择“窗口”→“公

用库”→“按钮”命令，打开按钮库，按照图6.10所示操作，添加“key-up”

按钮到舞台中。

·XXVI·

图6.10 添加“key-up”按钮

 添加“key-down”按钮 使用相同的方法，将“key-down”按钮也添加

到舞台中。

 添加按钮动作 分别选中舞台上的“key-up”按钮与“key-down”按钮，

按F9键打开动作面板，分别输入图6.11所示的命令代码。

“key-up”按钮命令代码

“key-down”按钮命令代码

图6.11 添加按钮动作

 测试并保存动画 测试影片，分别单击“key-up”和“key-down”按钮，

测试按钮效果，最后以“控制飞机飞行.fla”为名保存文件。

XXVI

1．想一想，添加帧动作与添加按钮动作有什么不同？在本节课实例中，如

果将“keyup”按钮的动作添加到“白云”图层的第30帧，能不能实现控制？

-

2．阅读“小技巧”，制作一个个性化的按钮，并用它来控制本课中飞机的

飞行。

Flash公用库中有不少按钮元件可以使用，我们还可以自己动手制作有趣的

个性化按钮。

按钮元件只有4个关键帧，如图6.12所示。

图6.12 按钮元件

第l帧是“弹起”帧，用来表示动画运行时按钮没有被触发时的外观；第2

帧为“指针经过”帧，用来表示在动画运行过程中，当鼠标指针移到该按钮上

时按钮的外观；第3帧为“按下”帧，用来表示在动画运行过程中，当鼠标按

下时该按钮的外观；第4帧为“点击”帧，用来表示在动画运行时按钮的作用

范围，即鼠标可以单击到的范围。默认情况下，“点击”帧的范围与第1帧画面

的范围相同。制作按钮组件的步骤如下：

 插入元件 选择“插入”→“新建元件”→“按钮”命令，按照图6.13

所示操作，插入“按钮1”元件。

 制作第1帧 在按钮编辑窗口的第l帧（“弹起”帧）绘制一个圆形，如

图6.14（a）所示。

·XXVIII·

图6.13 插入元件

 制作第2帧 在第2帧（“指针经过”帧）插入关键帧，改变填充色，

如图6.14（b）所示。

 制作第3帧 在第3帧（“按下”帧）插入关键帧，再改变填充色，如

图6.14（c）所示。

图1.3

（a）

（b） （c）

图6.14 制作按钮

 测试影片 返回“场景1”，从库中将“按钮1”拖到舞台中，并测试

影片。

交互

使用Flash软件不仅可以制作观赏的动画，还可以制作与人交互的动画。交

互就是指双方可以交流与互动。常用的交互形式有两种：“参与”和“控制”。“参

与”的交互形式在计算机游戏中屡见不鲜，比如，你可以在其中扮演一个角色，

过关斩将，而游戏软件则对你的表现进行反馈：如果你表现得很棒，就奖励你；

如果你表现得很糟糕，就惩罚你。“控制”的交互形式在各种应用软件中也很常

XXIX

见，比如，让你控制软件的开始、停止、级别高低、跳转等。

·XXX·

第7课 制作多场景动画

一个较为复杂的Flash作品往往由多个场景构成。在Flash中新建文件时，

默认状态下只有一个场景，即“场景1”，这就需要同学们学会为动画添加场景，

并能对场景进行切换，以满足制作复杂动画的需要。

目标一：制作“四季的旅行”动画

如图7.1所示，制作一个“四季的旅行”动画。动画由5个场景组成，在每

个场景中导入一张风景图片，作为女孩途经的地点；在每个场景中放置一个按

钮，用来控制场景的切换。

XXXI

图7.1 四季的旅行

 新建文档 运行Flash软件，新建一个Flash文档。

 导入素材 将“素材”文件夹中的“封面.jpg”“春.jpg”“夏.jpg”“秋.jpg”

“冬.jpg”几幅图片导入到库面板中。

 新建元件 新建一个“影片剪辑”元件，命名为“女孩”。

 制作元件 将图片“女孩.gif”导入到元件的舞台中，并返回“场景1”。

 制作背景 将“图层1”重命名为“背景”，将“封面.jpg”导入作为

背景，图片坐标X、Y均设为0。右击第80帧，在弹出的快捷菜单中选

择“插入帧”命令，将图片延续到第80帧，效果如图7.2所示。

图7.2 制作背景

 添加“女孩”元件 插入“图层2”，并重命名为“女孩”，从库中将

“女孩”影片剪辑元件拖到舞台左侧，并调整其大小，效果如图7.3所示。

 创建补间动画 右击第80帧，在弹出的快捷菜单中选择“插入关键帧”

命令，将“女孩”影片剪辑元件移动到舞台的右侧，在第1～79帧之间

设置动作补间动画。

 复制帧 按照图7.4所示操作，复制“女孩”与“背景”两个图层的1～

·XXXII·

80帧。

图7.3 添加“女孩”元件后的效果

图7.4 复制帧

 添加场景 选择 “插入”→“场景”命令，Flash自动添加并打开“场

景2”。

XXXII

 粘贴帧 按照图7.5所示操作，将“场景1”中的内容粘贴到“场景2”中。

 交换位图 单击舞台上的“背景”图片，在“属性”面板中单击“交换”

按钮，替换为“春.jpg”。

图7.5 粘贴帧

 制作其他场景 使用相同的方法制作“场景3”“场景4”“场景5”，

并将“场景3”“场景4”“场景5”中的背景图片分别替换为“夏.jpg”

“秋.jpg”“冬.jpg”。

目标二：控制场景切换

在测试影片时会发现：动画在5个场景之间自动循环播放。能不能手动控

制场景的变化？让动画在收到我们给出的指令后再变更场景呢？这就要通过按

钮来控制。

 选择场景 按照图7.6所示操作，选择“场景1”。

图7.6 选择场景

·XXXIV·

 添加帧动作 右击“女孩”图层的第80帧，在弹出的快捷菜单中选择

“动作”命令，打开“动作−帧”对话框，按照图7.7所示操作，添加帧

动作，使动画运行到第80帧就停止，等待指令。

图7.7 添加帧动作

 制作其他场景 用同样的方法在其他各场景中“女孩”图层的第80帧

添加帧动作。

 添加按钮 选择“场景1”，单击“背景”图层的第1帧，选择“窗

口”→“公用库”→“按钮”命令，打开“库−按钮”面板，将“playback

flat”文件夹中的“flat blue play”按钮拖到舞台右下角。

 添加按钮动作 右击该按钮，在弹出的快捷菜单中选择“动作”命令，

打开“动作−按钮”对话框，输入图7.8所示的动作代码。

图7.8 “场景1”中的按钮动作代码

XXXV

 复制按钮 右击该按钮，在弹出的快捷菜单中选择“复制”命令，然后

选择“场景2”，单击“背景”层第1帧，再选择“编辑”→“粘贴到

当前位置”。

 更改动作代码 右击按钮，在弹出的快捷菜单中选择“动作”，更改动

作代码，如图7.9所示。

图7.9 “场景2”中的按钮动作代码

 制作其他场景按钮 用相同的方法制作“场景3”“场景4”“场景5”

中的按钮，各按钮代码如图7.10（a）～（c）所示。

（a）“场景 3”中的按钮动作代码 （b）“场景 4”中的按钮动作代码

（c）“场景 5”中的按钮动作代码

图7.10 各场景中的按钮动作代码

1．尝试在“场景1”中制作4个按钮，分别控制“春”“夏”“秋”“冬”4

个场景的切换，效果如图7.11所示。

·XXXVI·

图7.11 制作4个按钮

2．选择“窗口”→“其他面板”→“场景”命令，尝试更改场景名以及场

景顺序。

本节课导入的“女孩.gif”图片，其背景是透明的，因此和场景中的背景图

片能很好地融合在一起，但是有时导入的图片背景是不透明的，这样画面就会

很难看。怎样让图片的背景变成透明的呢？可以利用工具箱中的套索工具将背

景除去，具体操作如下：

 分解图片 选中图片，选择“修改”→“分离”命令，将图片分离。

 设置魔术棒 选择“套索”工具，按照图7.12所示操作，设置魔术棒。

图7.12 设置魔术棒

 删除背景 用魔术棒选择背景区域，并按Delete键删除背景。



继续删除 没有被删除的剩余部分，可以使用“橡皮擦工具”进行

XXXVI

擦除。

在制作复杂的动画时，如果动画的帧数很多，为了方便制作，可以改变时

间轴的外观。设置时间轴外观的方法如下：

 打开设置菜单 按照图7.13所示操作，弹出时间轴设置菜单，可以选择

相应的选项来改变时间轴的外观。

 时间轴的外观 时间轴的不同外观如图7.14所示。

图7.13 打开时间轴设置菜单

·XXXVIII·

很小

大

预览

较短

图7.14 时间轴的不同外观

XXXIX

第8课 制作多图层动画

使用Flash软件可以制作出动态的电子贺卡，不仅形象美观，而且环保、节

约。Flash贺卡往往包含了多种动画元素，需要用到更多的图层。本节课我们以

母亲节贺卡为例，学习制作多图层的更为复杂的Flash动画。

目标一：前期准备

好的动画作品需要一个清晰的制作流程，构思和设计是动画制作的首要环

节。因此在制作具体的作品前，应该先明确目标和功能，厘清制作思路，确定

作品的内容和结构。

制作Flash动画的一般过程如图8.1所示。

图8.1 Flash动画制作的一般过程

首先,确定主题为“母亲节贺卡”后，应当对贺卡进行规划与设计。规划与

·XL·

设计的方法可以自由选择。本课采用的是分场景、分图层的设计方法，本例中

仅需一个场景。分图层设计脚本如表8.1所示。

表母亲节贺卡分图层设计思路

8.1

图层设计思路

按钮按钮放在第帧，按下后从第帧开始播放

1401

音乐使用声音“妈妈我爱你”

.mp3

文字第～帧设置动作补间，文字逐渐显现、上移并变大

80120

爱心第～帧设置动作补间动画，爱心逐渐变大、变透明

5080

花朵使用图形元件，第～帧设置引导层动画，由左向右飘动

150

蜻蜓使用影片剪辑元件，第～帧设置动作补间动画

1140

母子使用图形元件，第～帧设置动作补间动画

150

小草使用影片剪辑元件，时间轴不安排动画

白云使用图形元件，第～帧设置动作补间动画，由左向右移动

1140

太阳使用影片剪辑元件，时间轴不安排动画

背景使用位图，时间轴不安排动画

根据设计思路收集所需的素材，若直接搜索的素材不能满足需求，则需要

使用相关软件进行再加工。本例收集的参考素材如图8.2所示。

图8.2 参考素材

目标二：后期制作

XLI

完成了内容的规划与素材的收集之后，就要制作作品了。在制作的过程中，

应当对照设计思路，按图层分步制作，最后生成并发布作品。图8.3所示为作品

完成后各图层在时间轴中的排列顺序。

图8.3 各图层在时间轴中的排列顺序

1．制作贺卡动画

以下为贺卡动画的制作过程。

 新建文档 新建一个Flash文档，设置文档属性：宽为600px，高为600px，

设置背景为白色，帧频为12fps。

 导入素材 将“素材”文件夹中的“背景.jpg”“白云.png”“母子.png”

“花朵.png”“爱心.png”“妈妈我爱你.mp3”6个素材文件全部导入到

库面板。

 制作“背景”图层 制作“背景”图层，将画面延续到第140帧，完成

后的效果如图8.4所示。

·XLII·

图8.4 “背景”图层的效果

 制作“太阳”图层 制作“太阳”影片剪辑元件，并将其放入“太阳”

图层，延续画面至140帧，完成后的效果如图8.5所示。

图8.5 “太阳”图层的效果

 制作“白云”图层 制作图形元件“白云”，并将其放入“白云”图层，

在第1～140帧设置动作补间动画，完成后的效果如图8.6所示。

XLIII

图8.6 “白云”图层的效果

 制作“小草”图层 制作“小草”影片剪辑元件，并将其放入“小草”

图层，延续画面至140帧，完成后的效果如图8.7所示。

图8.7 “小草”图层的效果

 制作“母子”图层 制作图形元件“母子”，并将其放入“母子”图层，

在第1～50帧设置动作补间动画，并将第1帧中“母子”图形元件的

Alpha值设置为0，完成后的效果如图8.8所示。

·XLIV·

图8.8 “母子”图层的效果

 制作“蜻蜓”图层 制作影片剪辑元件“蜻蜓”，并将其放入“蜻蜓”

图层，在第1～140帧设置动作补间动画，完成后的效果如图8.9所示。

图8.9 “蜻蜓”图层的效果

XLV

 制作“花朵”图层 制作图形元件“花朵”，并将其放入“花朵”图层，

在第1～50帧设置动作补间动画，为其创建引导层，完成后的效果如

图8.10所示。

图8.10 “花朵”图层及引导图层的效果

 制作“爱心”图层 制作图形元件“爱心”，并将其放入“爱心”图层

的第50帧，在第50～80帧设置动作补间动画，完成后的效果如图8.11

所示。

·XLVI·

图8.11 “爱心”图层的效果

 制作“文字”图层 制作图形元件“文字”，内容为“妈妈，我爱你！”，

然后将其放入“文字”图层第80帧，在第80～120帧创建动作补间动

画，使文字逐渐显现、上移并变大，效果如图8.12所示。

图8.12 “文字”图层的效果

 制作“音乐”图层 创建“音乐”图层，为“音乐”图层添加声音“妈

妈我爱你.mp3”。

 制作“按钮”图层 创建“按钮”图层，在第140帧插入关键帧，添加

“公用库”中的“playback-loop”按钮，为按钮添加动作代码，完成后

的效果如图8.13所示。

XLVII

图8.13 “按钮”图层的效果

 添加停止动作 为“按钮”图层第140帧添加停止动作代码“stop();”，

使动画在140帧处停止。

 测试影片 测试影片，最终效果如图8.14所示。

图8.14 最终效果

 保存文档 以“母亲节贺卡.fla”为名保存文档。

2．生成贺卡动画

贺卡动画制作完成了，还需要将它生成为Flash影片或Windows放映文件，

以便于观赏。

 生成swf影片 以“母亲节贺卡.swf”为名保存影片文件。

 发布放映文件 选择“文件”→“发布设置”命令，按照图8.15所示操

作，以“母亲节贺卡.exe”为名保存文件。

·XLVIII·

图8.15 发布放映文件

制作一个有创意的贺卡。

（1）选择一个自己感兴趣的主题。

（2）收集切合主题的背景图片等资料。

（3）使用Flash软件制作动画，并添加祝贺寄语。

（4）添加合适的背景音乐。

（5）将动画文件导出为SWF格式，以便在网络上进行播放。

导入外部声音

在Flash软件中，可以导入多种外部声音文件，为动画增光添彩。这些外部

声音文件的格式可以是MIDI、WAV、MP3等。导入外部声音的方法如下。

 导入声音素材 选择“文件”→“导入”命令，导入声音文件。

 插入声音 在时间轴需要插入声音的关键帧上单击，按照图8.16所示

操作，插入声音文件。

XLIX

图8.16 插入声音

·L·

第9课 综合活动——制作

艺术节动画片

校园的艺术节活动丰富多彩，精彩的书法比赛、绘画比赛、文艺演出等，

给同学们留下了深刻的印象。为了进一步宣传校园艺术节文化，展示校园艺术

节的成果，重温艺术节的精彩瞬间，让我们用Flash来设计、制作艺术节动画片，

展示同学们的才艺，留下精彩的瞬间吧！

1．收集艺术节优秀作品的照片。

2．运用Flash制作一个艺术节动画片。

3．在QQ空间中发布作品，并与同学交流。

规划作品制作步骤

回忆前一课的制作过程，想一想，运用Flash软件制作动画片，需要进行哪些步骤？

请将相应步骤的选项填入合适的位置。

A. 收集素材 B. 制作作品 C. 规划设计 D. 确定主题 E. 导出作品

思考作品技术处理

1．通过与同学交流、上网搜索等方式，了解提供图片、声音、swf格式动

画等素材资源的相关网站，并记录在下面，为制作作品做准备。

提供图片素材资源的网站：

LI

提供声音素材资源的网站：

提供swf格式动画素材资源的网站：

步骤一：确定主题内容

确定艺术节动画片的主题内容，请用文字简要描述动画片的内容。

步骤二：规划作品

1．请根据你确定的内容，仿照图9.1设计作品的框架。

图9.1 《艺术节成果展示》作品框架

2．试着分析作品中的场景和对象，参照表9.1，填写表9.2。

表9.1 场景与对象分析示例

场景 对象

片头 背景图片、卷轴元件、卷轴背景图片、背景音乐、“书画”按钮、“文艺”按钮

·LII·

书画 各书画图片元件、“返回”按钮、“展示”按钮

文艺 各文艺表演图片元件、“返回”按钮、“展示”按钮

表9.2 场景与对象分析

场景 对象

3．试着根据作品框架和对象分析，按表9.3所示方法，设计动画各场景的分图层脚本。

表9.3 “片头”场景分图层设计脚本

图层 动画效果

音乐 使用片头中开场的背景音乐

按钮 “书画”“文艺”两个按钮

右卷轴 制作动作补间动画，逐渐向右运动

左卷轴 制作动作补间动画，逐渐向左运动

矩形 遮罩层，遮罩“卷轴背景”图层，制作动作补间动画，逐渐增宽

文字 被遮罩层，“内江中学第六届校园艺术节”字样，无动画

卷轴背景 被遮罩层，无动画

背景 使用位图，无动画

步骤三：准备素材

确定作品所需要的素材，仿照表9.4填写作品素材需求表，并通过相应途径获取素材。

表9.4 作品素材需求表

素材内容 素材格式 获取途径 备注

片头背景图 网络搜索引擎 突出中国风元素，以红色为主色调

JPG

LIII

卷轴背景 JPG 网络搜索引擎 突出古朴风格

（续表）

素材内容 素材格式 获取途径 备注

卷轴 网络搜索引擎

片头背景音

乐

PNG

MP3 网络搜索引擎 中国传统民乐

软件公用库按钮 淡雅风格 “书画”按钮 按钮元件

软件公用库按钮 淡雅风格 “文艺”按钮 按钮元件

…… …… …… ……

若找不到合适的背景透明的图片，可

以使用美图秀秀删除背景

步骤四：制作作品

1．导入素材：新建Flash文档，将素材导入到库。

2．按各场景分图层设计脚本，实现各场景各图层的动画效果。

3．完善按钮动作，测试动画，调试、修改、保存作品。

步骤五：导出作品，分享交流

1．导出Flash动画影片，与同学分享。

将作品与同学分享，并介绍自己的创意和技术实现方法。

2．在与同学交流的过程中，你对哪个作品印象最深刻？哪些作品让你眼前一亮？哪

些作品在技术实现上给了你启发？请把你的感受写在下面。

·LIV·

根据同学对你作品的建议，你准备从哪些方面改进作品？

同学给我的建议：

我想这样完善作品：

LV

单 元 小 结

1．单元知识回顾

2．单元学习评价

学习内容掌握水平

掌握引导动画、遮罩动画的制作方法☆ ☆ ☆ ☆ ☆

掌握交互动画的制作方法☆ ☆ ☆ ☆ ☆

掌握多场景、多图层动画的制作方法☆ ☆ ☆ ☆ ☆

能独立完成任务，并且帮助其他同学☆ ☆ ☆ ☆ ☆

·LVI·

越来越多的家庭开始用照片来记录工作、学习、生活中的点滴。一

第三单元

电脑美术之图像处理

信息时代的发展，数码相机、智能手机等设备走进千家万户，

张张精美的照片，一幕幕难忘的瞬间，有开心，有惊喜，有感动……

现在行动起来吧，让我们学习使用图像处理软件，对照片进行

创意加工、艺术处理，为自己的生活增添更多的色彩吧！

LVII

第10课 美化图像素材

使用数码相机或手机拍摄照片时，因为现场环境、光线以及拍照技术的原

因，会出现曝光、主体不突出等问题，影响照片的效果。“美图秀秀”是目前比

较流行的一款图像处理软件，使用“亮度”、“色彩饱和度”、“裁剪”等工具，

对照片进行简单调整，可以让美丽的瞬间重放光彩。

运行程序

打开图片

认识界面

美化图片

调整亮度 调整对比度 调整饱和度

裁剪图片

裁剪图片 保存图片

目标一：打开图片

“美图秀秀”的运行界面简洁直观，主要分为“选项卡”、“工具面板”、“特

效面板”和“照片编辑窗口”四个区域。

 运行软件 单击按钮，选择“所有程序”→“美图” →“美图秀秀”

 打开图片 单击按钮，打开“素材”文件夹中的“三清秀色.jpg”

命令，运行软件。

文件，进入如图10.1所示界面，认识“美图秀秀”软件的窗口组成。

·LVIII·

选项卡

工具面板

特效面板

图像编辑窗口

图10.1 “美图秀秀”软件使用界面

目标二：美化图片

使用“美图秀秀”软件的“亮度”、“饱和度”、“对比度”等工具，可以对

照片的亮度色彩进行调整。

 基础设置 按图10.2所示操作，调整照片的亮度、对比度、饱和度和清

晰度。

①单击

②向左拖动

③向右拖动

④向右拖动

⑤向右拖动

图10.2 调整照片亮度、饱和度

 高级设置 按图10.3所示操作，为照片设置补光效果。

LIX

①单击

调整后效果

②向左拖动

③向左拖动

图10.3 设置高光、阴影

目标三：裁剪图片

使用“美图秀秀”软件中的“裁剪”工具，可以选取照片的范围，对照片

重新构图，让画面主体更加突出。

 裁剪照片 单击工具栏上的按钮，按图10.4所示操作，选取裁剪范

围，单击按钮，对照片进行重新构图。

①选择

③拖动

②选择

图10.4 裁剪照片

·LX·

 保存照片 单击按钮，在弹出的对话框中，按图10.5所示操作，

将调整好的照片保存在指定的文件夹。

①单击

②输入名称

③选择

④单击

图10.5 保存照片