资源描述
,*,西南科技大学毕业论文答辩,*,西南科技大学毕业论文答辩,*,西南科技大学毕业论文答辩,*,西南科技大学毕业论文答辩,*,西南科技大学毕业论文答辩,*,西南科技大学毕业论文答辩,*,西南科技大学毕业论文答辩,*,西南科技大学毕业论文答辩,*,西南科技大学毕业论文答辩,*,西南科技大学毕业论文答辩,第,1,章,Animate CC 2017,动画制作基础,了解动画制作的起源与发展。,熟悉,Animate CC 2017,的操作界面。,掌握使用,Animate CC,软件进行动画开发的流程。,1.1,二维动画制作基础,1.1.1,动画制作原理,人们看到的物体消失后，如果两个视觉印象之间的时间间隔不超过0.1s，前一个视觉印象尚未消失，后一个视觉印象已经产生，并与前一个视觉印象融合在一起，就会形成“视觉暂留”现象。电影就是利用这一现象形成景物活动的视觉。,图所示为一组连续变化的图片，只要将其放到连续的帧上，以一定的速度连续播放，就可以形成一个人物打斗的视觉效果。,1.1.2,图像的基本知识,一、,亮度,、色调及,饱和度,色彩可用亮度、色调,及,饱和度来描述其综合属性。,亮度,亮度是光作用于人眼时所引起的明亮程度的感觉,，它与被观察物体的发光强度有关。,色调,色调是当人眼看到一种或多种波长的光时所产生的彩色感觉,，它反映颜色的种类，决定颜色的基本特性，如红色、棕色就是指色调。,饱和度,饱和度指的是颜色的纯度,，即掺入白光的程度，或者说是指颜色的深浅程度，对于同一色调的彩色光线，饱和度越深,，,颜色越鲜明或越纯,。,二、,分辨率,屏幕分辨率,屏幕分辨率是指在某一种显示方式下，以水平像素点数和垂直像素点数来表示计算机屏幕上最大的显示区域。例如，VGA方式的屏幕分辨率为640480，SVGA方式为1,024768。,图像分辨率,图像分辨率是指数字化图像的大小，以水平和垂直的像素点表示。当图像分辨率大于屏幕分辨率时，屏幕上只能显示图像的一部分。,显示器分辨率,显示分辨率是指显示器本身所能支持,的,显示方式下最大的屏幕分辨率，通常用像素点之间的距离来表示，即点距。点距越小，同样的屏幕尺寸可显示的像素点就越多，自然分辨率就越高。,像素分辨率,像素分辨率是指一个像素的宽和长的比例（也称为像素的长度比）。在像素分辨率不同的计算机上显示同一幅图像，会得到不同的显示效果,。,三、,色彩深度,图像色彩深度是指图像中可能出现的不同颜色的最大数目，它取决于组成该图像的所有像素的位数之和，即位图中每个像素所占的位数。例如，图像深度为24，则位图中每个像素有24个颜色值，可以包含16 772 216种不同的颜色，称为真彩色。,四、,图像文件的大小,图像文件的大小是指在磁盘上存储整幅图像所占的字节数，可按下面的公式进行计算。,文件字节数图像分辨率（高宽）图像深度8,例如，一幅1 024768大小的真彩色图片所需的存储空间为：,10247682482359 296Byte2304KB。,显然，图像文件所需的存储空间很大，因此存储图像时必须采用相应的压缩技术。,五、,图像类型,数字图像最常见的有3种：图形、静态图像和动态图像。,图形,图形一般是指利用绘图软件绘制的简单几何图案的组合，如直线、椭圆、矩形、曲线或折线等。,静态图像,静态图像一般是指利用图像输入设备得到的真实场景的反映，如照片、印刷图像等。,动态图像,动态图像由一系列静止画面按一定的顺序排列而成，这些静止画面称为动态图像的“帧”。每一帧与其相邻帧的内容略有不同，当帧画面以一定的速度连续播放时，由于视觉的暂留现象而造成了连续的动态效果。,六、,常见的图像格式,静态图像存储格式主要有BMP、GIF（Graphics Interchange Format）、JPEG（Joint Photographic Experts Group）、TIFF（Tag Image File Format）、PCX、TGA（Tagged Graphics）、WMF（Windows Metafile）、EMF（Enhanced Metafile）和PNG（Portable Network Graphics）等。,常用的视频文件格式主要有AVI（*.avi）、QuickTime（*.mov/*.qt）、MPEG（*.mpeg/*.mpg/*.dat）和Real Video（*.rm）等。,1.2 Animate CC 2017,简介,Animate CC动画是一种矢量动画格式，具有体积小、兼容性好、直观动感、互动性强、支持MP3音乐等诸多优点，是当今流行的网络动画格式。,一、,文件的数据量小,Animate CC动画文件非常小。与位图图形相比，矢量图形需要的内存和存储空间小很多，因为它们是以数学公式而不是大型数据集来表示的。位图的数据量之所以更大，是因为图像中的每个像素都需要一组单独的数据来表示。,1.2.1 Animate,动画的特点,二、,图像质量高,由于矢量图像可以做到真正的无级放大，因此图像不仅始终可以完全显示，而且不会降低图像质量。而一般的位图，在放大后，容易看到一个个锯齿状的色块。,三、,交互性好,一般的动画制作软件，如3ds Max、Maya等，只能制作标准的顺序动画，即动画只能连续播放。借助ActionScript的强大功能，Animate CC不仅可以制作出各种精彩眩目的顺序动画，也能制作出复杂的交互式动画，使用户可以对动画进行控制。这是Animate CC 一个非常重要的特点，它有效地扩展了动画的应用领域。,四、,采用流媒体播放技术,Animate CC动画采用了边下载边播放的“流式（Streaming）”技术，在用户观看动画时，不是等到动画文件全部下载到本地后才能观看，而是“即时”观看。这实现了动画的快速显示，减少了用户的等待时间。,五、,视觉效果丰富,Animate CC动画有崭新的视觉效果，比传统的动画更加新颖与灵巧，更加炫目精彩。不可否认，它已经成为一种新时代的艺术表现形式。,六、,成本低廉,Animate CC动画制作的成本非常低，使用Animate CC制作的动画能够大大地减少人力、物力资源的消耗。同时，在制作时间上也会大大减少。,1.2.2 Animate CC 2017,的工作界面,一、,功能模块,初始界面主要包括以下3个主要的功能模块。,【打开最近的项目】：用于快速打开最近一段时间使用过的文件。,【新建】：用于选择新创建的内容。,【模板】：用于选择软件提供的模板创建新文件。,二、,文档类型,在初始界面的【新建】模块中可以创建以下类型的文档。,HTML 5 Canvas：创建能在使用HTML和Java脚本的浏览器中播放的动画，可以通过在Animate CC或最终发布的文件中插入Java脚本来添加交互性。,WebGL（预览）：制作纯动画素材，可以分利用图形硬件加速支持。,ActionScript 3.0：创建可以通过桌面浏览器Flash Player播放和交互的动画。,ActionScript 3.0是Animate CC脚本语言的最新版本。,AIR for Desktop：创建在Windows或Mac桌面上作为应用程序的动画。,AIR for Android/AIR for iOS：创建在Android或Apple等移动设备上的动画，可以在该类设备中播放。,三、,工作界面,单击,用户界面,的 选项，新建一个普通Animate CC文档，进入图所示设计环境，其中包括菜单栏、舞台、编辑栏、工作区切换台、时间轴、图层管理区、工具面板、【属性】面板、【库】面板等内容。,1.,菜单栏,菜单栏中包括【文件】、【编辑】、【视图】、【插入】、【修改】、【文本】、【命令】、【控制】、【调试】、【窗口】和【帮助】等菜单，每个菜单包含若干菜单项，提供了文件操作、编辑、视窗选择、动画帧添加、动画调整、字体设置、动画调试和打开浮动面板等常用命令。,2.,舞台,当前编辑的动画窗口中，能编辑动画的整个区域叫作场景。为了设计的需要，设计中常常需要更换不同的场景，每个场景都有不同的名称。,（,1,）,舞台,可以在整个场景内进行图形的绘制和编辑工作，但是最终动画仅显示场景中白色（也可能会是其他颜色，这是由动画属性设置的）区域的内容，我们就把这个区域称为舞台。舞台是绘制和编辑动画内容的矩形区域，动画内容包括矢量图形、文本框、按钮、导入的位图图像或视频剪辑等。动画在播放时仅显示舞台上的内容，对于舞台之外的内容是不显示的。,（,2,）,后台,舞台之外的灰色区域的内容在最终的作品中是不显示的，这个区域称为后台，如图所示。设计动画时往往要利用后台区做一些辅助工作。如同演出一样，在舞台之外（后台）可能要做许多准备工作，但真正呈现给观众的只是舞台上的表演。,（,3,）,工作区,工作区是指整个用户界面，包括界面的大小、各个面板的位置形式等。用户可以自定义工作区：首先按照自己的使用需要和个人爱好对界面进行调整，然后选择【窗口】/【工作区】/【新建工作区】命令，就可以将当前的工作区风格保存下来。,3.,编辑栏,在编辑栏可以对场景进行设计，例如在创建的多个场景中进行切换，编辑场景以及设置场景显示比例等，如图所示。,4.,工作区切换台,5.,时间轴,时间轴用于组织和控制文档内容在一定时间内播放的顺序和方式，用来控制各个场景的切换以及各个对象出场、表演的时间顺序。,【时间轴】面板包括帧编号、播放头以及一些信息指示器，如图所示。时间轴中显示文档中哪些地方有动画，包括逐帧动画、补间动画和运动路径，可以在时间轴中插入、删除、选择和移动帧，也可以将帧拖到同一层中的不同位置，或是拖到不同的层中。,6.,图层管理区,图层就像透明的投影片一样，一层层地向上叠加。用户可以利用层组织文档中的插图，也可以在层上绘制和编辑对象，而不会影响其他层上的对象。如果一个层上没有内容，那么就可以透过它看到下面的层。,创建一个新的Animate CC文档后，其上包含一个图层。用户可以添加更多的层，以便在文档中组织插图、动画和其他元素。可以创建的层数只受计算机内存的限制，而且层不会增加发布的SWF文件的文件大小。,7.,工具面板,可以通过【窗口】/【工具】菜单命令来选择是否显示工具栏，其中包含各种设计工具，可以绘图、上色、选择和修改插图，还可以更改舞台的视图。面板上包括以下工具。,【绘图】工具：包含绘图、编辑、着色、擦除、骨骼等设计工具。,【视图】工具：包含在应用程序窗口内进行缩放和移动的工具。,【颜色】工具：包含用于笔触颜色和填充颜色的功能键。,8.,【属性】面板,使用【属性】面板可以很方便地查看舞台或时间轴上当前选定的文档、文本、元件、位图、帧或工具等信息和设置。当选定了两个或多个不同类型的对象时，它会显示选定对象的总数。【属性】面板会根据用户选择对象的不同而变化，以反映当前对象的各种属性。,9.,【库】面板,【库】面板用于存储和组织在Animate CC中创建的各种元件以及导入的文件，包括位图图像、声音文件和视频剪辑等。【库】面板可以组织文件夹中的库项目，查看项目在文档中使用的频率，并按类型对项目排序。,1.2.3 Animate CC 2017,的常用操作,一、,文档的保存与打开,【另存为】对话框,【打开】对话框,二、,测试动画,【操作要点】,（,1,）打开素材文件“素材,/,第,1,章,/,蜡烛熄灭,.fla,”。,（,2,）选择菜单命令【控制】,/,【测试影片】,/,【在,Animate,中】，进入动画测试环境，将打开新窗口显示测试结果，如图,左,所示。,（,3,）选择菜单命令【控制】,/,【测试影片】,/,【在浏览器中】，可以在浏览器中显示测试结果，如图,右,所示。,三、,导出作品,利用导出命令可以将作品导出为影片或图像。例如，可以将整个影片导出为Flash影片、一系列位图图像、单一的帧或图像文件以及不同格式的活动、静止图像等，包括GIF、JPEG、PNG、BMP、PICT、QuickTime或AVI等格式。,四、,发布作品,【发布】命令可以创建SWF文件，并将其插入浏览器窗口中的HTML文档，也可以以其他文件格式（如GIF、JPEG、PNG和QuickTime格式）发布FLA文件。,1.2.4,图层的概念和基本操作,一、,图层的概念,在,Animate CC,中，图层可以看成透明胶片，在舞台上一层层地向上叠加。相互叠加在一起的图层形成一定的遮挡关系，上面图层中的内容会遮挡下面图层中的内容，透过上面图层中没有内容的区域可以看到下面图层中的内容,。,在,Animate CC,动画中，图层分为一般层、引导层、运动引导层、被引导层、遮罩层和被遮罩层，其作用各不相同。除非特别说明，本书中所说的图层都指一般层。,二、,图层操作,三、,设置图层和图层文件夹,图层和图层文件夹的基本操作如下。,1.,选中图层或图层文件夹,在图层管理区中要选择图层或图层文件夹，可以采用以下方法。选定的图层将带有彩色背景（如橙黄色）,。,2.,创建新图层或图层文件夹,在图层管理区中创建新图层或图层文件夹（见,右,图）,。,3.,隐藏图层或图层文件夹,在图层管理区中隐藏图层或图层文件夹。图层被隐藏后，图层内容不可见也不能再被修改。,单击图层或文件夹名称右侧的,图标所对应的列，可以隐藏该图层或文件夹，再次单击可以显示该图层或文件夹。,单击,图标可以隐藏所有的图层和文件夹，再次单击可以显示所有的图层和文件夹。,单击,鼠标左键，在,图标对应的列中拖动，可以显示或隐藏相应的图层或文件夹。,按Alt键，单击图层或图层文件夹名称右侧的,图标所对应的列，可以隐藏其他所有图层和图层文件夹，再次按Alt键并单击图标所对应的列，可以恢复其显示状态。,4.,其他操作,锁定图层,显示轮廓,1.3,综合应用,制作,“,运动小球,”,【操作要点】,1.,选择【文件】【新建】菜单命令，弹出【新建文档】对话框，在【类型】选项文本框中选择“ActionScript 3.0”，如图所示。单击,确定,按钮，进入文档编辑界面。,2.【,属性,】,设置,3.,舞台颜色设置,4.,利用椭圆工具，绘制圆形,5.,颜料桶工具设置,6.,填充圆,7.,在【时间轴】面板上选择“图层,1,”的第,20,帧，按下,F6,键，在该帧处插入一个关键帧,。,8.,在右侧工具栏中选择,（选择）工具，在舞台上选择球。然后双击鼠标，选定包括边框和填充图形在内的全部图形，将其拖动到舞台的右侧,。,9.,选择“图层1”的第1帧，在其上单击鼠标右键，在弹出的菜单中选择【创建传统补间】选项，如图所示。创建传统补间动画，让小球动起来。,10.,按Ctrl+Enter键测试影片，可以观看到球不停地从窗口左侧移动到右侧，如图所示。,第,2,章 绘制基本图形,进一步熟悉,Animate CC 2017,的设计环境。,掌握,Animate CC 2017,绘图工具的管理方法。,掌握,Animate CC 2017,基本绘图工具的使用方法。,明确在设计时选用设计工具的基本原则。,2.1,矢量图形基础知识,2.1.1,矢量图形和位图图像,一、,矢量图形,矢量图形用直线和曲线及其填充来围成图形，包含颜色和位置等属性。对矢量图形进行移动、调整大小、重定形状以及更改颜色的操作不会更改其外观品质。矢量图形与分辨率无关，可以显示在各种分辨率的输出设备上，而并不影响图形质量。,二、,位图图像,位图图像用一组排列在网格内的彩色像素点来描述图像。通过修改像素来编辑位图图像，因此位图图像跟分辨率有关，编辑位图图像会影响其外观品质，在比图像本身的分辨率低的输出设备上显示位图图像时也会降低它的外观品质。,2.1.2,线条和填充图形,一、,线条,线条是指用【线条】工具、【钢笔】工具 或【铅笔】工具 绘制的图形，以及由【椭圆】工具、【矩形】工具 等绘制的图形的外部边框线。,线条的属性通过修改【属性】面板中【笔触】的相关参数来调整。可以使用【墨水瓶】工具 改变线条的颜色，但不能使用【颜料桶】工具 来改变线条的颜色。,二、,填充图形,填充图形是指用【画笔】工具 绘制的图形，或者是由【椭圆】工具、【矩形】工具 等绘制的图形的内部填充部分。,填充图形的属性通过修改【属性】面板中【填充】相关参数来调整。填充图形的颜色不能通过【墨水瓶】工具 来改变，只能使用【颜料桶】工具 来调整。,2.1.3,合并绘制模式和对象绘制模式,一、,合并绘制模式,在合并绘制模式下，重叠绘制的两个图形会自动合并。当移动其中一个图形时，在另一个图形上将留下缺口。例如，绘制一个正方形并在其上方叠加一个圆形，然后选取此圆形并进行移动，则留下的正方形将有一个圆形缺口，如图,左,所示。,二、,对象绘制模式,在对象绘制模式，可将图形绘制成独立的对象，在叠加时不会自动合并。分离或重排重叠的图形时，也不会改变外形。可以分别对这些对象进行处理。例如，绘制一个正方形并在其上方叠加一个圆形，移走圆形时，正方形的形状依旧是完整的，如图,右,所示。,2.1.4,认识绘图工具,一、,工具的快捷键,当用鼠标指向工具面板上的工具时，将弹出提示框显示该工具的名称，在名称后面括号中有字母或组合键就是该命令的快捷键。,二、,【属性】面板及扩展面板,三、,工具的分类,根据用途的不同，工具可分为以下6类。,（1）规则形状绘制工具：主要包括【矩形】工具、【基本矩形】工具、【椭圆】工具、【基本椭圆】工具、【多角星形】工具 和【线条】工具。,（2）不规则形状绘制工具：主要包括【钢笔】工具、【铅笔】工具、【画笔】工具、和【文本】工具。,（3）形状修改工具：主要包括【选择】工具、【部分选择】工具、【任意变形】工具 和【套索】工具。,（4）颜色修改工具：主要包括【墨水瓶】工具、【颜料桶】工具、【滴管】工具、【橡皮檫】工具 和【渐变变形】工具。,（5）视图修改工具：主要包括【手形】工具、【旋转】工具、【摄像头】工具 和【缩放】工具。,（6）动画辅助工具：主要包括【骨骼】工具 和【绑定】工具。,2.2,绘制线条,一、,属性面板,2.2.1【,铅笔,】,工具,二、,铅笔模式,选中【铅笔】工具后，【工具面板】底部的扩展参数面板如图所示。,在图中单击底部的铅笔模式按钮，可以使用3种铅笔模式。,【伸直】模式：绘制的矢量线自行趋向于规整的形态，如直线、方形、圆形和三角形等。,【平滑】模式：绘制的线条将趋向于更加流畅平滑的形态，常用于绘制卡通图形等艺术造型。,【墨水】模式：能绘制绘接近手写体效果的线条。,2.2.2【,线条,】,工具,一、,使用方法,在【属性】面板中设置好笔触样式后即可在舞台中绘制线条，如图所示。绘图时，移动光标至工作区，当光标变为十字形表明线条工具被激活，可以方便地在绘图区绘制平滑的直线。,二、,基础应用绘制线条,1.,绘制线条,2.,设置线条属性,3.,对比属性,4.,绘制折线,5.,设置线条属性,2.3,选择对象,一、,属性设置,单击（选择工具），在工具面板【选项】区有【紧贴至对象】、【平滑】和【伸直】3个功能按钮，如图所示。,【选项】区中3个按钮的作用如下。,【紧贴至对象】按钮：用于完成吸附功能的选项。在利用链接引导层制作动画时，必须使其处于激活状态，拖动运动物体到运动路径的起始点和终结点，才能使运动物体主动吸附到路径上，从而顺利完成物体沿路径的运动。,【平滑】按钮：使线条或填充图形的边缘更加平滑。,【伸直】按钮：使线条或填充图形的边缘趋向于直线或折线效果。,2.3.1【,选择,】,工具,二、,基础应用使用选择工具,（,1,）,选择图形,（,2,）,移动图形,（,3,）,复制图形,（,4,）,编辑修改图形,2.3.2【,部分选取,】,工具,一、,鼠标形状,在使用【部分选取】工具 对不同的部分进行调整时，光标会发生相应的变化，其作用如下。,（1）当光标移动到没有节点的线段时，光标将变为带有黑色方块的箭头，这时可以按下鼠标移动图形的位置。,（2）当光标移动到某一个节点上时，光标将变为带有白色方块的箭头，这时按住鼠标可以移动单个节点的位置。,（3）当光标移动到某一个曲线节点的调节柄头部时，光标将变为一个缩略的小箭头，这时按住鼠标左键，可以调整该节点牵连的线段的弯曲度。,二、,基础应用使用选择工具,【操作要点】,2.4,创建规则图形,一、,属性参数,与【铅笔】的属性参数相比，增加了【椭圆选项】参数组。,：,单击右侧色块图标打开【颜色】面板设置笔触（边线）颜色。,：,单击右侧色块图标打开【颜色】面板设置填充颜色。,开始角度：绘制不完整椭圆时，设置椭圆的开始角度。,结束,角度：绘制不完整椭圆时，设置椭圆的结束角度。,内径：设置椭圆内径，用于创建空心椭圆。,闭合,路径：将内径外圆封闭起来，形成联通面域。,：将所有参数恢复为0。,2.4.1,使用,【,椭圆,】,工具,二、,基础应用使用椭圆工具,【操作要点】,1.,绘制椭圆,2.,使用对象绘制模式绘图,3.,联合对象,4.,创建交集,5.,打孔操作,相交图形,打孔图形,6.,裁切操作,2.4.2,使用,【,矩形,】,工具,一、,参数设置,可以通过设置【矩形选项】中的参数，绘制有圆角的矩形。,数值文本框：依次输入4个顶角处的圆角半径。,：,锁定圆角半径值，使4个顶角处的圆角半径相等，再次单击取消锁定,。,二、,基础应用使用矩形工具,【操作要点】,1.,绘制矩形,2.,设置属性,2.4.3,使用,【,多角星形,】,工具,一、,参数设置,其参数面板如,左,图所示。单击底部的,选项,按钮，可以弹出,右,图所示的【工具设置】面板。各选项参数的作用如下。,【样式】：在该下拉列表中可以选择“多边形”或“星形”选项，确定将要创建的图形形状。,【边数】：在其右侧的文本框中可以输入“332”的数值，确定将要绘制的图形的边数。,【星形顶点大小】：在其右侧的文本框中可以输入“01”的数值，以指定星形顶点的深度。此数字越接近0，创建的顶点就越深。,二、,基础应用使用,多角星形,工具,【操作要点】,1.,绘制多边形,2.,绘制星形,2.5,画笔工具和钢笔工具,【画笔】工具（Y）的基本参数与铅笔工具一致，如图所示。但是比铅笔工具更富有表现力，可以创建更加生动和自由的形状。,2.5.1,画笔工具（,Y,）,【操作要点】,1.,设置属性,2.,设置样式,2.5.2,画笔工具（,B,）,一、,【画笔形状】参数组,二、,【笔尖选项】对话框,形状：可选取【圆形】和【方形】两种画笔形状。,角度：设置图形的旋转角度。,平度：设置画笔的扁平程度，如图所示,三、,【平滑】参数组,在【平滑】参数组中可以设置绘制图形的平滑程度。其取值范围为0100。其值越大，创建的图形越平滑，如图所示。,四、基础应用,使用画笔工具（,B,）,【操作要点】,1.,选择画笔工具,2.,使用【椭圆】工具,在舞台中绘制一个包含线条和填充色的椭圆,3.,比较不同画笔模式所产生的效果。,【内部绘画】着色效果,【颜料选择】着色效果,4.,其他设置。,解锁状态下的渐变效果,锁定状态下的渐变效果,2.5.3,使用钢笔工具,一、,钢笔工具组,【钢笔】工具 包含4个用于添加、删除点、调整曲线的工具：【钢笔】工具、【添加锚点】工具、【删除锚点】工具 和【转换锚点】工具。,二、,鼠标指针,三、,基础应用使用钢笔工具,【操作要点】,1.,绘制曲线,2.,调整第一条曲线,3.,调整第2条曲线,4.,添加和删除锚点,5.,转换锚点和扩展曲线,2.6,综合应用,绘制,“,古风荷花,”,【操作要点】,1.,制作背景图,2.,绘制矩形,3.,绘制椭圆,4.,复制图形,5.,剪切图形,6.,绘制荷花,（,1,）,绘制花形。,（,2,）,绘制叶柄。,7.,绘制荷叶,（,1,）,绘制轮廓。,（,2,）,填充图形。,8.,制作湖面背景,（,1,）,图层操作。,（,2,）,为湖面着色。,（,3,）,绘制湖面水印。,9.,绘制桥,10.,添加文字效果,第,3,章 编辑图形,了解,Animate CC 2017,对矢量图的常用编辑方法。,掌握颜色的选择与调整方法。,掌握文本的创建方法。,掌握常用辅助面板的使用方法。,3.1,颜色的选择与编辑,3.1.1【,颜色样本,】,面板,3.1.2,纯色编辑面板,一、选择颜色,从,左侧颜色样板中选择颜色，这种方式随意性较强，不够,精确。,通过,设置,HSB,值选择颜色。,HSB,色彩模式是一种基于人眼的颜色模式，,H,代表色相；,S,代表饱和度；,B,代表亮度,。,通过,设置,RGB,值选择颜色。,RGB,分别为,【,红,】,、,【,绿,】,和,【,蓝,】3,原色，每项的取值范围为“,0255”,。,输入,颜色的十六进制编码,。,二、,应用,颜色,3.1.3【,颜色,】,面板,一、,选择、编辑纯色,二、,线性渐变填充,渐变色编辑操作主要包括【线性】渐变和【径向】渐变和【位图填充】,3,种方式。【线性渐变】填充时，颜色按照设置的直线方向变化。,三、,径向渐变填充,四、,位图填充,3.2,编辑调整工具,3.2.1【,墨水瓶,】,工具,3.2.2【,颜料桶,】,工具,绘制矩形,2.,复制矩形,3.,擦除图形,4.,填充图形,【不封闭空隙】填充,【封闭小空隙】填充,【封闭中等空隙】状态下的填充效果,【封闭大空隙】状态下的填充效果,3.2.3【,滴管,】,工具,【操作要点】,1.,提取笔触属性,2.,提取色彩属性,3.,提取分离位图,4.,提取文本属性,3.2.4【,橡皮擦,】,工具,【操作要点】,1.,擦除矢量图,2.,擦除文本和位图,【操作要点】,（,1,）,使用【套索】工具。,（,2,）,使用【多边形】工具,3.2.5,套索工具,（,3,）,使用魔术棒工具 选择分离的位图。,分离图形,【多边形模式】下的套索,选择位图局部区域,魔术棒工具,3.3,使用变形工具,【,操作要点】,1.,旋转与倾斜对象,2.,缩放对象,3.3.1【,任意变形,】,工具,3.,扭曲对象,4.,使用封套,沿水平方向缩放图形,扭曲变形,使用封套调节图形,3.3.2【,渐变变形,】,工具,【操作要点】,1.,调整径向渐变填充,2.,调整线性渐变填充,3.4,创建文本,【操作要点】,3.4.1,创建静态文本,3.4.2,创建输入文本,【操作要点】,创建单行文本,2.,创建多行文本,3.,编辑公式,（,1,）,双击（橡皮擦）工具删除舞台中的文本，然后选择【文本】工具，选择【静态文本】项，在舞台中单击鼠标后重新输入数学公式，设置字体为,Time New Roman,。,（,2,）,在【消除锯齿】下拉列表中选取【动画消除锯齿】选项，在【属性】面板中的【字符】面板底部单击,按钮，确保右侧,上下标,按钮为激活状态。,（,3,）,使用,上下标,按钮为公式设置上下标,。,（,4,）,选中刚创建的文本，在【属性】面板底部展开【滤镜】选项组，单击 按钮，为文字选择一种发光滤镜,。,3.5,使用辅助面板,一、,参数设置,1.,【对齐】栏,2.,【分布】栏,3.,【匹配大小】栏,4.,【间隔】栏,3.5.1,使用,【,对齐,】,面板,二、,基础应用使用【对齐】面板,等分位图间距,排列位图,基于上边缘对齐位图,垂直居中分布效果,3.5.2,使用,【,变形,】,面板,使用【变形】面板可以对图形对象、组、文本块和实例等进行变形。根据所选元素的类型，可以任意变形、旋转、倾斜、缩放或扭曲该元素。在变形期间，可以更改或添加内容。,3.6,综合应用,绘制,“,浪漫人生,”,【操作要点】,1.,绘制背景,2.,绘制矩形,3.,填充矩形,4.,绘制草地,5.,填充图形,6.,绘制云彩,7.,绘制太阳,8.,导入素材,9.,制作标题,第,4,章 使用素材,明确元件和库的概念。,掌握元件的种类及其应用方法。,掌握导入音频到场景中的基本方法。,掌握导入视频到场景中的基本方法。,4.1,元件与库,4.1.1,元件与库的概念,一、,元件、库与实例,元件是指创建一次即可以多次使用的元素，创建的元件将会存储在元件库中，库是容纳和管理元件的工具。将元件放在舞台上时，就会创建该元件的一个实例。,用户可以修改实例的属性而不会影响到主元件，也可以通过编辑元件来更改所有实例。,二、,使用元件的优点,使用元件进行设计主要有以下优点。,（,1,）,可以简化动画的编辑。在动画编辑过程中，把多次使用的元素做成元件，修改元件后对应用于动画中的所有实例也将自动改变，而不必逐一修改，大大节省了制作时间。,（,2,）,减小动画文件尺寸。重复的信息只被保存一次，而其他引用就只保存引用指针，因此使用元件可以大大减小动画的文件尺寸。,（,3,）,加快文件的下载速度。元件下载到浏览器端只需要一次，因此，可以加快动画的下载速度。,三、,元件的类型,元件主要有以下,3,种类型。,图形元件：用于静态图像，也可以用于创建与主时间轴同步的、可重用的动画片段。图形元件的时间轴与主时间轴重叠。,按钮元件：可以创建响应鼠标弹起、指针经过、按下和单击的交互式按钮。,影片剪辑元件：可以创建重复使用的动画片段。例如，影片剪辑元件有,10,帧，在主时间轴中只需要,1,帧即可，因为影片剪辑将播放它自己的时间轴。,4.1.2,创建图形元件,对于需要重复使用的静态图像，可以将其创建为图形元件。,1.,创建元件,（,1,）,在【属性】面板中设置舞台尺寸为“,400,像素,280,像素”，如,左,图所示。,（,2,）,选择菜单命令【插入】,/,【新建元件】，打开【创建新元件】对话框。,在【名称】栏中输入名称“蝴蝶”。,在【类型】下拉列表中选取【图形】选项，如,右,图所示,，,单击,确定。,（,3,）,选择菜单命令【文件】,/,【导入】,/,【导入到舞台】，导入素材文件“素材,/,第,4,章,/,蝴蝶,1.jpg,”，在弹出的提示框中单击,否,按钮，结果如,左,图所示。,（,4,）,在【属性】面板中顶部切换到【库】面板，可以看到创建的图形元件，如,右,图所示。,2,、,使用元件创建实例,（,1,）,此时出现两个编辑环境，一是编辑场景，二是编辑元件。在场景顶部可以切换这两种编辑环境，如图所示。,（,2,）,按照,上,图所示切换到场景，在【库】面板中将新建的“蝴蝶”元件拖动到场景中，如,左,图所示。,（,3,）,确保选中新创建的实例，在【属性】面板中按照如,右,图所示设置元件大小和色彩效果，在设置大小时为了防止图形变形，可单击,按钮锁定长宽比。,3.,创建其他元件,（,1,）,切换到元件编辑窗口，继续导入素材文件“素材,/,第,4,章,/,蝴蝶,2.jpg,”文件，在弹出的提示框中单击,否,按钮，适当调整图片位置,。,此时的“蝴蝶”元件中包含两张图片，如,左,图所示。,（,2,）,切换到场景，此时场景中的内容也自动更新，由一只蝴蝶变为两只蝴蝶。,（,3,）,将【库】面板中的“蝴蝶”元件拖动到场景中，适当调整对象大小和位置，再创建一个元件实例，如,中,图所示。,（,4,）,分别将图片“蝴蝶,1.jpg,”和图片“蝴蝶,2.jpg,”拖到场景左下角和右上角，并适当调整对象大小和位置，单独为元件中的图片创建实例，结果如,右,图所示。,4.1.3,创建按钮元件,按钮元件可以在影片中响应鼠标点击等交互式操作。创建按钮元件时，需要区分,4,种不同的状态：【弹起】、【指针经过】、【按下】和【点击】。用户可以在对应的帧中创建所需的图形或导入位图等元素，构建随鼠标状态变化的元件。,操作要点,1.,创建图形,新建按钮对话框,绘制圆,对齐到舞台,2.,编辑按钮弹起时的形状,（,1,）,此时，时间轴上默认选中【弹起】状态，如,左,图所示。,（,2,）,选中圆的填充色块，然后选择菜单命令【窗口】,/,【颜色】，打开【颜色】面板，在面板中设置一种线性渐变色彩，填充效果如,右,图所示。,（,3,）,选中绘制的圆后，选择菜单命令【窗口】,/,【变形】，打开【变形】面板。,（,4,）,在【时间轴】窗口中选择【指针经过】状态帧，按,F6,键增加关键帧，如图所示。,（,5,）,选择当前帧中内部圆的填充色，在【颜色】面板中调整一种渐变色,。,3.,编辑按钮按下时的形状,（,1,）,在【时间轴】中选择【弹起】状态帧，选择菜单命令【编辑】,/,【时间轴】,/,【复制帧】。,（,2,）,选择【按下】状态帧，选择菜单命令【编辑】,/,【时间轴】,/,【粘贴帧】,。,4.,使用按钮,（,1,）,在【时间轴】窗口中单击,场景,按钮，切换到场景中。,（,2,）,从如图所示【库】面板中将“按钮”元件拖放到舞台中。,（,3,）,选择菜单命令【控制】,/,【启用简单按钮】，测试按钮效果，可以看到当鼠标经过按钮以及单击按钮时，按钮内部圆圈中的渐变色将发生变化。,4.1.4,创建影片剪辑元件,使用影片剪辑元件能创建可重复使用的动画片段。影片剪辑拥具有独立于主影片时间轴播放的多帧时间轴，既可以将影片剪辑看作主影片内的小影片（可包含交互式控件、声音或其他影片剪辑实例），也可以将影片剪辑实例放在按钮元件的时间轴内，以创建动画按钮。,操作要点,1.,创建【影片剪辑】元件,（,1,）,选择菜单命令【插入】,/,【新建元件】，弹出【创建新元件】对话框,，具体参数如下图,。,（,2,）,使用【椭圆】工具在舞台中绘制一个圆形,。,（,3,）,单击选中第,20,帧，按,F7,键创建一个空白关键帧,。,（,4,）,继续在第,20,帧处绘制一个矩形,。,（,5,）,在时间轴上,120,帧任意一帧处单击鼠标右键，在弹出的菜单中选取【创建补间形状】命令创建补间形状动画。,（,6,）,按,Enter,键查看动画效果，可以看到对象由圆变方的过程,。,2.,使用元件创建实例,（,1,）,打开【库】面板，可以看到刚刚创建的影片剪辑元件，如,左,图所示。,（,2,）,在界面右上方单击【编辑场景】按钮,切换到场景。,（,3,）,将【库】面板中的影片剪辑元件拖放,3,次到场景中，创建,3,个实例。,（,4,）,按,Ctrl+Enter,组合键测试影片，可以看到,3,个实例均产生了变形动画，如,右,图所示。,4.2,导入音频,音乐能为,Animate,动画增添律动和艺术感染力。,Adobe Animate CC,常用的音乐格式有,WAV,、,AIFF,、,MP3,等几种。,一、,导入声音的方法,选择菜单命令【文件】,/,【导入】,/,【导入到库】，打开【导入到库】对话框，选择要导入的声音文件，然后单击,打开,按钮，声音直接被导入到【库】面板中，如图所示。,4.2.1,声音格式的选择,二、,声音属性的设置,Animate CC,提供的效果设置选项如图所示。,选项,功,能,无,不对声音文件应用效果，选择此选项将删除以前应用的效果,左声道、右声道,系统播放歌曲时，默认是左声道播放伴音，右声道播放歌词。所以，若插入一首,MP3,，想仅仅播放伴音的话，就选择左声道；想保留清唱的话，就选择右声道,向右淡出、向左淡出,会将声音从一个声道切换到另一个声道,淡入、淡出,淡入就是声音由低开始，逐渐变高；淡出就是声音由高开始，逐渐变低,自定义,选择该选项，将打开,【,编辑封套,】,对话框，可以通过拖动滑块来调节声音的高低。最多可以添加,8,个滑块。窗口中显示的上下两个分区分别是左声道和右声道，波形远离中间位置时，表明声音高，靠近中间位置时，表明声音低,4.2.2,基础训练制作“音乐播放器”,【,操作要点,】,（,1,）,导入外部库文件。,（,2,）,导入音频文件。,（,3,）,布置舞台。,（,4,）,把音频文件加入到动画中。,4.3,导入视频,按照以下步骤在在,Animate CC,中导入“,flv,”格式的视频。,（,1,）,选择菜单命令【文件】,/,【导入】,/,【导入视频】，打开【导入视频】对话框。,（,2,）,选中【在,SWF,中嵌入,FLV,并在时间轴中播放】选项。,（,3,）,单击,【,浏览,】,按钮打开【打开】对话框导入视频文件，如,左,图所示。,（,4,）,单击,【,下一步,】,按钮进入【嵌入视频】设置界面。设置【符号类型】为“嵌入的视频”，其他参数保持默认，如,右,图所示。,（,5,）,单击,【,下一步,】,按钮进入【完成视频导入】设置界面，单击,【,完成,】,按钮完成视频导入。,4.3.1,导入视频的方法,4.3.2,
展开阅读全文
浙ICP备2021020529号-1 | 浙B2-20240490 
