教学课件 《Animate CC 2017动画制作入门与进阶》..pptx

教学课件 《Animate CC 2017动画制作入门与进阶》..pptx

《教学课件 《Animate CC 2017动画制作入门与进阶》..pptx》由会员分享，可在线阅读，更多相关《教学课件 《Animate CC 2017动画制作入门与进阶》..pptx（262页珍藏版）》请在冰豆网上搜索。

AnimateCC2017动画制作入门与进阶,第一章初识AnimateCC2017,学习目标,AnimateCC在支持FlashSWF文件的基础上，加入了对HTML5的支持。

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

本章将简单介绍AnimateCC2017的基础使用知识。

1.11AnimateCC2017简介,AnimateCC由原AdobeFlashProfessionalCC更名得来，维持原有Flash开发工具支持外，新增HTML5创作工具，可以创建出将HTML5、CSS3和Javascript相结合的交互式动画。

AnimateCC2017概述AnimateCC2017功能,1.1.2AnimateCC2017功能,AnimateCC2017为游戏设计人员、开发人员、动画制作人员及教育内容编创人员推出了很多激动人心的新功能。

1.2安装和启动AnimateCC,要运行AnimateCC，首先要将其安装到电脑里。

安装完毕后，就可启动它完成相应的任务了。

学会安装后还可以学习如何卸载AnimateCC。

安装和卸载软件启动和退出软件,1.2.1安装和卸载软件,安装AnimateCC2017的方法很简单，只需要运行安装程序，按照操作向导提示，就可以轻松地将该软件安装到电脑中。

安装完AnimateCC2017后，如果程序出错，可以进行卸载后重新安装。

1.2.2启动和退出软件,制作Animate动画之前，首先要学会启动和退出AnimateCC程序，其步骤非常简单。

1.3AnimateCC工作界面,用户要正确高效地运用AnimateCC2017软件制作动画，首先需要熟悉AnimateCC的工作界面以及工作界面中各部分的功能。

AnimateCC的工作界面主要包括标题栏、【工具】面板、【时间轴】面板、其他面板组集合、舞台等界面要素。

欢迎屏幕标题栏菜单栏【工具】面板【时间轴】面板面板集舞台,1.3.1欢迎屏幕,在默认情况下，启动AnimateCC会打开一个欢迎屏幕，通过它可以快速创建Flash等文件和打开相关项目。

1.3.2标题栏,AnimateCC的标题栏包含窗口管理按钮、工作区切换按钮，同步设置等界面元素。

1.3.3菜单栏,AnimateCC的菜单栏包括【文件】、【编辑】、【视图】、【插入】、【修改】、【文本】、【命令】、【控制】、【调试】、【窗口】与【帮助】下拉菜单。

1.3.4【工具】面板,AnimateCC的【工具】面板包含了用于创建和编辑图像、图稿、页面元素的所有工具。

使用这些工具可以进行绘图、选取对像、喷涂、修改及编排文字等操作。

1.3.5【时间轴】面板,时间轴用于组织和控制影片内容在一定时间内播放的层数和帧数，动画影片将时间长度划分为帧。

图层相当于层叠的幻灯片，每个图层都包含一个显示在舞台中的不同图像。

1.3.6面板集,面板集是用于管理AnimateCC面板，它将所有面板都嵌入到同一个面板中。

通过面板集，用户可以对工作界面的面板布局进行重新组合，以适应不同的工作需求。

1.3.7舞台,舞台是用户进行动画创作的可编辑区域，可以在其中直接绘制插图，也可以在舞台中导入需要的插图、媒体文件等，其默认状况是一副白色的画布状态。

1.4设置工作环境,为了提高工作效率，使软件最大程度地符合个人操作习惯，用户可以在动画制作之前先对AnimateCC的工作界面、首选参数等选项进行相应设置。

手动调整工作界面自定义工作界面设置首选参数,1.4.1手动调整工作界面,在AnimateCC软件实际操作使用时，常常需要调整某些面板或窗口的大小。

1.4.1自定义工作界面,AnimateCC允许用户自定义属于自己的工作界面。

