二维动画制作 备课笔记 教案内容

编号01-01

学习情境一Animate简单动画设计与制作

一、课程说明与要求

1.课程性质与考核方式说明

《二维动画制作》本课程是一门综合性较强的课程，它是建立在素描、设计色彩、动画前期设计、动

画运动规律及视听语言等专业基础课的基础上，在学生基本掌握造形、色彩、线条等基本理论和一定技能

的基础上，并以运动规律及镜头等基本理论作为指导进行综合能力训练和创意表现的课程。它对本专业后

续游戏动画设计、影视动画设计等课程具有引导和辅垫作用。本课程总课时为64学时，讲授课时为30学

时，独立实践学时为34学时。本课程考核采取平时考核与期末考核的方式。平时成绩占总分的40%,期

末成绩占总分的60%,课程总评成绩为100分制，60分及以上为合格。

2.课程说明

根据二维动画岗位职业要求，本课程主要通过基本动画设计、高级动画设计和情景动画设计三个阶段

来架构学习过程，并根据各阶段目标来确定课程内容，使学生在掌握二维动画软件的基础上，能够完成复

杂和交互动画的设计与制作，并最终达到创作情景动画的目标。课程主要采用“任务驱动”教学方法，最

后阶段同时引入“项目驱动”教学方法来组织教学。将N个知识点融入一个学习任务，通过演示、分析、

讲解、布置、设计、验收等环节构成学习活动，帮助学生完成相应的能力目标。同时，定期布置课下学习

任务，进一步鼓励学生进行创新思维练习。学生通过阶段性和任务化的学习，不断掌握分析问题和解决问

题的方法，逐渐提高动画作品的创作能力。

3.组织签到及建立班级课程微信群

组织学生使用学习通进行签到，并通过QQ平台建立课程资源群，本群作为课程的相关通知发布、知

识答疑和作品交流使用，同时欢迎同学们及时在群里反馈对课程教学方面的意见和学习感想，以便老师及

时调整适合同学们的授课方式。

4.设备准备说明

(1)操作系统：Windows7或Windows10版本。

(2)需要安装AdobeAnimate二维制作软件，建议安装AdobeAnimate8版本以上。

二、学情分析与课程导入

1.学情分析

本课程授课对象为动漫技术制作专业2020级新生，学生没有美术基础，也没有接触过专业设计软件。

AdobeAnimate二维制作软件对于他们来说，算是进行专业学习的第一个软件，需要对运动规律、素描等

编号01-02

前期课程的综合运用，所以学生开始运用的不好，但是学生对大学有憧憬，对所选择的专业感兴趣，获取

知识的主动性较强。

2.课程导入

传统的二维动画是由水彩颜料画到赛璐璐片上，再由摄影机逐张拍摄记录而连贯起来的画面，计算机

时代的来临，让二维动画得以升华，可将事先手工制作的原动画逐帧输入计算机，由计算机帮助完成绘线

上色的工作，并且由计算机控制完成纪录工作。

三、理论知识讲解

1.Animate软件的介绍

Animate是由AdobeFlashProfessionalCC更名得来，AnimateCC,在支持FlashSWF文件的基础上，

加入了对HTML5的支持。为网页开发者提供更适应现有网页应用的音频、图片、视频、动画等创作支持。

Animate主要用于制作矢量图的二维动画，相当于动漫版的AI,其主要的动画制作形式有：角色动画、

动态图形编辑、MG商业广告动画、动态LOGO制作、日式动漫制作、商业插画、儿童插画、以及动态课

件等。

Z.Animate软件工作界面讲解

要创建动画，用户首先要了解它的工作环境，了解一些基本的概念，如舞台，图层，帧与关键帧。本

节主要介绍这方面的情况。

启动Animate,并在"开始”页中选择一项进行，就可进入Animate的工作环境。如下图，嗨号1。1-03

的工作界面，主要有舞台，主工具栏，工具箱，时间轴，属性面板和多个控制面板等几个部分。

•打开：该栏目显示最近操作过的文件，并在下面显示了“打开”按钮然后单击其中的一个文件，即

可直接打开该文件。

•创建新项目：它提供了Animate可以创建的文档类型，用户可以直接单击选择。

•从模板创建：提供了创建文档的常用模板，用户可以直接单击其中一种模板类行。

3.Animate软件时间轴及图层

(1)时间轴简介

时间轴用于组织和控制文档内容在一定时间内播放的图层数和帧数。与胶片一样，Animate文档也将

时长分为帧。图层就像堆叠在一起的多张幻灯胶片一样，每个图层都包含一个显示在舞台中的不同图像。

时间轴的主要组件是图层、帧和播放头。

文档中的图层列在时间轴左侧的列中。每个图层中包含的帧显示在该图层名右侧的一行中。时间轴顶

部的时间轴标题指示帧编号。播放头指示当前在舞台中显示的帧。播放Animate文档时，播放头从左向右

通过时间轴。

当时间轴状态显示在时间轴的底部，它指示所选的帧编号、当前帧频以及到当前帧为止的运行时间。

注意：

在播放动画时.，将显示实际的帧频：如果计算机不能足够快地计算和显示动画，则该帧频可能与文档

的帧频设置不一致。

编号01-04

(2)更改时间轴的外观

默认情况下，时间轴显示在主应用程序窗口的顶部，在舞台之上。要更改其位置，可以将时间轴停放

在主应用程序窗口的底部或任意一侧，或在单独的窗口中显示时间轴。也可以隐臧时间轴。

可以调整时间轴的大小，从而更改可以显示的图层数和帧数。如果有许多图层，无法在时间轴中全部

