动画设计与制作 课件 学习单元1 初识Animate 2024

学习单元1初识Animate2024动画设计与制作知识目标1.掌握Animate动画制作基础2.掌握Animate工作区3.掌握Animate基础操作能力目标素养目标1.能够简述工作区的各种功能；2.能够根据任务需要完成各项基础操作。1.增强规范操作意识，提高发现问题、分析问题与解决问题的能力；2.激发学习热情，提高学习兴趣和自信心。思维导图基础任务1.1

Animate动画制作基础

【任务描述】制作Animate动画需要从简单的入门开始，了解Animate的制作环境，掌握基本的制作工具，以及逐帧动画、补间动画、遮罩动画和引导层动画等基本动画的制作，为后续制作复杂及应用型动画奠定基础。任务储备1Animate的特点与应用

Animate是一款功能强大的矢量动画编辑软件，不仅可以对图片、文字、音乐、视频和应用程序组件等多种资源进行整合，具有强大的多媒体编辑功能，还可以实现动画与用户的交互。由于Animate使用矢量图形，存储空间小，播放效果好，因此被广泛地应用于网页动画的设计中，成为当前网页动画设计非常流行的软件。任务储备1Animate的特点与应用丰富的绘图工具：提供铅笔、形状、刷子、文字、导入图片等功能，可以轻松绘制动画角色、场景、特效等内容，如图1-1-1所示。

图1-1-1绘图工具任务储备1Animate的特点与应用动画编辑功能：包括补间动画、引导路径、遮罩动画、逐帧动画等，可以创建复杂的动画效果，如图1-1-2、1-1-3所示。

图1-1-2引导路径动画图1-1-3遮罩动画任务储备1Animate的特点与应用声音编辑功能：用户可以轻松导入和编辑音频文件，包括背景音乐、音效等，如图1-1-4所示。图1-1-4导入视频任务储备1Animate的特点与应用代码编辑功能：用户可以直接在软件中编写JavaScript和其他编程语言，方便实现交互式动画效果，如图1-1-5所示。图1-1-5编写代码任务储备1Animate的特点与应用发布功能：用户可以将动画作品发布为网页、移动应用、游戏等多种格式，并支持HTML5和Canvas渲染技术。如图1-1-6所示。图1-1-6发布格式

任务储备1Animate的主要应用范围1.网页和应用程序设计：通过创建交互式矢量动画和位图动画，可以将动画快速发布到多个平台，传送到观看者的桌面、移动设备和电视上。

2.游戏开发：使用AdobeAnimate的插图和动画工具，为游戏创建交互式的基于Web的内容。

3.广告制作：让卡通和横幅广告栩栩如生，并在教程和信息图中增加动作。

4.教育领域：通过制作交互式动画，可以在教学演示中增加趣味性，帮助学生更好地理解复杂的概念。

5.电影和短片制作：AdobeAnimate可以用于制作电影和短片的特效、角色和场景设计等。总之，AdobeAnimate是一款功能强大的动画制作软件，可以帮助用户实现自己的创意和想法，广泛应用于各个领域。基础任务1.2基础任务Animate工作区

【任务描述】掌握Animate的制作环境任务储备2掌握Animate的制作环境在学习Animate的操作之前，需要先启动Animate软件，认识它的工作界面。在Windows操作系统的任务栏中选择【开始】|【所有程序】|【Adobe】|【AdobeAnimate】命令，启动Animate软件，进入Animate的界面，如图1-2-1所示。图1-2-1Animate的界面任务储备2掌握Animate的制作环境(1)如果计算机中没有安装Animate软件，则可以从网上下载并安装，安装完成后才可以进行软件的操作。(2)进入Animate的工作界面有三种方式：打开最近的Animate文档、创建新的Animate文档、从模板中创建新的Animate文档。用户可以根据自己的实际需求进行选择。无论是创建新文档还是打开已有文档，都可以进入Animate的工作界面。(3)ActionScript3.0：ActionScript3.0是Adobe公司为Animate设计的编程语言，简单来说就是用计算机懂得的语言为其下达指令，类似于JavaScript，可以帮助用户在Animate中实现动画的交互、网页的制作和富互联网应用程序（RichInternetApplication，RIA）的开发等。(4)本书中创建的Animate文档，如无说明，均使用ActionScript3.0，如图1-2-2所示。图1-2-2ActionScript3.0任务储备2掌握Animate的制作环境主工作界面任务储备2掌握Animate的制作环境

(1)标题栏：从左至右依次显示文件名称，如图1-2-4所示。(2)菜单栏：在菜单栏中分类提供了Animate中所有的操作命令，几乎所有的可执行命令都可以在这里直接或间接地找到相应的操作选项，如图1-2-5所示。(3)工具栏：在工具栏中提供了Animate中所有的绘图操作工具，如笔触颜色、填充颜色及工具的相应设置选项，使用这些工具可以在Animate中执行绘图、填色、调整图形、查看或改变场景舞台视图等相应操作，如图1-2-6所示。图1-2-4标题栏图1-2-5菜单栏图1-2-6工具栏任务储备2掌握Animate的制作环境

(4)时间轴：【时间轴】面板是制作Animate动画的核心，几乎所有的动画都是在【时间轴】面板中完成的。【时间轴】面板主要用于组织和控制不同的图层与帧中的动画内容，使内容随着时间的推移发生相应的变化，从而实现动画的设计与制作。【时间轴】面板主要包括图层、帧、播放指针和时间轴标尺等，如图1-2-7所示。