用户调整工作界面适合自己的需要，将该工作界面保存，这样下次就可以进入专属于自己的工作界面。

1.4.3设置首选参数,用户可以在【首选参数】对话框中对AnimateCC中的常规应用程序操作、编辑操作和剪贴板操作等参数选项进行设置。

选择【编辑】|【首选参数】命令，打开【首选参数】对话框，可以在不同的选项卡设置不同的参数选项。

1.6进阶实战,本章的进阶实战部分为设置AnimateCC工作界面这个综合实例操作，用户通过练习从而巩固本章所学知识。

AnimateCC2017动画制作入门与进阶,第二章AnimateCC基本操作,学习目标,启动AnimateCC之后，首先创建一个新的项目文档，AnimateCC支持诸如FLA、HTML5等格式的文档。

本章主要介绍AnimateCC新建、打开、保存文档以及使用模板、舞台等基本操作内容。

2.1新建AnimateCC文件,AnimateCC支持很多格式的文档，在Animate中，用户可以处理各种文件类型，首先学习如何新建AnimateCC文件的方法。

AnimateCC支持格式新建Animate文档,2.1.1AnimateCC支持格式,在Animate中，用户可以处理各种文件类型，每种文件类型的用途各不相同。

2.1.2新建Animate文档,使用AnimateCC可以创建新的文档或打开以前保存的文档，也可以在工作时打开新的窗口并且设置新建文档或现有文档的属性。

2.2文档的基础操作,要运行AnimateCC，首先要将其安装到电脑里。

安装完毕后，就可启动它完成相应的任务了。

学会安装后还可以学习如何卸载AnimateCC。

打开和关闭文档保存文档,2.2.1打开和关闭文档,选择【文件】|【打开】命令，打开【打开】对话框，选择要打开的文件，然后单击【打开】按钮，即可打开选中的AnimateCC文档。

按钮如即果可要将关该闭A单n个im文ate档文，档只关需闭要。

单如击果标要签关栏闭上整的个AnimateCC软件，只需单击界面上标题栏的关闭按钮即可按钮即可将该Animate文档关闭。

如果要关闭整个AnimateCC软件，只需单击界面上标题栏的关闭按钮即可,2.2.2保存文档,在完成对AnimateCC文档的编辑和修改后，需要对其进行保存操作。

选择【文件】|【保存】命令，打开【另存为】对话框。

在该对话框中设置文件的保存路径、文件名和文件类型后，单击【保存】按钮即可。

2.3设置舞台,舞台是创建Animate文档时放置图形内容的矩形区域。

创作环境中的舞台相当于FlashPlayer或web浏览器窗口中在播放期间显示文档的矩形空间。

要在工作时更改舞台的视图，请使用放大和缩小功能。

若要帮助在舞台上定位项目，可以使用网格、辅助线和标尺等舞台工具。

缩放舞台旋转舞台舞台辅助工具,2.3.1缩放舞台,要在屏幕上查看整个舞台，或要以高缩放比率查看绘图的特定区域，可以更改缩放比率级别。

最大的缩放比率取决于显示器的分辨率和文档大小。

2.3.2旋转舞台,AnimateCC推出一种新的【旋转】工具，允许您临时旋转舞台视图，以特定角度进行绘制，而不用像【自由变换】工具那样，需要永久旋转舞台上的实际对象。

2.3.3舞台辅助工具,舞台中还包含有辅助工具，用来在舞台上精确的绘制和安排对象。

2.4Animate工作流程,在制作AnimateCC文档的过程中，通常需要执行一些基本步骤，包括计划应用程序、创建并导入媒体元素、使用Actionscript控制行为等流程。

2.5设置首选参数和撤销操作,舞台是创建Animate文档时放置图形内容的矩形区域。

创作环境中的舞台相当于FlashPlayer或web浏览器窗口中在播放期间显示文档的矩形空间。

要在工作时更改舞台的视图，请使用放大和缩小功能。

若要帮助在舞台上定位项目，可以使用网格、辅助线和标尺等舞台工具。

设置首选参数撤销、重做和历史记录,2.5.1设置首选参数,选择【编辑】|【首选参数】命令打开【首选参数】对话框，默认打开的【常规】选项卡中可以设置常规参数。