显示出来，则可以通过使用时间轴右侧的滚动条来查看其它的图层。

移动应用程序中的时间轴可拖动面板标题栏中时间轴这个左边的抓手。

停放时间轴要将时间轴标题栏拖动到应用程序窗口的一个边缘。按住Ctrl键拖动时将禁止时间轴停

放。

拖动时间轴中分隔图层名和帧部分的栏可进行其增减。

要调整时间轴的大小可将时间轴停放在主应用程序窗口，请拖动分隔时间轴和舞台区域的栏。

如果时间轴没有停放在主应用程序窗口中，请拖动右下角(Windows)或右下角的大小框。

(3)使用帧和关键帧

关键帧是这样一个帧：您在其中定义了对动画的对象属性所做的更改，或者包含了Actionscript代码

以控制文档的某些方面。Animate可以在您定义的关键帧之间补间或自动填充帧，从而生成流畅的动画。

因为关键帧可以使您不用画出每个帧就可以生成动画，所以使您能够更轻松地创建动画。可以通过在时间

轴中拖动关键帧来轻松更改补间动画的长度。

（4）在时间轴中处理帧

在时间轴中，可以处理帧和关键帧，将它们按照您想让对象在帧中出现的顺序进行排列。可以通过在

时间轴中拖动关键帧来更改补间动画的长度。

可以对帧或关键帧进行如下修改：

插入、选择、删除和移动帧或关键帧。

将帧和关键帧拖到同一图层中的不同位置，或是拖到不同的图层中。

复制和粘贴帧和关键帧，将关键帧转换为帧。

从“库"面板中将一个项目拖动到舞台上，从而将该项目添加到当前的关键帧中

帧：

'帧的含义：一个一个的小方格子就是Animate的帧。Animate帧的作用：容纳一定的对象

空白关键帧一一空白关键帧里面没有内容（但空白关键帧里面有内容就变成了关键件帧）

|关键帧——容纳了一定对对象的帧（关键帧有绿色、紫色和灰色的；绿色是形状补间紫色是动啜峥61-05

静止帧一一让前面关键帧的内容持续一段时间

帧的操作：

帧的复制与黏贴一一要先选想要的帧或帧的序列——右键复制黏贴便可（但是帧的复制黏贴不等于帧

内容的制黏贴）

帧的移动一一要先选定想要帧或帧的序列一一右键移动一一鼠标点哪里就可以帧到想要的地方

帧的翻转一一要先选择想要的帧或帧的序列一一右键一一翻转

课程思政：珍惜时间

四、实践技能训练

（-）布置训练任务

任务1:从日常所看的动画片中，找到自己最喜欢的二维动画，推荐给大家

任务2：打开Animate软件，根据软件的介绍进行新建文件操作

任务3：Animate工具箱的设置

（二）实战项目案例

进行Animate工具箱及版面的设置...........................................【难点】

教师重点指导：参照其他所学的Adobe公司软件的特点，结合老师所介绍的工具箱概要，设置自己的

工具箱位置及布局。

【学生初次进行设计设置，教师应多引导，帮助学生形成理想的工作环境，为后续的软件学习打下基

础。】

五、课堂总结

今天，我们主要了解了二维动画的相关内容，并结合案例我们初步认识了AdobeAnimate二维制作软

件，想必同学们通过练习对Animate工具箱及版面的设置有了一定的了解和掌握。希望同学们课后继续对

你所接触到的相关作品，用专业的眼光，去分析二维动画的制作过程。

六、课后思考

1、大家还看过那些著名的二维动画片？

2、传统动画片的制作过程和当今有什么不同？

编号01-01

学习情境一Animate简单动画设计与制作

一、课程说明与要求

1.课程性质与考核方式说明

《二维动画制作》本课程是一门综合性较强的课程，它是建立在素描、设计色彩、动画前期设计、动

画运动规律及视听语言等专业基础课的基础上，在学生基本掌握造形、色彩、线条等基本理论和一定技能

的基础上，并以运动规律及镜头等基本理论作为指导进行综合能力训练和创意表现的课程。它对本专业后

续游戏动画设计、影视动画设计等课程具有引导和辅垫作用。本课程总课时为64学时，讲授课时为30学

时，独立实践学时为34学时。本课程考核采取平时考核与期末考核的方式。平时成绩占总分的40%,期

末成绩占总分的60%,课程总评成绩为100分制，60分及以上为合格。

2.课程说明

根据二维动画岗位职业要求，本课程主要通过基本动画设计、高级动画设计和情景动画设计三个阶段

来架构学习过程，并根据各阶段目标来确定课程内容，使学生在掌握二维动画软件的基础上，能够完成复

杂和交互动画的设计与制作，并最终达到创作情景动画的目标。课程主要采用“任务驱动”教学方法，最

后阶段同时引入“项目驱动”教学方法来组织教学。将N个知识点融入一个学习任务，通过演示、分析、

讲解、布置、设计、验收等环节构成学习活动，帮助学生完成相应的能力目标。同时，定期布置课下学习

任务，进一步鼓励学生进行创新思维练习。学生通过阶段性和任务化的学习，不断掌握分析问题和解决问

题的方法，逐渐提高动画作品的创作能力。

3.组织签到及建立班级课程微信群

组织学生使用学习通进行签到，并通过QQ平台建立课程资源群，本群作为课程的相关通知发布、知

识答疑和作品交流使用，同时欢迎同学们及时在群里反馈对课程教学方面的意见和学习感想，以便老师及

时调整适合同学们的授课方式。

4.设备准备说明

(1)操作系统：Windows7或Windows10版本。

(2)需要安装AdobeAnimate二维制作软件，建议安装AdobeAnimate8版本以上。

