Animate CC 动画制作实例教程 课件汇 项目1-5 初识animate cc 2017 -文本工具的使用

1Animatecc2017二维动画案例教程项目一初识Animatecc20171启动软件、界面组成、文档设置方法2新建、编辑、保存文档方法3标尺、网格的使用目录CONTENTS启动软件、界面组成、文档设置方法31、双击桌面图标启动Animatecc2017，开始页打开最近的项目：可以打开最近曾经编辑过的文件。新建：可以创建包括HTML5Canvas文件，WebGL,ActionScrip3.0等各种文件。模板：可以应用Animatecc2017自带的模板方便地创建特定的项目。简介和学习：通过该栏目列表可以打开相应的学习界面进行学习。启动软件、界面组成、文档设置方法42、Animatecc2017界面启动软件、界面组成、文档设置方法52、Animatecc2017界面时间轴是一个显示图层和帧的面板，其用于控制和组织文档内容在一定时间内播放的帧数，同时可以控制影片的播放和停止启动软件、界面组成、文档设置方法62、Animatecc2017界面舞台是放置动画内容的矩形区域，默认是白色背景，在舞台上可以放置矢量图形、文本、按钮、导入的位图或视频等启动软件、界面组成、文档设置方法73、文档设置对话框选择【修改】|【文档】命令，打开【文档设置对话框】，根据需要设置舞台的尺寸大小、颜色、帧频等信息启动软件、界面组成、文档设置方法84、网格的显示与编辑网格是一个辅助对象，可以在舞台上显示网格，帮助制作者精确地绘画和安排对象。执行【视图】|【网格】|【显示网格】命令，然后即可显示默认设置的网格启动软件、界面组成、文档设置方法94、网格的显示与编辑颜色：设置网格的颜色。显示网格：设置网格线为显示状态。在对象上方显示：设置网格线显示所有对象上方，否则网格线将显示所有对象下方。贴紧至网格：可强制对象贴紧距离最近的网格线。水平间距：定义网格线之间的水平距离，默认单位为像素。垂直间距：定义网格线之间的垂直距离，默认单位为像素。贴紧精确度：一般，为默认值，即以一般状态接近网格线。

必须接近,强制移动对象时必须接近网格线。

可以远离，允许用户在移动对象时远离网格线。

