平面动画制作绘图基础

绘图基础第

2

讲学习目标掌握钢笔工具的使用学会使用钢笔描制曲线学会使用“部分选取工具”调整锚点学会使用快捷方式Ctrl+、Ctrl–掌握混色器的使用学习动画三步曲●1静态图形转换法先构思好一幅草图，确定元素、元素的布局（元素的大小、位置、比例、色彩），再对画面做一些基本的修饰，能达到一般要求就可。确定那些能是静态元素、那些做成动态元素（动画）。静态的元素分布在一个层上，而每个动态元素分别占据不同的层，有多少个动态元素就设多少个层。动态元素的动态效果可表现为画面不同、形状上变化、位置的变化（局部上变化）等，制作时通过逐帧、形状补间、动画补间实现动画。2观摩模仿当掌握了一定的基础知识后，将观摩到的案例，先不看其制作说明，通过自己已会知识（也许会繁锁，但起码能学以致用）先模仿其效果尝试做，若能完成，说明你已很好掌握了这些知识，如果与其制作方法一样，就有英雄所见略同之感，如果不同，那岂不是找到了一题多解的方法，再通过对比，就容易理解别人制作思路和所用到的知识，吸取其可取之处。3实物翻版有一定制作经验后，在渴望提高自己水平时候，可以将现实的宏观、微观的等物体制作动画，并在整体方面作更多的思考。

绘图基础●

（1）线体和形体1形状对象利用flash工具箱直接创作的对象，创作的对象均可看成是形状对象，也是矢量图形。●任何一个矢量图的图形对象都是由“轮廓”(线体)和“填充”(形体)两部分构成的。所谓线体是包围形体的轮廓或包围对象的线段；形体是被包围的实体或连续的色块。有轮廓和填充的对象单线条轮廓图无轮廓填充图矢量图在绘制时是一个整体，但修改时可以被分开单独调整修改。例如一个圆形对象可以被拆分成圆形轮廓和圆形填充。一些工具只能画线体，如直线工具和铅笔工具；另外一些工具只能画形体，如画笔工具。有些工具可以选择画形体或线体，如矩形工具和椭圆工具绘图基础1形状对象●不同的图形之间有叠放情况，就会产生布尔运算，形体的布尔运算和线体的不同。●（2）形体间的布尔运算相同色彩的形体做“加法”运算，连通成一个图形。不同色彩的形体做“减法”运算，上层覆盖下层，再次分开时，覆盖的区域影响到下层形体，下层形体会缺失重叠部分。同色形体融合在一起，做加法运算不同色彩的形体做减法运算●（3）线体间的布尔运算同色线体间的布尔运算同色线体交叉时在交点产生节点，单击可以移动，可以分割。由于是同色，双击时两条同色的线体作为一个整体对象被选中，移动时一起移动。由于是同色，线体端点间相连时会做“加法运算”，连成一个整体。不同色线体间的布尔运算不同颜色的线体交叉时在交点产生节点，单击可以移动可以分割。由于是不同色，双击时依旧是两条线，只能选择其中一个作为对象。绘图基础1形状对象●绘图基础1形状对象●（4）线体和形体间的布尔运算线体和形体不是同种性质的对象，如果线体比形体长，重叠时穿过形体，会被形体分割，在和形体相交处是节点，单击可以发现线体被分为3部分，同时形体被分成2部分。如果双击线体还能完全选中，还是一个整体对象，移动时整体移动。(5)组合体间的布尔运算按照形体和形体、线体和线体、形体和线体之间的布尔运算规则进行运算●●绘图基础●同色线体，线体端点间相连时会做“加法运算”，连成一个整体。●●线体间的布尔运算典型应用试用铅笔分别画线段，然后将一端点拖曳到另一端点处释放，两线线段是否会连成一条试用钢笔分别画线段，然后将一端点拖曳到另一端点处释放，两线线段是否会连成一条典型应用，用钢笔工具烙印一幅图轮廓时，往往难以一笔烙印完，可能会产生多处断笔。怎么办，有了这个知道点，就可以将将断笔处….。？（1）线条工具作用：绘制各种角度的直线使用方法与要求：首先在工具箱单击〖线条工具〗然后根据需要在属性面板中设置线条的笔触颜色、笔触高度、笔触样式然后将光标移到场景画布中，当光标变成十字形时，单击并拖曳鼠标。如果同时按住shift键，可以绘制水平线、450斜线和竖直线；如果同时按住Alt键，可以绘制任意角度的直线。当直线达到所需的长度和角度时，释放鼠标即可。