二、学情分析与课程导入编号01.

1.学情分析

本课程授课对象为动漫技术制作专业2020级新生，学生没有美术基础，也没有接触过专业设计软件。

AdobeAnimate二维制作软件对于他们来说，算是进行专业学习的第一个软件，需要对运动规律、素描等

前期课程的综合运用，所以学生开始运用的不好，但是学生对大学有憧憬，对所选择的专业感兴趣，获取

知识的主动性较强。

2.课程导入

传统的二维动画是由水彩颜料画到赛璐璐片上，再由摄影机逐张拍摄记录而连贯起来的画面，计算机

时代的来临，让二维动画得以升华，可将事先手工制作的原动画逐帧输入计算机，由计算机帮助完成绘线

上色的工作，并且由计算机控制完成纪录工作。

三、理论知识讲解

1.Animate软件的介绍

Animate是由AdobeFlashProfessionalCC更名得来，AnimateCC,在支持FlashSWF文件的基础上，

加入了对HTML5的支持。为网页开发者提供更适应现有网页应用的音频、图片、视频、动画等创作支持。

Animate主要用于制作矢量图的二维动画，相当于动漫版的AI,其主要的动画制作形式有：角色动画、

动态图形编辑、MG商业广告动画、动态LOGO制作、日式动漫制作、商业插画、儿童插画、以及动态课

件等。

2.Animate软件工作界面讲解

要创建动画，用户首先要了解它的工作环境，了解一些基本的概念，如舞台，图层，帧与关键帧。本

节主要介绍这方面的情况。

启动Animate,并在“开始”页中选择一项进行，就可进入Animate的工作环境。如下图，喉号i@l-03

的工作界面，主要有舞台，主工具栏，工具箱，时间轴，属性面板和多个控制面板等几个部分。

-x