2.5.2撤销、重做和历史记录,使用撤消、重做和重复命令或者历史面板可以重做或撤销前面的操作，大大提高了工作效率。

2.6进阶实战,本章的进阶实战部分为文档操作这个综合实例操作，用户通过练习从而巩固本章所学知识。

AnimateCC2017动画制作入门与进阶,第三章绘制基础图形,学习目标,AnimateCC提供了很多简单而强大的绘图工具来绘制矢量图形，可供用户绘制各种形状、线条以及填充颜色。

本章将介绍AnimateCC绘制基础图形的相关知识。

3.1绘制简单图形,AnimateCC【工具】面板中提供许多工具可以绘制简单的图形，主要包括线条和几何类的图形。

矢量图和位图绘制线条图形绘制几何图形,3.1.1矢量图和位图,在AnimateCC2017中绘制的图形，通常分为位图图像和矢量图形两种类型。

3.1.2绘制线条图形,矢量线条是构成图形基础的元素之一，在AnimateCC中，矢量线条绘图工具主要包括【线条工具】、【铅笔工具】、【钢笔工具】等。

3.1.3绘制几何图形,AnimateCC提供了强大的标准绘图工具，使用这些工具可以绘制一些标准的几何图形，主要包括【矩形工具】和【基本矩形工具】、【椭圆工具】和【基本椭圆工具】，以及【多角星形工具】等。

3.2填充图形颜色,绘制图形之后，即可进行颜色的填充操作。

AnimateCC2017中的填充工具主要包括【颜料桶工具】、【墨水瓶工具】、【橡皮擦工具】和【滴管工具】等。

使用【颜料桶工具】使用【墨水瓶工具】使用【橡皮擦】工具使用【滴管】工具,3.2.1使用【颜料桶工具】,在AnimateCC2017中，【颜料桶】工具用来填充图形内部的颜色，并且可以使用纯色、渐变色以及位图进行填充。

3.2.2使用【墨水瓶工具】,在AnimateCC2017中，【墨水瓶工具】用于更改矢量线条或图形的边框颜色，更改封闭区域的填充颜色，吸取颜色等。

3.2.3使用【橡皮擦工具】,在AnimateCC2017中，【橡皮擦】工具就是一种擦除工具，可以快速擦除舞台中的任何矢量对象，包括笔触和填充区域。

3.2.4使用【滴管工具】,在AnimateCC中，使用【滴管工具】，可以吸取现有图形的线条或填充上的颜色及风格等信息，并可以将该信息应用到其他图形上,3.3查看和选择图形,查看工具分为【手形】工具、【缩放】工具，分别用来平移舞台中的内容、放大或缩小舞台显示比例。

选择工具可以分为【选择】工具、【部分选取】工具和【套索】工具，分别用来抓取、选择、移动和调整对象。

使用查看工具使用选择工具,3.3.1使用查看工具,当视图被放大或者舞台面积较大，整个场景无法在视图窗口中完整显示时，用户要查看场景中的某个局部，就可以使用【手形工具】。

3.3.2使用选择工具,AnimateCC中的选择工具可以分为【选择工具】、【部分选取工具】和【套索工具】，分别用来抓取、选择、移动和调整曲线；以及调整和修改路径和自由选定要选择的区域,3.4进阶实战,本章的进阶实战部分为绘制气球图形这个综合实例操作，用户通过练习从而巩固本章所学知识。

AnimateCC2017动画制作入门与进阶,第四章图形编辑操作,学习目标,图形对象绘制完毕后，可以对已经绘制的图形进行移动、复制、排列、组合等操作，此外还可以调整图形的颜色使其更加丰富多彩。

本章将详细介绍图形的编辑操作、和颜色调整等编辑修改内容。

4.1图形的基本编辑,图形的基本编辑主要包括一些改变图形的基本操作，使用【工具】面板中相应的工具可以进行移动、复制、排列、组合和分离图形对象等操作。

移动图形复制和粘贴图形排列和对齐图形组合和分离图形贴紧图形图形的变形,4.1.1移动图形,在AnimateCC中，【选择】工具除了用来选择图形对象，还可以拖动对象来进行移动操作。