绘图基础2绘图工具

●●绘图基础2绘图工具

●●

（2）铅笔工具作用：绘制简单的矢量图形、运动路径等使用方法与要求：类似于〖线条工具〗辅助选项：在铅笔工具的辅助选项中有三种绘图模式伸直模式：flash自动将图形转化为接近的规则图形平滑模式：系统平滑所绘曲线，达到圆弧效果，使线条更加光滑。墨水模式：系统完全保留徒手绘制的曲线模式，使绘制的线条更加接近于手写的感觉。●

直线化

●

平滑

●

墨水瓶绘图基础2绘图工具

●●（3）钢笔工具作用：可绘制任意形状的图形。使用钢笔工具可以精确绘制直线和曲线，并可以调节曲线的曲率，使绘制的线条可按照预定的方向进行弯曲。设置钢笔工具首选参数：选择“钢笔工具”，然后选择“编辑”>“首选参数”，然后单击“绘画"选项卡。“显示钢笔预览”可以在绘画时预览线段。在您进行单击以创建线段的终点之前，在舞台周围移动指针时，Flash会显示线段预览。如果未选择该选项，则在您创建线段终点之前，Flash

不会显示该线段。

用钢笔工具绘制直线：将指针定位在舞台上您想要直线开始的地方，然后进行单击以定义第一个锚记点。

在您想要直线的第一条线段结束的位置再次进行单击。

继续单击以创建其它直线段。要完成一条开放路径，双击最后一个点，又或者单击右键。

要闭合路径，请将钢笔工具放置到第一个锚记点上。

绘图基础2绘图工具

●●（3）钢笔工具使用钢笔工具绘制曲线路径：在钢笔工具状态。将钢笔工具放置在舞台上想要曲线开始的地方，然后按下鼠标左键。此时出现第一个锚记点，并且钢笔尖变为空心箭头。向您想要绘制曲线段的方向拖动鼠标。随着您的拖动，将会出现曲线的切线手柄。切线手柄的长度和斜率决定了曲线段的形状。将指针放在您想要结束曲线段的地方，释放鼠标按钮。如要继续绘制下一段曲线，重复。提示：1．锚点的产生是由单击鼠标左键引起的,，所以曲线的始点和终点肯定是锚点２．鼠标拖动时指针为空心箭头，鼠标移动时指针为钢笔尖在使用钢笔工具绘制曲线时，会创建曲线点，即连续的弯曲路径上的锚记点。在绘制直线段或连接到曲线段的直线时，会创建转角点，即在直线路径上或直线和曲线路径接合处的锚记点。您还可以移动、添加或删除路径上的锚记点。使用"部分选取"工具来移动锚记点可以调整直线段的长度或角度，或曲线段的斜率。要移动锚记点：使用"部分选取"工具拖动点。

轻推锚记点或点：使用"部分选取"工具选择点并用箭头键来移动点。要转换锚记点，可执行以下操作之一：要将转角点转换为曲线点，请使用“部分选取”工具来选择该点，先按住Alt键拖动该点来放置切线手柄。要将曲线点转换为转角点，可用钢笔工具单击该点。

添加锚记点：使用钢笔工具单击一条线段。(光标右下角出现“+”号)