姐(H««⑨®S(V)ttA(DWQam(o)■□(W)«WJ(H)CH

按叵］即可退出全网阻sat.勒字网

B理

IAnimateCC0qinxue•com

k

▼发布一

〉打开・诋的喳目SitOII介

ACKSS件：

U

trft-HTMLSCanm«An»

wotcWaji)n

目稼：

ACODASOVOO

ftihKA»••WJs-A

AAtocDcMlso

ARforAndroid。学习

ARtorOS▼Mtt

FiELf0•

恪

Ac«o«SaV3。兵AcSonSotMSJM'C»

A£tDn5cnpt30*OgtcISELS.S

Ac&oftScrvtX#WtUfX»

大小：K：◎番

JSFL"X0

-

,V

■a«»

GSAdobeExchange»*H

■m=

▼SWF侨中ip果

1J10IS»3S30

4

Z

►UI均动K：

•打开：该栏目显示最近操作过的文件，并在下面显示了“打开”按钮然后单击其中的一个文件，即

可直接打开该文件。

•创建新项目：它提供了Animate可以创建的文档类型，用户可以直接单击选择。

・从模板创建：提供了创建文档的常用模板，用户可以直接单击其中一种模板类行•

3.Animate软件时间轴及图层

(1)时间轴简介

时间轴用于组织和控制文档内容在一定时间内播放的图层数和帧数。与胶片一样，Animate文档也将

时长分为帧。图层就像堆叠在一起的多张幻灯胶片一样，每个图层都包含一个显示在舞台中的不同图像。

时间轴的主要组件是图层、帧和播放头。

文档中的图层列在时间轴左侧的列中。每个图层中包含的帧显示在该图层名右侧的一行中。时间轴顶

部的时间轴标题指示帧编号。播放头指示当前在舞台中显示的帧。播放Animate文档时，播放头从左向右

通过时间轴。

当时间轴状态显示在时间轴的底部，它指示所选的帧编号、当前帧频以及到当前帧为止的运行时间。

注意：

在播放动画时，将显示实际的帧频；如果计算机不能足够快地计算和显示动画，则该帧频可能与文档

的帧频设置不一致。

编号01-04

(2)更改时间轴的外观

默认情况下，时间轴显示在主应用程序窗口的顶部，在舞台之上。要更改其位置，可以将时间轴停放

在主应用程序窗口的底部或任意一侧，或在单独的窗口中显示时间轴。也可以隐藏时间轴。

可以调整时间轴的大小，从而更改可以显示的图层数和帧数。如果有许多图层，无法在时间轴中全部

显示出来，则可以通过使用时间轴右侧的滚动条来查看其它的图层。

移动应用程序中的时间轴可拖动面板标题栏中时间轴这个左边的抓手。

停放时间轴要将时间轴标题栏拖动到应用程序窗口的一个边缘。按住Ctrl键拖动时将禁止时间轴停

放。

拖动时间轴中分隔图层名和帧部分的栏可进行其增减。

要调整时间轴的大小可将时间轴停放在主应用程序窗口，请拖动分隔时间轴和舞台区域的栏。

如果时间轴没有停放在主应用程序窗口中，请拖动右下角(Windows)或右下角的大小框。

(3)使用帧和关键帧

关键帧是这样一个帧：您在其中定义了对动画的对象属性所做的更改，或者包含了ActionScript代码

以控制文档的某些方面。Animate可以在您定义的关键帧之间补间或自动填充帧，从而生成流畅的动画。

因为关键帧可以使您不用画出每个帧就可以生成动画，所以使您能够更轻松地创建动画。可以通过在时间

轴中拖动关键帧来轻松更改补间动画的长度。

(4)在时间轴中处理帧

在时间轴中，可以处理帧和关键帧，将它们按照您想让对象在帧中出现的顺序进行排列。可以通过在

时间轴中拖动关键帧来更改补间动画的长度。

可以对帧或关键帧进行如下修改：

插入、选择、删除和移动帧或关键帧。

将帧和关键帧拖到同一图层中的不同位置，或是拖到不同的图层中。

复制和粘贴帧和关键帧，将关键帧转换为帧。

从“库"面板中将一个项目拖动到舞台上，从而将该项目添加到当前的关键帧中

帧：

'帧的含义：一个一个的小方格子就是Animate的帧。Animate帧的作用：容纳一定的对象

空白关键帧一一空白关键帧里面没有内容(但空白关键帧里面有内容就变成了关键件帧)

关键帧一容纳了一定对对象的帧（关键帧有绿色、紫色和灰色的；绿色是形状补间紫色是动嘱粤dl-05

静止帧——让前面关键帧的内容持续一段时间

帧的操作：

帧的复制与黏贴一一要先选想要的帧或帧的序列——右键复制黏贴便可（但是帧的复制黏贴不等于帧

内容的制黏贴）

帧的移动——要先选定想要帧或帧的序列一一右键移动——鼠标点哪里就可以帧到想要的地方

帧的翻转一一要先选择想要的帧或帧的序列一一右键一一翻转

课程思政：珍惜时间

四、实践技能训练

（-）布置训练任务

任务1：从日常所看的动画片中，找到自己最喜欢的二维动画，推荐给大家

任务2：打开Animate软件，根据软件的介绍进行新建文件操作

任务3：Animate工具箱的设置

（二）实战项目案例

进行Animate工具箱及版面的设置............................................【难点】

教师重点指导：参照其他所学的Adobe公司软件的特点，结合老师所介绍的工具箱概要，设置自己的

工具箱位置及布局。

【学生初次进行设计设置，教师应多引导，帮助学生形成理想的工作环境，为后续的软件学习打下基

础。】

五、课堂总结

今天，我们主要了解了二维动画的相关内容，并结合案例我们初步认识了AdobeAnimate二维制作软

件，想必同学们通过练习对Animate工具箱及版面的设置有了一定的了解和掌握。希望同学们课后继续对

你所接触到的相关作品，用专业的眼光，去分析二维动画的制作过程。

六、课后思考

编号02-01

1、大家还看过那些著名的二维动画片？

2、传统动画片的制作过程和当今有什么不同？

学习情境一造型的绘制

一、课程说明与要求

1.QQ群里发布课前预习内容(视频)

《昼夜交替》案例是本课程一个综合性较强的案例，里面包含了图形绘制、引导层、遮罩层等经典案

例内容，同学们在学习绘制时能够综合运用所学知识进行实践，对同学们提高制作水平有很强的实操性。

2.学生在群里自主完成预习

(1)回忆Photoshop中图层的概念和用法

(2)AdobeAnimate中图层所在位置

(3)AdobeAnimate中工具箱中的工具分布

二、课程导入

1.图层的概念

图层就像透明的醋酸纤维薄片一样，在舞台上一层层地向上叠加。图层可以帮助您组织文档中的插图。

可以在图层上绘制和编辑对象，而不会影响其它图层上的对象。如果一个图层上没有内容，那么就可以透

过它看到下面的图层。

三、理论知识讲解编号02-02

1.图层的使用

在Animate图层上进行绘制、上色或者对文件夹进行修改，需要在时间轴中选择该图层以激活它。时

间轴中图层或文件夹名称旁边的铅笔图标表示该图层或文件夹处于活动状态。一次只能有一个图层处于活

动状态(尽管一次可以选择多个图层)。当创建了一个新的Flash文档之后，它仅包含一个图层•可以添

加更多的图层，以便在文档中组织插图、动画和其它元素。可以创建的图层数只受计算机内存的限制，而

且图层不会增加发布的SWF文件的文件大小。只有放入图层的对象才会增加文件的大小。可以隐藏、锁

定或重新排列图层。还可以通过创建图层文件夹然后将图层放入其中来组织和管理这些图层。可以在时间

轴中展开或折叠图层文件夹，而不会影响在舞台中看到的内容。

（1）创建图层，执行操作方法；

（2）创建图层文件夹，执行操作方法；

（3）显示或隐藏图层或文件夹，执行操作方法；

（4）更改图层的轮廓颜色，执行操作方法；

（5）更改时间轴中的图层高度，执行操作方法；

（6）要更改时间轴中显示的图层数，执行操作方法。

2、工具箱一一绘图工具的使用..........【重点】

要创建动画，用户首先要了解它的绘图工具。

工廊

mk咯。O,/T/已，已/少，%,建*Q，■小任芯A

（分开的图形，双击才能都选中；单个的图形，单击可选中

拖动----可连续

1.选择工具：Shift+双击+双击——可连续加选

、复制一一ctrl+物体拖动就可以复制了

2.椭圆工具：分开的图形，双击才能都选中；单个的图形，单击可选中

’笔一一控制着圆的边框

3.分开的图形《

、填充色一一控制着圆的内部

在工具栏中一一选项一一紧贴至对象（不选就分开

属性一一同理直线工具

'属性一一同理椭圆工具

4.矩形工具：1边角半径：圆角和尖角

、矩形斜下方一一多边形工具一一属性一一选项一一可调不同的多边形

5.铅笔工具：属性一一同理椭圆工具

…伸直

选项J平滑

、墨水

6.钢笔工具：属性一一同理椭圆工具

7.部分选取工具是指编辑图形的外轮廓和钢笔工具一起使用

单机（1）单机——画直线（2）拖动一一曲线（起点也可拖动）

【课程思政】预先善其事，必先利其器

四、实践技能训练

（-）布置训练任务

任务1：设计一个椭圆移动的简单动画

任务2：绘制昼夜交替动画背景

（二）实战项目案例

绘制昼夜交替动画背景..........【难点】

【教师指重点导】：结合之前课程所讲授的内容分图层绘制天空、草垛、草坪、车站、云

朵、风车、飞碟等背景。

【学生实战要点】：

1、绘制蓝天：矩形工具、蓝白渐变填充、与舞台同大小

2、绘制大山：铅笔工具、自由平滑曲线，绿色渐变填充、删除描边

3、绘制草地：矩形工具、铅笔工具、自由平滑曲线、斑马线笔触

4、绘制太阳：椭圆工具、放射状填充

5、绘制风车：多角星形工具，复制并翻转形成对称图形

6、绘制风车杆：矩形工具、灰白渐变填充

五、课堂总结

本节课，我们主要讲解了二维动画软件Animate的绘制工具的相关内容，并结合案例我们初步认识了

AdobeAnimate二维制作软件中矩形工具、铅笔工具、椭圆工具、多角星形工具等，想必同学们通过练习

对Animate工具的使用有了一定的了解和掌握。希望同学们课后继续对你所接触到的相关作品，用专业的

眼光，去分析二维动画的制作过程。

六、课后思考

1、AdobeAnimate二维制作软件的扩展名是什么？编号03-01

2、传扩展名默认为.Swf是什么文件？

学习情境一设计与制作动作渐变动画

一、课程说明与要求

1.QQ群里发布课前预习内容（视频）

《昼夜交替》案例是本课程一个综合性较强的案例，里面包含了图形绘制、引导层、遮罩层等经典案

例内容，同学们在学习绘制时能够综合运用所学知识进行实践，对同学们提高制作水平有很强的实操性。

2.学生在群里自主完成预习

二、课程导入

1.动作渐变动画简介

在Animate软件中有三种不同类型的二维动画，即传统补间动画、补间动画、补间形状动画。其中最

常用的就是传统补间动画。下面我们就一起学习这种动画的相关内容。

三、理论知识讲解

1、动作渐变动画的创建【重点】

（1）创建传统补间：在时间轴对应图形元件所在的关键帧单击鼠标右键，从快捷菜单中选择“创建传

统补间”命令。

（2）插入末尾关键帧：在时间轴预想的末尾帧单击鼠标右键，从快捷菜单中选择“插入关镶麟号则）2

接按快捷键【F6】来添加末尾关键帧。

（3）修改关键帧对象：在舞台上，对首或尾关键帧的图形对象进行状态的编辑修改（这里所说的可修

改的图形“状态”包括：大小、变形、位置、颜色、透明度、亮度、色调等）。

下面我们给大家示范一下动画的创建过程：

录制一个动画制作的小例子（比如：一个正方形，从舞台上方落到下方，然后演示调整其变为长方形、

变色、变大等）

2、动画影片的测试

动画创建完成后，我们需要及时测试一下，看看动画效果，在这里给大家介绍两种动画影片测试的方

法：

（1）在舞台测试

把播放头放在起始帧上，然后按【Enter】键即可看到动画在舞台上播放的效果，且只播放一次。

也可以单击时间上方的D播放按钮来测试动画在舞台上的播放效果。

（2）在播放器中测试

直接按组合键【Ctrl+Enter］（或选择菜单“控制|测试影片”），即可在弹出的播放器中看到影片循环

播放的效果。

3,动画影片的保存

如果测试效果不满意，我们可以进行调整和修改，然后再进行测试，直到效果满意为止。这时我们就

可以将源文件进行保存。保存源文件的方法如下：

直接按组合键【Ctrl+S］（或选择菜单“文件|保存”），然后在弹出的对话框中设置源文件保存的地

址和文件名即可，文件扩展名不必输入，默认为.fla。

4、动画影片的导出

源文件保存后，作为备份，便于后期的调整和维护。但源文件并不能作为目标文件使用，不能在网络

或其他媒体上播放，必须导出动画影片文件才行。具体导出的方法是：

直接按组合键【Ctrl+Alt+Shifi+S］（或选择菜单“文件|导出”），然后在弹出的对话框中设置影片文

编号03-03

件保存的地址和文件名即可，文件扩展名不必输入，默认为.swf。

5、动画影片的完善与修改

对之前做好的影片，如果想进一步完善和修改，需要再次打开源文件，在Animate中编辑和修改。

以刚才的小动画为例，我们想把它的内容再丰富一些，需要继续添加不同的关键帧来完成。具体来看：

修改后的文件需要再次保存和导出。并强调最后的成品为.swf格式的文件。在关闭Animate后，只需

要双击.swf影片文件，就可以在播放器中浏览动画效果。

四、实践技能训练

(-)布置训练任务

任务1：设计一个椭圆移动的简单动画

任务2：绘制《昼夜交替》短片中的渐变动画

(二)实战项目案例..........【难点】

根据所讲内容设计和制作动作渐变动画并将动画影片的保存导出。

【教师指重点导】：结合之前课程所讲授的内容分图绘制《昼夜交替》短片中的渐变动画

【学生实战要点】：

1、动作渐变动画的创建方法

2、动画影片保存导出的方法

3、动作渐变动画修改的方法

五、课堂总结

本节课，我们主要讲解了二维动画软件Animate的绘制工具的相关内容，并结合案例我们初步认识了

AdobeAnimate二维制作软件中矩形工具、铅笔工具、椭圆工具、多角星形工具等，想必同学们通过练习

对Animate工具的使用有了一定的了解和掌握。希望同学们课后继续对你所接触到的相关作品，用专业的

眼光，去分析二维动画的制作过程。

六、课后思考编号04-01

1、起始关键帧和末尾关键帧不一样可以制作动作渐变动画吗？

学习情境一设计与制作动作渐变动画

一、课程说明与要求

1.QQ群里发布课前预习内容(视频)

《昼夜交替》案例是本课程一个综合性较强的案例，里面包含了图形绘制、引导层、遮罩层等经典案

例内容，同学们在学习绘制时能够综合运用所学知识进行实践，对同学们提高制作水平有很强的实操性。

2.学生在群里自主完成预习

二、课程导入

1.动作渐变动画简介

在Animate软件中有三种不同类型的二维动画，即传统补间动画、补间动画、补间形状动画。其中最

常用的就是传统补间动画。下面我们就一起学习这种动画的相关内容。

三、理论知识讲解

1、白天淡入效果的制作

(1)先将夜晚对象的图层(包括月亮、星星、夜晚多星)锁定并隐藏。将白天的所有图层解锁。

(2)按住【Shift】键，同时选中所有白天图层的第1帧，右键选择弹出菜单命令“创建传统补间”。

(3)在时间轴30帧处选择所有图层的帧，右键选择弹出菜单命令”插入关键帧"【F6】。

(4)再次选择所有层的第1帧，点击此帧舞台上的对象，然后在属性面版“色彩效果|样式褊度04中02

将数值设置为-88%。

(5)按【回车】键，在舞台上可看到整个白天场景以淡入的效果呈现出来。

2、云朵移动效果的制作

(1)锁定所有白天的图层，只解锁“云朵”图层。

(2)在280帧的地方按【F6】插入关键帧，将云朵的位置移动到舞台右侧。

(3)按【回车】键，在舞台上可看到云朵移动的过程，锁定云朵图层。

3、风车叶旋转效果的制作..........【重点】

(1)锁定所有白天的图层，分别解锁“三角形风车叶一近景”和“三角形风车叶一远景”图层。

(2)在这三个图层的280帧处插入关键帧。

(3)选择这三个图层的第30关键帧，将右侧属性面版“旋转|顺时针”的旋转次数设置为1。

(4)按【回车】键，在舞台上可看到三角形风车叶旋转的过程，锁定2个风车叶图层。

4、白天夜晚淡出效果的制作

(1)解锁所有白天的图层，在时间轴310帧处插入关键帧。

(2)选择所有层的第310帧，点击此帧舞台上的对象，然后在属性面版“色彩效果|样式|亮度”中将

数值设置为-88%。

(3)按【回车】键，在舞台上可看到整个白天场景以淡出的效果结束动画。

(4)同时所有夜晚图层的第341帧，按【F6】插入关键帧。然后点击311帧处舞台上的对象，然后在

属性面版“色彩效果|样式|亮度”中将数值设置为-88%。

(5)按【回车】键，在舞台上可看到整个夜晚场景以淡入的效果呈现出来。

5、夜晚淡出效果的制作

(1)解锁除太阳之外的所有图层，将它们在621帧处插入关键帧。然后点击此帧舞台上的对象，然后

在属性面版“色彩效果|样式|色调”中设置数值为64%、红为0、绿为0、蓝为21。

(2)按【回车】键，在舞台上可看到整个夜晚场景以淡出的效果结束整个动画。

6、动画影片的保存、导出

直接按组合键【Ctrl+S](或选择菜单“文件|保存”)，然后在弹出的对话框中设置源文件保存的地