总是贴紧，强制移动对象时必须贴紧网格线。启动软件、界面组成、文档设置方法105、标尺与辅助线Animatecc2017提供标尺工具，帮助用户精确地定位对象的位置。执行【视图】|【标尺】命令，即可显示或隐藏标尺工具贴紧至网格：可强制对象贴紧距离最近的网格线。显示或隐藏辅助线：选择【视图】|【辅助线】|【显示辅助线】命令。移动辅助线：将鼠标指针移动到辅助线上，按住左键拖动即可。删除辅助线：将鼠标指针移动到辅助线上，按住左键拖出编辑区即可。清除辅助线：选择【视图】|【辅助线】|【清除辅助线】命令，该命令会清除文档中所有辅助线。文件的操作11文件的新建、编辑与保存案例1制作太阳升起来当创建好文档后，按ctrl+enter组合键直接生成.swf文件或执行“文件”|”导出”|”导出影片”命令也可以导出.swf、.avi、.mov等常见视频格式。当执行“文件”|“发布设置”命令，打开“发布设置”，打开“发布设置”对话框，发布命令一次可发布成多种格式的文档，发布后的文档都保存在源文件所在目录下。课堂小创意12创作繁星闪烁的夜空13课堂小结1、启动Animatecc方法，界面组成、文档属性设置2、文件的新建、编辑、保存操作3、标尺、网格线的使用14Animatecc2017二维动画案例教程项目四图形的变换（二）1变形2合并绘制和对象绘制目录CONTENTS3对象的基本操作1、变形16【变形】面板：通过设置【变形】面板中的各项参数可以精确地进行缩放、旋转、倾斜和翻转等操作。缩放对象：打开【变形】面板，快捷键Ctrl+T，设置【缩放高度】和【缩放宽度】参数，默认为按等比例缩放对象，单击【约束】按钮，则不按比例缩放对象。旋转对象：旋转对象会使对象围绕其变形中心点旋转，可以拖动变形中心点位置。倾斜和翻转对象：倾斜对象可以通过沿一个或两个轴倾斜对象来使之变形，也可以沿垂直或水平轴翻转对象，而不改变其在舞台上的相对位置。重置选区和变形：可实现复制对象操作。2、合并绘制和对象绘制17两种绘图模式：Animate中绘制图形，主要有两种方式：合并绘制图形和对象绘制图形（1）合并绘制图形：在这种模式上绘制的图形，笔触和填充作为独立的部分存在，可以单独选择笔触和填充进行变形修改。在Animate中的同一图层上，重叠进行绘制图形时，所绘制的图形对象将会自动合并如图4-1合并绘制。图4-1合并绘制2、合并绘制和对象绘制18（2）对象绘制模式：在对象绘制模式下，可以将多个图形绘制成独立的对象，这些对象在叠加时不会自动合并，而且可以对每个图形对象单独地进行处理如图4-2对象绘制。使用这种绘图方式，需要在启用绘图工具之后，在工具箱的选区中单击【对象绘制】按钮，对于绘制的图形来讲，Animate会在该图形周围添加矩形边框。提醒：当使用铅笔、钢笔、线条、画笔、椭圆、矩形和多角星形工具，才能启用【对象绘制】功能。当【对象绘制】功能被激活时，按J键可以在【合并绘制】与【对象绘制】功能之间切换。图4-2对象绘制3、对象的基本操作--合并--联合19（1）联合：联合是将选择的对象合并为一个对象，在对象绘制模式下，绘制重叠放置的圆形和五角星，选择这2个图形，选择【修改】|【合并对象】|【联合】命令，则选择的图形变为一个图形对象如图4-3联合。图4-3联合3、对象的基本操作--合并--联合20【联合】命令也可以实现将合并绘制的图形转化为对象绘制方式下的图形对象。方法是选择合并绘制创建的形如下面的圆形，执行【联合】命令即可，转换后的形状被视为基于矢量的绘制对象如图4-4转换图形对象。图4-4转换图形对象3、对象的基本操作--合并--交集21（2）交集：当两图形有重叠时，交集是把两个图形的重叠部分留下，而其余的部分被裁剪掉，此时留下的是位于上层图形。如选择叠放在舞台上五角星和圆形，选择【修改】|【合并对象】|【交集】命令，此时重叠部分五角星保留下来，五角星之外的其他部分被裁剪掉如图4-5交集。图4-5交集3、对象的基本操作--合并--打孔22（3）打孔：当两图形有重叠时，打孔是使用位于上层的图形去裁剪下层的图形，此时留下的是下层的图形。选择叠放在舞台上的五角星和圆形，选择【修改】|【合并对象】|【打孔】命令，此时上层的五角星消失，下层圆被保留，且圆与五角星重叠部分被裁剪掉如图4-6打孔。图4-6打孔3、对象的基本操作--合并--裁剪23（4）裁剪：裁剪与交集正好相反，当两图形有重叠时，裁剪是使用上层图形去裁剪下层图形，多余图形被裁剪掉，而留下的是下层图形，选择叠放在舞台上的五角星和圆形，选择【修改】|【合并对象】|【裁剪】命令，此时圆形与五角星重叠部分被保留，得到一个与圆形相同颜色的五角星如图4-7裁剪。图4-7裁剪3、对象的基本操作--组合24（1）组合对象：将多个元素组合为一个对象后，可以像操作一个对象一样操作这个组。要进行图形的组合，首先选择需要组合的对象，这些对象可以是图形、文本或其他的对象，选择【修改】|【组合】命令或按Ctrl+G键即可将选择对象组合为一个对象如图4-8对象的组合。图4-8对象的组合3、对象的基本操作--组合25（2）取消组合：选择组合后的对象，选择【修改】|【取消组合】命令或按Ctrl+Shift+G命令，即可取消对象的组合，将这些对象变为组合前的状态。（3）编辑组中的对象：选择要编辑的组，执行【编辑】|【编辑所选项目】命令，或者利用【选择】工具，双击该组进入该对象的编辑状态即可单独编辑组中的对象。提醒：在此操作过程中，页面上不属于该组的部分将变暗，表明不属于该组的元素目前是不可访问的。3、对象的基本操作--分离26在Animate中可以使用【分离】命令将组、图形、文本、实例和导入的位图分离成单独的元件，通过对元件的修改来对这些对象进行各种编辑操作。同时，对于导入的图形分离能够减小它们的大小。选择需要分离的组、位图或元件，执行【修改】|【分离】命令，快捷键Ctrl+B。如下图将组分离成形状，需要按两次Ctrl+B命令如图4-9对象的分离。图4-9对象的分离3、对象的基本操作--分离27提醒：分离对象会对对象产生以下影响：切断元件实例到库中元件的链接；将位图转换成填充；当分离文本时一次分离会将文本分离成含有单个文字的文本，再分离时将单个文字分离成形状。分离与取消组合的区别，分离命令不仅会分离组对象，当按下多次分离命令后，会将图像、实例及文本分离成形状。取消组合只能够分开所组合后的各种对象。课堂小练习2898k29课堂小结变形合并绘制和对象绘制对象的基本操作30Animatecc2017二维动画案例教程项目四

