《Animate-CC-2019》02章

本章简介：本章将介绍AnimateCC绘制图形的功能和编辑图形的技巧，还将讲解多种选择图形的方法以及设置图形色彩的技巧。读者通过学习，要掌握绘制图形、编辑图形的方法和技巧，要能独立绘制出所需的各种图形效果并对其进行编辑，为进一步学习AnimateCC打下坚实的基础。第2章图形的绘制与编辑课堂学习目标熟练掌握绘制图形的多种工具的使用方法熟练掌握多种图形编辑工具的使用方法和技巧了解图形的色彩，并掌握几种常用的色彩面板2.1图形的绘制与选择课堂案例——绘制引导页中的插画线条工具铅笔工具椭圆工具基本椭圆工具画笔工具矩形工具基本矩形工具多角星形工具钢笔工具选择工具部分选取工具套索工具多边形工具魔术棒工具使用基本矩形工具、矩形工具、椭圆工具、钢笔工具、多角星形工具、线条工具，来完成引导页中的插画绘制。效果图2.1.1课堂案例—绘制引导页中的插画选择“线条”工具，在舞台上单击鼠标，按住鼠标不放并向右拖动到需要的位置，绘制出1条直线。在线条工具“属性”面板中设置不同的笔触颜色、笔触大小、笔触样式和笔触宽度。直线工具“属性”面板2.1.2线条工具设置不同的线条属性后绘制的线条选择“铅笔”工具，在舞台上单击鼠标，按住鼠标不放，在舞台上随意绘制出线条。如果想要绘制出平滑或伸直的线条和形状，可以在工具箱下方的选项区域中为铅笔工具选择一种绘画模式。可以在铅笔工具“属性”面板中设置不同的笔触颜色、笔触大小、笔触样式和笔触宽度铅笔工具“属性”面板2.1.3铅笔工具设置不同的线条属性后绘制的图形选择“椭圆”工具，在舞台上单击鼠标，按住鼠标不放，向需要的位置拖曳鼠标，绘制椭圆。按住Shift键的同时，可以绘制出圆形。可以在椭圆工具“属性”面板中设置不同的笔触颜色、笔触大小、笔触样式、笔触宽度和填充颜色。椭圆工具“属性”面板2.1.4椭圆工具设置不同的边框属性和填充颜色后绘制的图形“基本椭圆”工具的使用方法和功能与“椭圆”工具相同，唯一的区别在于“椭圆”工具，必须要先设置椭圆属性，然后在绘制，绘制好之后不可以再次更改椭圆属性。而“基本椭圆”工具，在绘制前设置属性和绘制后设置属性都是可以的。2.1.5基本椭圆工具1．使用填充颜色绘制选择“画笔”工具，在舞台上单击鼠标，按住鼠标不放，随意绘制出图形。可以在画笔工具“属性”面板中设置不同的填充颜色和笔触平滑度。画笔工具“属性”面板2.1.6画笔工具设置不同的填充颜色和笔触平滑度2．使用笔触颜色绘制选择“画笔”工具，在舞台上单击鼠标，按住鼠标不放，随意绘制出图形。可以在画笔工具“属性”面板中设置不同的填充颜色和笔触平滑度。画笔工具“属性”面板2.1.6画笔工具设置不同的填充颜色和笔触平滑度选择“矩形”工具，在舞台上单击鼠标，按住鼠标不放，向需要的位置拖曳鼠标，绘制出矩形图形。按住Shift键的同时，可以绘制出正方形。可以在矩形工具“属性”面板中设置不同的笔触颜色、笔触大小、笔触样式、笔触宽度和填充颜色。矩形工具“属性”面板2.1.7矩形工具设置不同的边框属性和填充颜色后所绘制的图形“基本矩形”工具的使用方法和功能与“矩形”工具相同，唯一的区别在于“矩形”工具，必须要先设置矩形属性，然后在绘制，绘制好之后不可以再次更改矩形属性。而“基本矩形”工具，在绘制前设置属性和绘制后设置属性都是可以的。2.1.8基本矩形工具应用多角星形工具可以绘制出不同样式的多边形和星形。选择“多角星形”工具，在舞台上单击并按住鼠标左键不放，向需要的位置拖曳鼠标，绘制出多边形。在多角星形工具“属性”面板中设置不同的笔触颜色、笔触大小、笔触样式、笔触宽度和填充颜色。多角星形工具“属性”面板2.1.9多角星形工具设置不同的边框属性和填充颜色后所绘制的图形选择“钢笔”工具，将鼠标放置在舞台上想要绘制曲线的起始位置，然后按住鼠标。此时出现第一个锚点。将鼠标放置在想要绘制的第二个锚点的位置，单击鼠标，绘制出1条直线段。如果在第2个锚点的位置，按住鼠标不放并向其他方向拖曳，可将直线转换为曲线。松开鼠标，1条曲线绘制完成。2.1.10钢笔工具绘制曲线的过程2.1.11选择工具1．选择对象选择“选择”工具，在舞台中的对象上单击鼠标进行点选。按住Shift键，再点选对象，可以同时选中多个对象。在舞台中拖曳出一个矩形可以框选对象。2．移动和复制对象选择“选择”工具，点选中对象。按住鼠标不放，直接拖曳对象到任意位置。选择“选择”工具，点选中对象，按住Alt键，拖曳选中的对象到任意位置，选中的对象被复制。3．调整矢量线条和色块选择“选择”工具，将鼠标移至对象，鼠标下方出现。拖动鼠标，对选中的线条和色块进行调整。选择“部分选取”工具，在对象的外边线上单击，对象上出现多个节点。拖动节点来调整控制线的长度和斜率，从而改变对象的曲线形状。2.1.12部分选取工具改变对象的曲线形状2.1.13套索工具使用“套索”工具选中需要的图像区域选择“套索”工具，在场景中导入一幅位图，按Ctrl+B组合键，将位图进行分离。用鼠标在位图上任意勾画想要的区域，形成一个封闭的选区。松开鼠标，选区中的图像被选中。选择“多边形”工具，在场景中导入一幅位图，按Ctrl+B组合键，将位图进行分离。用鼠标在字母“A”的边缘进行绘制。双击鼠标结束多边形工具的绘制，绘制的区域被选中。2.1.14多边形工具使用“多边形”工具选中需要的图像区域选择“魔术棒”工具，在场景中导入一幅位图，按Ctrl+B组合键，将位图进行分离。将鼠标放置在位图上，当鼠标变为时，在要选择的位图上单击鼠标。与点取点颜色相近的图像区域被选中。可以在魔术棒工具“属性”面板中设置不同的阈值和平滑。2.1.15魔术棒工具设置不同的阈值后所选择的区域魔术棒工具“属性”面板2.2图形的编辑课堂案例——绘制引导页中的汉堡墨水瓶工具颜料桶工具宽度工具滴管工具橡皮擦工具任意变形工具和渐变变形工具手形工具和缩放工具使用颜料桶工具、墨水瓶工具、任意变形工具、渐变变形工具，来完成引导页中的汉堡绘制。2.2.1课堂案例—绘制引导页中的汉堡效果图使用墨水瓶工具可以修改矢量图形的边线。选择“墨水瓶”工具，在“属性”面板中设置笔触颜色、笔触大小、笔触样式以及笔触宽度。这时，光标变为。在图形上单击鼠标，为图形增加设置好的边线。2.2.2墨水瓶工具在“属性”面板中设置不同的属性，所绘制的边线效果也不同墨水瓶工具“属性”面板选择“颜料桶”工具，在“属性”面板中将“填充颜色”设为绿色（#99CC33）。在线框内单击鼠标，线框内被填充颜色。在工具箱的下方系统设置了4种填充模式可供选择。2.2.3颜料桶工具根据线框空隙的大小，应用不同的模式进行填充颜料桶工具“属性”面板4种填充模式使用宽度工具可以修改笔触粗细，还可以将调整后的笔触保存为样式，以便应用于其他图形。选择“宽度”工具，将鼠标放置在边线上，光标变为时，单击拖曳鼠标，更改笔触的宽度。2.2.4宽度工具“宽度”工具绘制过程2.2.5滴管工具1．吸取填充色选择“滴管”工具，将光标放在左边图形的填充色上，在填充色上单击鼠标，吸取填充色样本，在工具箱的下方，取消对“锁定填充”按钮的选取，在右边图形的填充色上单击鼠标，图形的颜色被修改。2．吸取边框属性选择“滴管”工具，将鼠标放在左边图形的外边框上，在外边框上单击鼠标，吸取边框样本，在右边图形的外边框上单击鼠标，线条的颜色和样式被修改。2.2.5滴管工具3．吸取位图图案选择“滴管”工具，将鼠标放在位图上，单击鼠标，吸取图案样本。单击后，在矩形图形上单击鼠标，图案被填充。4．吸取文字属性滴管工具还可以吸取文字的属性，如颜色、字体、字型、大小等。选择要修改的目标文字，选择“滴管”工具，将鼠标放在源文字上，在源文字上单击鼠标，源文字的文字属性被应用到了目标文字上。选择“橡皮擦”工具，在图形上想要删除的地方按下鼠标并拖动鼠标，图形被擦除。在“属性”面板中的“橡皮擦形状”按钮的下拉菜单中，可以选择橡皮擦的形状与大小。如果想得到特殊的擦除效果，系统在工具箱的下方设置了5种擦除模式可供选择。2.2.6橡皮擦工具应用5种擦除模式擦除图形的效果5种擦除模式2.2.7任意变形工具和渐变变形工具1．任意变形工具选择“任意变形”工具，在图形的周围出现控制点，拖动控制点改变图形的大小。系统在工具箱的下方设置了4种变形模式可供选择。应用任意变形工具变形图形2.2.7任意变形工具和渐变变形工具2．渐变变形工具使用渐变变形工具可以改变选中图形中的填充渐变效果。当图形填充色为线性渐变色时，选择“渐变变形”工具，用鼠标单击图形，出现3个控制点和2条平行线，向图形中间拖动方形控制点，渐变区域缩小。将鼠标放置在旋转控制点上，光标变为，拖动旋转控制点来改变渐变区域的角度。应用渐变变形工具改变渐变效果2.2.8手形工具和缩放工具1．手形工具如果图形很大或被放大得很大，那么需要利用“手形”工具调整观察区域。选择“手形”工具，光标变为手形，按住鼠标不放，拖动图像到需要的位置。拖动图像到需要的位置2.2.8手形工具和缩放工具2．缩放工具利用缩放工具放大图形以便观察细节，缩小图形以便观看整体效果。选择“缩放”工具，在舞台上单击可放大图形。要想放大图像中的局部区域，可在图像上拖曳出一个矩形选取框，松开鼠标后，所选取的局部图像被放大。选中工具箱下方的“缩小”按钮，在舞台上单击可缩小图像。放大图像中的局部区域2.3图形的色彩课堂案例——绘制引导页中的商店纯色编辑面板颜色面板样本面板使用选择工具、颜料桶工具、颜色面板和渐变变形工具，来完成引导页中的商店绘制。2.3.1课堂案例—绘制引导页中的商店效果图在工具箱的下方单击“填充颜色”按钮，弹出纯色面板。在面板中可以选择系统设置好的颜色，如想自行设定颜色，单击面板右上方的颜色选择按钮，弹出“颜色选择器”面板，在面板左侧的颜色选择区中，可以选择颜色的明度和饱和度。垂直方向表示的是明度的变化，水平方向表示的是饱和度的变化。选择要自定义的颜色。拖动面板右侧的滑块来设定颜色的亮度。2.3.2纯色编辑面板“颜色选择器”面板“纯色”面板2.3.3颜色面板选择“窗口颜色”命令，弹出“颜色”面板。1．自定义纯色在“颜色”面板的“类型”选项中，选择“纯色”选项。在面板下方的颜色选择区域内，可以根据需要选择相应的颜色。2．自定义线性渐变色在“颜色”面板的“类型”选项中选择“线性”选项。将鼠标放置在滑动色带上，在色带上单击鼠标增加颜色控制点，并在面板下方为新增加的控制点设定颜色及明度。2.3.3颜色面板3．自定义径向渐变色选择“颜色”面板，在“颜色类型”选项的下拉列表中选择“径向渐变”选项。用与定义线性渐变色相同的方法在色带上定义径向渐变色，定义完成后，在面板的左下方显示出定义的渐变色。4．自定义位图填充在“颜色”面板的“类型”选项中，选择“位图”选项。弹出“导入到库”对话框，在对话框中选择要导入的图片，单击“打开”按钮，图片被导入到“颜色”面板中，选择“矩形”工具，在场景中绘制出一个矩形，矩形被刚才导入的位图所填充。在样本面板中可以选择系统提供的纯色或渐变色。选择“窗口样本”命令，弹出“样本”面板。在控制面板中部的纯色样本区，系统提供了216种纯色。2.3.4样本面板“样本”面板2.4三维的创建3D旋转工具3D平移工具使用3D旋转工具可以在3D空间中旋转影片剪辑实例。选择“3D旋转”工具，在舞台中的影片剪辑实例上单击鼠标进行点选，在实例上出现旋转控件。拖曳红色线可以使实例绕X轴旋转、拖曳绿色线可以使实例绕Y轴旋转、拖曳蓝色线可以使实例绕Z轴旋转、拖曳橙色线可以使实例同时绕X轴和Y轴旋转。2.4.13D旋转工具“属性”面板使用3D平移工具可以在3D空间中移动影片剪辑实例。选择“3D平移”工具，在舞台中的影片剪辑实例上单击鼠标进行点选，在实例上出现X、Y和Z三个轴。其中红色线表示为X轴、绿色线表示为Y轴、蓝色线表示为Z轴。2.4.23D平移工具“属性”面板使用矩形工具、基本矩形工具、椭圆工具、钢笔工具，来完成卡通小汽车的绘制。课堂练习—绘制卡通