址和文件名即可，文件扩展名不必输入，默认为.fla。

直接按组合键【Ctrl+Alt+Shifi+S】(或选择菜单“文件|导出”)，然后在弹出的对话框中设置影片文

件保存的地址和文件名即可，文件扩展名不必输入，默认为.swf。

编号04-03

四、实践技能训练

(一)布置训练任务

任务1：设计一个椭圆移动的简单动画

任务2：绘制《昼夜交替》短片中的渐变动画

(二)实战项目案例..........【难点】

根据所讲内容设计和制作动作渐变动画并将动画影片的保存导出。

【教师指重点导】：结合之前课程所讲授的内容分图绘制《昼夜交替》短片中的渐变动画

【学生实战要点】：

1、白天淡入淡出效果的制作方法

2、云朵移动效果的制作方法

3、黑夜淡入淡出效果的制作方法

4、风车叶旋转效果的制作方法

五、课堂总结

本节课，我们主要讲解了二维动画软件Animate的绘制工具的相关内容，并结合案例我们初步认识了

AdobeAnimate二维制作软件中矩形工具、铅笔工具、椭圆工具、多角星形工具等，想必同学们通过练习

对Animate工具的使用有了一定的了解和掌握。希望同学们课后继续对你所接触到的相关作品，用专业的