而有时为了避免当前编辑的对象影响到其他对象，可以使用【锁定】命令来锁定图形对象。

4.1.2复制和粘贴图形,在AnimateCC2017中，复制和粘贴图形对象可以使用菜单命令或键盘组合键，在【变形】面板中，还可以在复制对象的同时对对象应用变形。

4.1.3排列和对齐图形,在同一图层中，绘制的Animate图形会根据创建的顺序层叠对象，用户可以使用【修改】|【排列】命令对多个图形对象进行上下排列，还可以使用【修改】|【对齐】命令将图形对象进行横向排列。

4.1.4组合和分离图形,在创建复杂的矢量图形时，为了避免图形之间的自动合并，可以对其进行组合，使其作为一个对象来进行整体操作处理。

此外，组合后的图形对象也可以进行分离返回原始状态。

4.1.5贴紧图形,如果要使图形对象彼此自动对齐，可以使用贴紧功能。

AnimateCC中为贴紧对齐对象主要提供了5种方式，即【贴紧至对象】、【贴紧至像素】、【贴紧至网格】、【贴紧至辅助线】、【贴紧对齐】等。

4.1.6图形的变形,在使用图形过程中，可以调整图形在舞台中的比例，以及改变图形的形状。

用户对图形变形的操作包括翻转、旋转、扭曲、缩放、封套等方式。

4.2调整图形颜色,用户若要自定义颜色或者对已经填充的颜色进行调整，需要用到【颜色】面板。

另外，使用【渐变变形】工具可以进行颜色的填充变形，在【属性】面板中还能改变对象的亮度、色调以及透明度等。

使用【颜色】面板使用【渐变变形工具】调整色彩效果,4.2.1使用【颜色】面板,在菜单上选择【窗口】|【颜色】命令，可以打开【颜色】面板。

打开右侧的下拉列表框，可以选择【无】、【纯色】、【线性渐变】、【径向渐变】和【位图填充】5种填充方式。

4.2.2使用【渐变变形工具】,单击【任意变形】工具按钮后，在下拉菜单中选择【渐变变形】工具，该工具可以通过调整填充的大小、方向或者中心位置，对渐变填充或位图填充进行变形操作。

4.2.3调整色彩效果,在AnimateCC2017中可以调整舞台中图形或其他对象的色彩显示效果，能够改变对象的亮度、色调以及透明度等，为动画的制作提供了更高层次的特殊效果。

4.3添加3D和滤镜效果,使用AnimateCC2017提供的3D变形工具可以在3D空间对2D对象进行动画处理，还可以对文本、影片剪辑或按钮添加滤镜效果。

添加3D效果添加滤镜效果,4.3.1添加3D效果,使用AnimateCC2018提供的3D变形工具可以在3D空间对2D对象进行动画处理，3D变形工具包括【3D旋转工具】和【3D平移工具】。

4.3.2添加滤镜效果,滤镜是一种应用到对象上的图形效果。

AnimateCC允许对文本、影片剪辑或按钮添加滤镜效果，如投影、模糊、斜角等特效，使动画表现的更加丰富。

4.5进阶实战,本章的进阶实战部分为绘制彩虹这个综合实例操作，用户通过练习从而巩固本章所学知识。

AnimateCC2017动画制作入门与进阶,第五章添加和设置文本,学习目标,文本是Animate动画中重要的组成元素之一，可以起到帮助影片表述内容以及美化影片的作用。

本章将介绍Animate文本的创建和编辑等内容。

5.1创建文本对象,使用【工具】面板中的【文本】工具可以创建文本对象。

在创建文本对象之前，首先还需要明确所使用的文本类型，然后通过文本工具创建对应的文本框，从而实现不同类型的文本对象的创建方法。

文本的类型创建静态文本创建动态文本创建输入文本,5.1.1文本的类型,使用【文本】工具可以创建多种类型的文本，在AnimateCC2017中，下面介绍三者的相关概念。

文本类型可分为静态文本、动态文本、输入文本共3种。