(5)舞台：即当前制作动画的区域，用来制作和编辑动画。制作动画所需要的对象包括矢量图形、图片、文字、按钮或视频等。舞台的大小决定了Animate动画成品的大小，可以通过其“属性”面板来修改舞台的大小和背景颜色等。图1-2-7时间轴任务储备2掌握Animate的制作环境

【库】面板：在菜单栏中选择【窗口】|【库】命令，或者按“Ctrl+L”组合键，即可显示或隐藏【库】面板。【库】面板主要用于存储制作Animate动画所需要的图片、音频和视频等各类素材，以及创建的各类元件等。【库】面板示例如图1-2-8所示。

图1-2-8库面板任务储备2掌握Animate的制作环境

【动作】面板：在菜单栏中选择【窗口】|【动作】命令，或者按F9键，即可显示或隐藏【动作】面板。【动作】面板主要用于Animate动画的动作脚本的编辑。使用【动作】面板可以在帧、按钮和影片剪辑元件上添加动作脚本，以实现各类动画效果。【动作】面板示例如图1-2-9所示。图1-2-9动作面板任务储备2掌握Animate的制作环境

【颜色】面板/【样本】面板：在菜单栏中选择【窗口】|【颜色】|【样本】命令，即可显示或隐藏【颜色】面板/【样本】面板。【颜色】面板主要用于设置颜色类型、笔触颜色、填充颜色及Alpha值等；【样本】面板主要用于颜色样本的管理，单击【样本】面板右上角的小三角图标，即可打开【样本】面板的菜单，其中包含添加、删除和保存颜色，以及复制、删除样本等命令。【颜色】面板如图1-2-10所示，【样本】面板如图1-2-11所示。图1-2-10颜色面板图1-2-11样本面板任务储备2掌握Animate的制作环境

【对齐】面板：在菜单栏中选择【窗口】|【对齐】命令，或者按“Ctrl+K”组合键，即可显示或隐藏【对齐】面板。【对齐】面板主要用于对象的对齐和分布，既可以是相对于舞台对齐分布，又可以是对象与对象之间对齐分布。【对齐】面板如图1-2-12所示。【信息】面板：在菜单栏中选择【窗口】|【信息】命令，或者按“Ctrl+I”组合键，即可显示或隐藏【信息】面板。【信息】面板主要用于显示当前选择对象的宽、高、位置、颜色及鼠标指针的位置等。【信息】面板如图1-2-13所示。图1-2-12对齐面板图1-2-13信息面板任务储备2掌握Animate的制作环境

【变形】面板：在菜单栏中选择【修改】|【变形】命令，或者按“Ctrl+T”组合键，即可显示或隐藏【变形】面板。【变形】面板主要用于对象外形的编辑和操作，包括对象的宽高比、旋转角度和倾斜角度等。【变形】面板如图1-2-14所示。图1-2-14变形面板基础任务1.3基础操作

1.新建文档创建新文档是制作Animate动画的第一步，新建文档的方法有很多种，常用的有以下两种。方法一：启动Animate，在界面中选择【文件】|【新建】选项，即可创建一个新的Animate文档。在弹出的“新建文档”对话框中选择相应【预设】或者【自定义】，即可创建一个新的Animate文档，如图1-3-1所示。方法二：在已打开的Animate窗口的菜单栏中选择【新建】命令，或者按“Ctrl+N”组合键图1-3-1新建文档界面基础任务1.3基础操作2.打开文件如果已经创建了Animate文档，操作完成且关闭文档后需要重新打开，则可以通过选择【打开】命令来实现。方法一：在已经打开的Animate界面中选择“打开”选项，找到Animate文档并打开即可，或者将文件直接拖入舞台，如图1-3-2所示。方法二：启动Animate，在菜单栏中选择【文件】|【打开】命令，或者按“Ctrl+O”组合键，在弹出的【打开】对话框中选择需要打开的文件即可，如图1-3-3所示。图1-3-2Animate界面图1-3-3文件打开基础任务1.3基础操作3.保存文件在完成Animate文档的编辑后，需要对文件进行保存。可以在菜单栏中选择【文件】|【保存】命令，或者按“Ctrl+S”组合键，在弹出的【另存为】对话框中选择存放文件的路径，输入文件的名称，如“动物”，并将“保存类型”设置为“Animate文档(*.fla)”，如图1-3-4所示。图1-3-4文件保存基础任务1.3基础操作4.发布文件除了可以保存为FLA源文件格式，Animate文档还可以发布SWF动画格式或其他文件格式，包括HTML、GIF、JPG、PNG等。(1)在菜单栏中选择【文件】|【发布设置】命令，或者按“Ctrl+Shift+F12”组合键，在弹出的“发布设置”对话框中选择所需要保存的文件格式，如图1-3-5所示。(2)在“发布”选项组中勾选所需要发布的文件格式的复选框，单击“发布”按钮，即可在相应的文件夹中发布生成的目标文件。图1-3-5“发布设置”对话框基础任务1.3注意事项1.在初次保存Animate文档时，将弹出“另存为”对话框，再次保存时将直接按照初次保存文件时设置的保存路径、文件名及保存类型进行保存；2.SWF格式的Animate文档容量较小，非常适合网络传播。HTML的英文全称为HyperTextMarkupLanguage，即超文本标记语言，是常用的网页文件格式之一。3.GIF(GraphicsInterchangeFormat)的原义是“图像互换格式”，是CompuServe公司在1987年