眼光，去分析二维动画的制作过程。

六、课后思考

1、根据所讲内容如何制作星星的闪烁效果。编号05-01

学习情境一设计与制作动作渐变动画

一、课程说明与要求

1.QQ群里发布课前预习内容（视频）

2.学生在群里自主完成预习

二、课程导入

1、形状渐变动画设计简介

补间形状动画是An中另一种动画创建形式。它与传统补间动画从始至终都是针对同一个对象的特点

不同，它是将一种形状变化成另一种形状的动画，动画首尾两个关键帧中的动画对象是不一样的。这些动

画对象可以是图形、组、实例、位图图像和文字等。但无论是什么类型的对象，前提条件是：都需要将其

分离（打散）成矢量图形，才能创建补间形状动画。

三、理论知识讲解

1、补间形状动画的创建

第一步：在起始关键帧处的舞台上创建起始对象，并打散。

第二步：在时间轴预定的地方插入空白关键帧，然后在此帧中创建终止对象，并打散。

第三步：在首尾关键帧之间选择右键弹出菜单命令“创建补间形状”。

经过上述三步就完成了补间形状动画的创建，具体效果怎么样，同样也是需要进行影片测试，即可以

按【Enter】键在舞台预览动画效果，也可以按组合键【Ctrl+Enter】在播放器中预览动画循环播放效果。