图形的变换（一）

1选择工具2部分选择工具目录CONTENTS3任意变形工具4对齐工具5排列工具目录CONTENTS6贴紧项目四

图形的变换（一）

33Animatecc2017利用编辑工具，可以对创作的图形进行变形、缩放、旋转、对齐等操作，编辑工具包括【选择工具】、【部分选取工具】、【任意变形工具】、【对齐】命令、【排列】命令等，通过本项目的学习达到以下目标：熟悉选择对象的工具熟练掌握移动、复制、排列对齐等操作；掌握修改、变形对象的操作方法熟悉贴紧对象的操作方法1、选择工具34【选择工具】除了用来选择对象，还可以拖动对象进行移动操作，还可以调整线段的形状如图4-1调整线段的形状。选择【选择工具】后，在【工具箱】面板底部有【贴紧至对象】、【平滑】、【伸直】三个选项。【贴紧至对象】：选择该按钮，在进行绘图、移动、旋转和调整操作时将和对象自动对齐。【平滑】：可以对直线和端点进行平滑处理。【伸直】：可以对直线和端点进行伸直处理。提示：按住Shift键，依次单击所选对象，可以选中多个对象。在形状上利用选择工具双击可以同时选中轮廓和内部填充。如图4-1调整线段的形状2、部分选择工具35【部分选择工具】：使用该工具后，在对象的轮廓线上将出现多个控制点或称为锚点，通过修改一个或多个控制点来修改整个对象的形状如图4-2利用锚点调整形状。移动控制点：利用【部分选择工具】选中一个控制点，光标出现一个空白方块，拖动控制点，可以改变图形轮廓。图4-2利用锚点调整形状2、部分选择工具36改变控制点曲度：选择某个控制点后，按住Alt键，将出现此点调节曲度的控制柄，拖动控制柄实现对该控制点的曲度调节如图4-3调节曲度。图4-3调节曲度2、部分选择工具37移动对象：使用【部分选择工具】，当光标显示黑色实心方块时，按下鼠标左键拖动即可将实现移动对象操作如图4-4移动对象。图4-4移动对象3、任意变形工具38【任意变形工具】：将对象进行任意变形，实现移动、旋转、缩放、倾斜和扭曲等多个变形操作。也可以使用【变形】面板或执行【修改】|【变形】命令实现相关操作。选中【任意变形工具】面板中会显示【贴紧至对象】、【旋转和倾斜】、【缩放】、【扭曲】和【封套】，选中对象，在对象四周显示8个控制点，中心位置显示1个中心点如图4-5任意变形控点。旋转图形：以中心位置为轴心旋转对象倾斜图形：可以沿水平和垂直方向倾斜对象缩放图形：可以在水平和垂直方向缩放，或在垂直和水平方向上同时缩放。扭曲图形：可以拖动边框上的控制点来扭曲对象，当按住Shift键当光标变为对图形进行锥化处理。封套图形：可以对图形对象进行任意形状的修改。【旋转与倾斜】和【缩放】按钮可应用于舞台中的所有对象，【扭曲】和【封套】只适用于形状对象或者分离后的图像。3、任意变形工具39绕中心点旋转图形中心点位置拖动四角上控制点可实现等比例缩放拖动控制点可实现宽或高方向缩放实现倾斜变形拖动锚点改变封套形状拖动控制点可扭曲图形图4-5任意变形控点4、对齐40【对齐】面板如图4-6对齐面板对齐：包括【左对齐】、【水平中齐】、【右对齐】、【上对齐】、【垂直中齐】和【底对齐】，主要用来将对象水平、垂直、向上、向下、向左、向右进行对齐。图4-6对齐面板4、对齐41分布：包括【顶部分布】、【垂直居中分布】、【底部分布】、【左侧分布】、【水平居中分布】和【右侧分布】可以将所选对象按照中心间距或边缘间距相等的方式分布。间隔：【垂直平均间隔】和【水平平均间隔】用于调整对象间的距离。匹配大小：【匹配宽度】、【匹配高度】和【匹配宽和高】可以调整所选对象的大小，使所有对象水平或垂直尺寸与所选最大对象的尺寸一致。相对于舞台：使所选对象与舞台对齐。5、排列42排列对象：在同一图层中，绘制的图形会根据创建的顺序层叠对象，可以使用【修改】|【排列】命令对多个图形对象进行上下排列，使用【修改】|【对齐】命令对图形进行横向排列如图5-15排列对象。排列对象：选中对象后选择【修改】|【排列】下的【上移一层】、【下移一层】、【移至底层】、【移至顶层】命令。将圆形移至顶层，选择圆形选择【修改】|【排列】|【移至顶层】命令。提醒：在使用【排列】命令时，操作对象是绘制对象或元件，对形状对象不适用。图4-7排列对象6、贴紧43贴紧图形：要使图形对象彼此自动对齐，可以使用贴紧功能。贴紧对象提供了5种方式，【贴紧至对象】、【贴紧至像素】、【贴紧至网格】、【贴紧至辅助线】和【贴紧对齐】。贴紧至对象：可以使对象沿着其他对象的边缘，直接与它们对齐的对象贴紧。选择该命令后，当拖动图形对象时，指针下会出现黑色小环，当对象处于另一对象的贴紧距离内时，该小环会变大，放开鼠标即可和另一个对象边缘贴紧，如图4-8贴紧至对象。图4-8贴紧至对象6、贴紧44贴紧至像素：可以在舞台上将图形对象直接与单独的像素或像素线条贴紧。显示网格，设置网格尺寸1X1像素，在舞台上随意绘制矩形图形时，矩形的边缘紧贴至网格线如图4-9图4-9贴紧至像素6、贴紧45贴紧至像素：可以在舞台上将图形对象直接与单独的像素或像素线条贴紧。显示网格，设置网格尺寸1X1像素，在舞台上随意绘制矩形图形时，矩形的边缘紧贴至网格线如图4-9图4-9贴紧至像素6、贴紧46贴紧至网格：使图形对象边缘和网格边缘贴紧。贴紧至辅助线：可以使图形对象中心和辅助线贴紧。当拖动图形对象时，指针下出现黑色小环，当图形中的小环接近辅助线时，小环会变大，放开鼠标即可和辅助线贴紧。贴紧对齐：可以按照指定的贴紧对齐容差对齐，即按照对象和其他对象之间或对象与舞台边缘的预设边界对齐对象。课堂小练习47螃蟹