5.1.2创建静态文本,创建静态水平文本，首先应在【工具】面板中选择【文本】工具，当光标变为形状时，在舞台中单击即可创建一个可扩展的静态水平文本框，该文本框的右上角具有圆形手柄标识，其输入区域可随需要自动横向延长。

5.1.3创建动态文本,要创建动态文本，选择【文本】工具，打开【属性】面板，单击【静态文本】按钮，在弹出的菜单中可以选择【动态文本】类型，此时单击舞台，可以创建一个具有固定宽度和高度的动态水平文本框，拖动可以创建一个自定义固定宽度的动态水平文本框；在文本框中输入文字，即可创建动态文本。

5.1.4创建输入文本,输入文本可以在动画中创建一个允许用户填充的文本区域，因此它主要出现在一些交互性比较强的动画中，如有些动画需要用到内容填写、用户名或者密码输入等操作，就都需要添加输入文本。

5.2文本的编辑,创建文本后，可以对文本进行一些编辑操作，主要包括设置文本属性，对文本进行分离、变形、剪切、复制和粘贴等编辑，还可以将文本链接到指定URL地址。

设置文本属性选择文本分离文本变形文本消除文本锯齿添加文字链接,5.2.1设置文本属性,为了使Animate动画中的文字更加灵活，用户可以使用【文本】工具的属性面板对文本的字体和段落属性进行设置。

5.2.2选择文本,编辑文本或更改文本属性时，必须先选中要编辑的文本。

在工具箱中选择【文本】工具后，可进行如下操作选择所需的文本对象。

5.2.3分离文本,在AnimateCC中，文本的分离原理和分离方法与之前介绍的分离Animate图形相类似。

5.2.4变形文本,将文本分离为填充图形后，可以非常方便地改变文字的形状。

要改变分离后文本的形状，可以使用【工具】面板中的【选择工具】或【部分选取工具】等，对其进行各种变形操作。

5.2.5消除文本锯齿,有时Animate中的文字会显得模糊不清，这往往是由于创建的文本较小从而无法清楚显示的缘故，在文本的【属性】面板中通过对文本锯齿的设置优化，可以很好地解决这一问题。

5.2.6添加文字链接,在AnimateCC2017中，可以将静态或动态的水平文本链接到URL，从而在单击该文本的时候，可以跳转到其他文件、网页或电子邮件。

5.3使用文本效果,在AnimateCC2017中，使用滤镜、上下标、段落设置等效果可以给文字带来视觉上的改变，以及输入一些特殊的文本内容。

添加文本滤镜制作上下标文本调整文本段落,5.3.1添加文本滤镜,滤镜是一种应用到对象上的图形效果,AnimateCC2017允许对文本添加滤镜效果，使文字表现效果更加绚丽多彩。

该项操作主要通过【属性】面板中的【滤镜】选项组完成。

5.3.2制作上下标文本,在输入某些特殊文本时（比如一些数学公式），需要将文本内容转为上下标类型，用户在【属性】面板中进行设置即可。

5.3.3调整文本段落,AnimateCC中的文本一般以默认的间距显示。

用户可以根据自己需求重新调整文本间距和行距，是文本内容的显示更加清晰。

5.4进阶实战,本章的进阶实战部分为制作登录界面和制作卡片两个综合实例操作，用户通过练习从而巩固本章所学知识。

AnimateCC2017动画制作入门与进阶,第六章导入外部对象,学习目标,AnimateCC作为矢量动画处理程序，也可以导入外部位图和视频、音频等多媒体文件作为特殊的元素应用，从而为制作动画提供了更多可以应用的素材，本章将主要介绍在AnimateCC2017中导入和使用外部元素对象的操作内容。

6.1导入图形,AnimateCC虽然也支持图形的绘制，但是它毕竟无法与专业的绘图软件相媲美，因此，从外部导入制作好的图形元素成为Animate动画设计制作过程中常用的操作。

导入图形的格式导入位图编辑导入位图导入其他格式,6.1.1导入图形的格式,AnimateCC可以导入目前大多数主流图像格式，具体的文件类型和文件扩展名可以参照下表。

6.1.2导入位图,AnimateCC2017可以导入目前大多数主流图像格式。