2、添加形状提示..........【重点】

我测试补间形状动画影片效果时，有时会发现在渐变的过程中，中间的过渡效果不太理想，而这个中

间过程又没有关键帧，所以，很难把过渡效果调到理想状态。为了弥补这一不足，我们经过分析和总结，

归纳出三种具体的解决办法：

方法一：就是将复杂的图形简单化，把图形的各个局部分散到不同的图层，变成分图层分局部的补间

形状动画，这样会改善补间形状的过渡效果。

编弓nUc5-rC

方法二：就是在首尾关键之间添加中间形状的关键帧，把首尾图形的渐变分解成起始图形到中间图形

的形状渐变和从中间图形到终止图形的形状渐变两部分，这样也会改善整体补间形状的效果。

方法三：就是在首关键帧选择菜单命令"修改|形状|添加形状提示”来添加形状提示，形状提示使用

26个英文字母，成对出现在首尾关键帧中，分别标记两个关键帧中对应的点。标记最好按逆时针顺序从左

上角开始摆放。如果无法看到提示标记，可以选择菜单命令“视图|显示形状提示”。用鼠标右键单击形状

提示点，可以打开快捷菜单，利用该菜单可以继续添加提示或删除提示。通过设置形状提示的位置，可以

改善过渡效果，但有时需要反复调整和测试才能得到较好效果。

3、动画影片的保存

直接按组合键【Ctrl+S］（或选择菜单“文件|保存”），然后在弹出的对话框中设置源文件保存的地

址和文件名即可，文件扩展名不必输入，默认为Jia。

4、动画影片的导出

直接按组合键【Ctrl+Alt+Shift+S］（或选择菜单“文件|导出”），然后在弹出的对话框中设置影片文

件保存的地址和文件名即可，文件扩展名不必输入，默认为.swf。

四、实践技能训练

（一）布置训练任务

任务1：字母A向字母B的转换，或正方形向五角星的转换，或更好的方案

任务2：笑脸变哭脸

任务3：红旗飘动

任务4：字母A向字母B的转换

（二）实战项目案例..........【难点】

根据所讲内容设计和制作动作渐变动画并将动画影片的保存导出。

【教师指重点导】：结合之前课程所讲授的内容分图绘制《昼夜交替》短片中的渐变动画

【学生实战要点】：

1、字母A向字母B的转换的制作方法

2、笑脸变哭脸的制作方法编号05-03

3、红旗飘动的制作方法

4、字母A向字母B的转换的制作方法

五、课堂总结

本节课，我们主要讲解了二维动画软件Animate的绘制工具的相关内容，并结合案例我们初步认识了

AdobeAnimate二维制作软件中矩形工具、铅笔工具、椭圆工具、多角星形工具等，想必同学们通过练习

对Animate工具的使用有了一定的了解和掌握。希望同学们课后继续对你所接触到的相关作品，用专业的

眼光，去分析二维动画的制作过程。

六、课后思考

1、根据所讲内容如何制作正方体的左右反转。编号06-01

学习情境一逐帧动画设计

一、课程说明与要求

LQQ群里发布课前预习内容（视频）

2.学生在群里自主完成预习

二、课程导入

1、逐帧动画的特点

可以完成复杂动作制作，但效率较低。需要逐帧编辑。

三、理论知识讲解

1、创建逐帧动画（手写字）

（1）新建一个空白文档，修改文档大小为1280X720?

（2）创建文字对象，并打散。

（3）复制帧，然后每复制一帧后，利用橡皮工具将不需要的地方擦掉。

（4）预览效果，并调整写字的速度和节奏。

（5）由于播放效果与手写效果正好相反，所需要反转帧。

（6）再次预览效果，可适当增加最后的保持帧，效果满意后，新建一层，绘制毛笔对象（提示：绘制

好毛笔后，然后将其转换为图形元件）。

（7）创建毛笔的逐帧动画，并调整好节奏，使其与文字的走向相匹配。

（8）保存和导出文件。

2、建昼夜交替动画片头（手写字——昼夜交替）..........【重点】

四、实践技能训练

（一）布置训练任务

任务1：手写字

任务2：昼夜交替动画片头

（二）实战项目案例..........【难点】编号06-02

根据所讲内容设计和制作动作渐变动画并将动画影片的保存导出。

【教师指重点导】：结合之前课程所讲授的内容分图绘制《昼夜交替》短片中的渐变动画

【学生实战要点】：

1、手写字

2、昼夜交替动画片头

五、课堂总结

本节课，我们主要讲解了二维动画软件Animate的绘制工具的相关内容，并结合案例我们初步认识了

AdobeAnimate二维制作软件中矩形工具、铅笔工具、椭圆工具、多角星形工具等，想必同学们通过练习

对Animate工具的使用有了一定的了解和掌握。希望同学们课后继续对你所接触到的相关作品，用专业的

眼光，去分析二维动画的制作过程。

六、课后思考

1、设计制作手写字动画必须要打散吗？为什么？编号07-01

学习情境一逐帧动画设计

一、课程说明与要求

LQQ群里发布课前预习内容(视频)

2.学生在群里自主完成预习

二、课程导入

1、逐帧动画的特点

可以完成复杂动作制作，但效率较低。需要逐帧编辑。