48课堂小结【选择工具】、【部分选取工具】、【任意变形工具】、【对齐】、【排列】、【贴紧】49Animatecc2017二维动画案例教程项目五

文本工具的使用1文本类型2静态文本目录CONTENTS3文本属性51使用【文本工具】可以创建多种类型的文本，在Animatecc2017中，文本类型分为静态文本、动态文本和输入文本3种。（1）静态文本：显示不会动态更改字符的文本，它在影片制作过程中常用来作为说明性的文字。静态文本包括可扩展文本块和固定文本块。固定文本块是指当输入的文字达到文本框的宽度后，将自动进行换行。可扩展文本块是指文本框的宽度无限，会随着文字的输入来扩展文本框的宽度。（2）动态文本：显示动态更新的文本，可以随着影片的播放自动更新数据。（3）输入文本：指用户输入的任何文本或可以编辑的动态文本。该文本对象在影片播放过程中用于在用户和动画之间产生互动，例如在表单中输入用户姓名等信息。1、文本类型52一些动画中经常看到利用文字制作的特效动画，Animatecc2017利用文本工具可以创建3种类型的文本对象。2、静态文本53选择【文本工具】当光标变为右下角带T形状时，在舞台中单击即可创建一个可扩展的静态水平文本框，其输入区域可随需要自动横向延长，文本框右上角标志为空心圆形。如果选择【文本工具】在舞台中拖动，则可以创建一个具有固定宽度的静态水平文本框，文本框右上角具有方形手柄标识，其输入区域宽度是固定的，当输入文本超出宽度时将自动换行。3、文本属性54用户可以通过【文本工具】的属性面板对文本的字体和段落属性进行设置。（1）设置字符属性：在【属性】面板的【字符】选项组中，