位图是制作影片时最常用到的图形元素之一，在AnimateCC中默认支持的位图格式包括BMP、JPEG以及GIF等。

6.1.3编辑位图,在导入了位图文件后，可以进行各种编辑操作，例如修改位图属性、将位图分离或者将位图转换为矢量图等。

6.1.4导入其他图像格式,在AnimateCC2017中，还可以导入PSD、AI等格式的图像文件，导入这些格式图像文件可以保证图像的质量和保留图像的可编辑性。

6.2导入声音,声音是Animate动画的重要组成元素之一，它可以增添动画的表现能力。

在AnimateCC中，用户可以使用多种方法在影片中添加音频文件，从而创建出有声影片。

声音相关常识导入声音的操作编辑声音导出声音压缩声音,6.2.1声音相关常识,在Animate动画中插入声音文件，首先需要决定插入声音的类型。

AnimateCC2017中的声音分为事件声音和音频流两种。

6.2.2导入声音的操作,Animate在导入声音时，可以为按钮添加音效，也可以将声音导入到时间轴上，作为整个动画的背景音乐。

在AnimateCC中，可以将外部的声音文件导入到动画中，也可以使用共享库中的声音文件。

6.2.3编辑声音,在AnimateCC2017中，可以执行改变声音开始播放、停止播放的位置和控制播放的音量等编辑操作。

6.2.4导出声音,使用AnimateCC导出声音文件，除了通过采样比率和压缩控制声音的音量大小，还可以有效地控制声音文件的大小。

6.2.5压缩声音,声音文件的压缩比例越高、采样频率越，生成的Animate文件越小，但音质较差；反之，压缩比例较低采样频率越高时，生成的Animate文件越大，音质较好。

6.3导入视频,Animate可将数字视频素材编入基于Web的演示中。

FLV和F4V（H.264）视频格式具有技术和创意优势，允许用户将视频和数据、图形、声音和交互式控件融合在一起。

通过FLV和F4V视频，可以轻松将视频以几乎任何人都可以查看的格式放到网页上。

导入视频的格式导入视频的方法,6.3.1导入视频的格式,若要将视频导入Animate中，必须使用以FLV或H.264格式编码的视频。

视频导入向导（使用【文件】|【导入】|【导入视频】命令）会检查您选择导入的视频文件；如果视频不是Animate可以播放的格式，便会提醒您。

如果视频不是FLV或F4V格式，则可以使用AdobeMediaEncoder以适当的格式对视频进行编码。

6.3.2导入视频的方法,用户可以通过不同方法在Animate中使用视频。

6.4进阶实战,本章的进阶实战部分为制作视频播放器这个综合实例操作，用户通过练习从而巩固本章所学知识。

AnimateCC2017动画制作入门与进阶,第七章使用元件、实例和库,学习目标,在动画制作过程中，经常需要重复使用一些特定的动画元素，用户可以将这些元素转换为元件，在制作动画时多次调用。

实例是元件在舞台中的具体表现，【库】面板是放置和组织元件的地方，本章将主要介绍在AnimateCC2017中使用元件和实例的操作方法，以及【库】资源的相关应用。

7.1使用元件,元件是存放在库中可被重复使用的图形、按钮或者动画。

在AnimateCC中，元件是构成动画的基础，凡是使用Animate创建的所有文件，都可以通过某个或多个元件来实现。

元件类型创建元件转换元件复制元件编辑元件,7.1.1元件类型,在AnimateCC2017中，每个元件都具有唯一的时间轴、舞台及图层。

可以在创建元件时选择元件的类型，元件类型将决定元件的使用方法。

7.1.2创建元件,创建元件的方法有两种，一种是直接新建一个空元件，然后在元件编辑模式下创建元件内容；另一种是将舞台中的某个元素转换为元件。

下面将具体介绍创建几种类型元件的方法。

7.1.3转换元件,如果舞台中的元素需要反复使用，可以将它直接转换为元件，保存在【库】面板中，方便以后调用。

7.1.4复制元件,复制元件和直接复制元件的操作可以方便元件的重复使用。

复制元件和直接复制元件是两个完全不同的概念。

7.1.5编辑元件,创建元件后，可以选择【