三、理论知识讲解

1、创建逐帧动画(花转)

(1)新建一个空白文档，修改文档大小为1280X720。

(2)创建单个花瓣，调整花瓣角度。

(3)对齐旋转复制帧，然后按角度每72度复制一帧

(4)预览效果，并调整写字的速度和节奏。

(5)再次预览效果，可适当增加最后的保持帧，效果满意后，添加传统补间动画。

(6)保存和导出文件。

2,创建开场动画(曲苑杂坛)..........【重点】

(1)新建一个空白文档，修改文档大小为1280X720。

(2)创建单个花瓣，调整花瓣角度。

(3)对齐旋转复制帧，然后按角度每72度复制一帧。

（4）预览效果，并调整写字的速度和节奏。

（5）再次预览效果，可适当增加最后的保持帧，效果满意后，添加传统补间动画。将动画为2

（6）保存和导出文件。

四、实践技能训练

（-）布置训练任务

任务1：花转

任务2：曲苑杂坛

（二）实战项目案例..........【难点】

根据所讲内容设计和制作动作渐变动画并将动画影片的保存导出。..........【难点】

【教师指重点导】：结合之前课程所讲授的内容分图绘制《昼夜交替》短片中的渐变动画

【学生实战要点】：

1、花转

2、曲苑杂坛

五、课堂总结

本节课，我们主要讲解了二维动画软件Animate的绘制工具的相关内容，并结合案例我们初步认识了

AdobeAnimate二维制作软件中矩形工具、铅笔工具、椭圆工具、多角星形工具等，想必同学们通过练习

对Animate工具的使用有了一定的了解和掌握。希望同学们课后继续对你所接触到的相关作品，用专业的

眼光，去分析二维动画的制作过程。

六、课后思考

1、设计制作曲苑杂坛动画时可以要打组吗？怎么做？

编号08-01

学习情境二元件的应用

一、课程说明与要求

1.QQ群里发布课前预习内容（视频）

2.学生在群里自主完成预习

二、课程导入

1、逐元件的概念

共有三种：图形元件，按钮元件，影片剪辑元件。

三、理论知识讲解

1、使用元件的特点：提高工作效率，便于修改和维护。

2、图形元件的创建..........【重点】

（1）新建一个空白文档，创建五角形图形元件。

（2）从库中将图形元件拖入舞台，并使多个实例大小、颜色、方向各不相同。

（3）修改元件，体会元件的特点。将元件变为用5帧时间旋转一周的动画，测试影片看有无动画，若

要使舞台上的实例都动起来，必须增加时间轴的帧。

（4）预览效果，保存并导出文件。

3、影片剪辑元件的创建..........【难点】

（1）新建一个空白文档，创建一个金属质感的小球上下弹跳的影片剪辑元件。

（2）将舞台进行编辑，使舞台分为上白下绿的两部分.

（3）将库面板打开，从库中将影片剪辑元件拖入舞台，并按图摆放好位置。

（4）修改其中充当影子的三个小球做垂直翻转。并调整好位置。值口nQ,

（5）预览效果，保存并导出文件。

四、实践技能训练

（一）布置训练任务

任务1：星星闪烁

任务2：片头元件动画

（二）实战项目案例

根据所讲内容设计和制作动作渐变动画并将动画影片的保存导出。

【教师指重点导】：结合之前课程所讲授的内容分图绘制《昼夜交替》短片中的元件设计

【学生实战要点】：

1、星星闪烁

2、片头元件动画

五、课堂总结

本节课，我们主要讲解了二维动画软件Animate的绘制工具的相关内容，并结合案例我们初步认识了

AdobeAnimate二维制作软件中矩形工具、铅笔工具、椭圆工具、多角星形工具等，想必同学们通过练习

对Animate工具的使用有了一定的了解和掌握。希望同学们课后继续对你所接触到的相关作品，用专业的

眼光，去分析二维动画的制作过程。

六、课后思考

1、实例在舞台上所需要的帧数是多少？与元件中所用帧的数量有关吗？

编号09-01

学习情境二元件的应用2

一、课程说明与要求

LQQ群里发布课前预习内容（视频）

2.学生在群里自主完成预习

二、课程导入

1、逐元件的概念

共有三种：图形元件，按钮元件，影片剪辑元件。

三、理论知识讲解

1、使用元件的特点：提高工作效率，便于修改和维护。

2、图形元件的创建..........【重点】

（1）新建一个空白文档，创建五角形图形元件。

（2）从库中将图形元件拖入舞台，并使多个实例大小、颜色、方向各不相同。

(3)修改元件，体会元件的特点。将元件变为用5帧时间旋转一周的动画，测试影片看有无动画，若

要使舞台上的实例都动起来，必须增加时间轴的帧。

(4)预览效果，保存并导出文件。

3、影片剪辑元件的创建..........【难点】

(1)新建一个空白文档，创建一个金属质感的小球上下弹跳的影片剪辑元件。

(2)将舞台进行编辑，使舞台分为上白下绿的两部分。

(3)将库面板打开，从库中将影片剪辑元件拖入舞台，并按图摆放好位置。

(4)修改其中充当影子的三个小球做垂直翻转。并调整好位置。心口nQ,

(5)预览效果，保存并导出文件。

四、实践技能训练

(-)布置训练任务

任务1：谢谢观看

任务2：飞碟飞

(二)实战项目案例

根据所讲内容设计和制作动作，并将动画影片的保存导出。

【教师指重点导】：结合之前课程所讲授的内容分图绘制《昼夜交替》短片中的元件设计

【学生实战要点】：

1、谢谢观看

2、飞碟飞

五、课堂总结

本节课，我们主