要删除锚记点，可执行以下操作之一：要删除转角点，可用钢笔工具单击该点一次。(光标右下角出现“-”号)要删除曲线点，可用钢笔工具单击该点两次。（单击一次将该点转换为转角点，再单击一次删除该点。用"部分选取"工具选择该点并按下Delete键。调整路径上的锚记点：!●钢笔、铅笔、直线●“部分选取工具”调整理锚节点●曲线点、转角点这两种锚节点的相互转换●选择工具调整线的曲率制作漂亮的小鱼作业要求●1课堂作业----制作漂亮的小鱼，当堂完成，兼顾考勤。2递交方式----在布置节点上传。练习1使用线条类绘制工具绘制下面的小船2绘制一只青蛙造型3利用钢笔工具将直线转化成正弦线4请绘制一只小鸟，并为小鸟进行颜色填充课后练习1课后练习包“将线条转换为填充”功能可将线条转换为填充，这样您就可以使用渐变来填充线条或擦除一部分线条。"扩展填充"功能允许您扩展填充形状,该命令在没有笔触的单色填充形状上使用效果最好。"柔化填充边缘"功能在不包含很多细节的小型形状上使用效果最好。对拥有过多细节的形状应用"柔化边缘"功能会增大Flash文档和生成的SWF文件的大小。该功能在没有笔触的单一填充形状上使用效果最好。绘图基础3.修改形状●线体转换为形体“距离”是柔边的宽度（用像素表示）。“步骤数”控制用于柔边效果的曲线数。使用的步骤数越多，效果就越平滑。增加步骤数还会使文件变大并降低绘画速度。"扩展"或"插入"控制柔化边缘时形状是放大还是缩小。4．贴紧（1）贴紧至对象(磁性)贴紧至对象使您可以将对象沿着其它对象的边缘直接与它们贴紧。当移动对象或改变其形状时，对象上选取工具的位置为对齐提供了参考点。例如，如果通过拖动接近填充形状中心的位置来移动填充形状，它的中心点会与其它对象贴紧。对于要将形状与运动路径对齐从而制作动画的情况，该功能特别有用。再如，在一个角度上作一条角平分线，采用贴紧至对象方式，从角度画出一条射线时，端点会对齐角顶点。注意要在贴紧时更好地控制对象位置，可以从对象的转角或中心点开始拖动。（2）其它贴紧方式容易理解●绘图基础!●●5.笔触与填充工具使用颜料桶、墨水瓶、滴管和填充变形工具，您可以修改笔触和填充的属性。(1)混色器混色器提供了更改笔触和填充颜色以及创建多色渐变的选项。可以使用渐变达到各种效果，如赋予二维对象以深度感。

"笔触颜色"用于更改图形对象的笔触或边框的颜色。

"填充颜色"用于更改填充的颜色。

"类型"弹出菜单更改填充样式：

无--删除填充。纯色--提供一种纯正的填充单色。

线性渐变--产生一种沿线性轨道混合的渐变。放射状渐变--产生从一个中心焦点出发沿环形轨道混合的渐变。位图渐变--允许用可选的位图图像平铺所选的填充区域。

"Alpha"将纯色填充设为透明，或者将渐变填充的当前所选滑块设为透明。如果Alpha值为0%，则创建的填充不可见（即透明）；如果Alpha值为100%，则创建的填充不透明。

●●

"当前颜色样本"显示当前所选的颜色。如果从"类型"弹出菜单中选择渐变填充样式（线性或放射状），则"当前颜色样本"显示所创建的渐变内的颜色过渡。

渐变调色滑块当前颜色样本"(2)创建渐变渐变是一种多色填充，即一种颜色逐渐转变为另一种颜色。线性渐变是沿着一根轴线（水平或垂直）改变颜色。放射状渐变从一个中心焦点向外改变颜色。渐变色是由起始滑块颜色和目标滑块颜色决定的，拖动滑块，可以改变渐变的起始位置和终止位置，如需调整渐变，可在起始滑块与目标滑块间增加滑块。方法如下：将鼠标移到横向条，在需要增加色彩的地方单击，增加滑块，然后选中该滑块进行颜色调整；如果要减少一种渐变色，选择不需要的颜色滑块标记向下拖动鼠标即可。在Alpha文本框中可以指定当前颜色的透明度。●横向条滑块（被选中的滑块为实心尖角）(3)墨水瓶工具“墨水瓶工具”可以给选定的矢量图形增加边线，还可以修改线条或轮廓的笔触颜色、宽度和样式。对线体或轮廓只能应用纯色，而不能应用渐变或位图。●(4)颜料桶工具"颜料桶工具"可以用颜色填充封闭区域。此工具使您既可以填充空的区域也可以更改已涂色区域的颜色。您可用纯色、渐变填充以及位图填充进行涂色。

(5)滴管工具您可以用〖滴管工具〗从一个对象复制填充和笔触属性，然后立即将它们应用到其它对象。"滴管工具"还允许您从位图图像取样用作填充。选中"滴管工具"后单击线条，会进入墨水瓶填色状态，并将笔触的颜色、线宽及样式属性自动设置为〖滴管工具〗所选位置的属性；如果单击图形内部会进入颜料桶状态，其属性也会自动具有采样位置的属性。在空白区进行采样时，该工具无效。●●(6)填充变形工具通过调整填充的大小、方向或者中心，可以使渐变填充或位图填充变形。①选择“渐变变形”工具。②单击用渐变或位图填充的区域。显示一个带有编辑手柄的边框，如下图。当指针在这些手柄中的任何一个上面的时候，它会发生变化，显示该手柄的功能。

●线性渐变放射状渐变位图填充三种渐变图形应用填充变形工具后6.任意变形工具

变形工具能对图形进行大小、扭曲、旋转的调整，还可以调整图形的中心点位置。●中心点位置改