第三章 Flash CS3绘画工具

第3章FlashCS3绘画工具学习要点矢量图形与位图图像笔触颜色与填充色对象绘制模式线条工具与选择工具矩形工具组与铅笔工具钢笔工具与部分选取工具1.矢量图形与位图图像矢量图形，它是以数学的向量方式来纪录图像的内容，以线条和色块为主。矢量图形将图形放大也不会降低图形质量，即放大不会出现马赛克现象位图图像是由离散的像素点组成的，因此也叫像素图或点阵图，位图图像像素点是由每个像素的位置和颜色值来描述的。3.1FlashCS3图形绘制基础3.1.1知识讲解矢量图局部放大8倍依然清晰位图图像局部放大8倍会出现马赛克现象2．笔触颜色及填充颜色笔触颜色就是指对象轮廓的颜色，可以选择任意的纯色、渐变色以及位图。填充颜色就是指对象内部的填充色，对于形状的填充，可以用纯色、渐变色或位图。笔触颜色填充颜色笔触颜色和填充颜色笔触颜色及填充颜色的设置有两种方法，方法一是选中修改的对象，通过工具箱的“笔触颜色”或“填充颜色”控件旁边的三角形，然后选择一个颜色样本，方法二是选中修改的对象，使用颜色调板设置笔触颜色和填充色。笔触颜色填充颜色笔触（黑）/填充（白）交换笔触/填充颜色没有颜色交换笔触/填充颜色使用工具箱控件设置颜色3.对象绘制模式“对象绘制”模式是Flash8新增加的功能，在FlashCS3中仍然保留了这个功能。当选中绘制工具时，在工具栏下方得“选项”栏中会显示对象绘制按钮，如图3-6所示。在不按下按钮时，当位于同一图层的矢量图形或线条发生重叠现象，会产生融合与切割现象。（1）当填充属性相同的矢量图形重叠时，则会产生融合的现象；当填充属性不相同的矢量图形重叠时，则会产生切割的现象，如图3-7所示。（2）当线条与矢量图形重叠时，则线条会切割矢量图形；当线条与线条重叠时，则线条也会切割线条，如图3-8所示。如果按下按钮，然后分别绘制两个不同颜色和形状的对象，可以看到两个对象的周围有淡蓝色的矩形框，虽然都存在于同一个图层中，但并不相互影响，如图3-9所示。用户可以根据需要选择是否使用“对象绘制”模式。所选颜色所选颜色颜色的透明度没有颜色系统调色板当前吸取的颜色渐变色使用颜色调板设置颜色工具“选项”栏融合与切割切割切割图3-8切割对象绘制模式显示框使用“对象绘制”模式下绘制图形1.线条工具选择“线条”工具（线条工具，快捷键【N】），在舞台上单击鼠标，按住鼠标不放并拖动到目标位置，然后松开鼠标，就可以绘制一条直线。可以在线条工具“属性”面板中设置线条的颜色、粗细、类型。3.2线条工具与选择工具线条工具的属性面板3.2.1知识讲解•设置不同的线条属性后，线条如图3-11所示。线条样式中包含“极细”线型，在任何视图比例下，显示尺寸都保持不变。图3-11设置属性后的线条技巧提示：选择线条工具时，如果按住Shift键的同时拖拽鼠标，可以绘制45度或45的整数倍方向的直线。2.选择工具选择“选择”工具（选择工具，快捷键【V】），工具箱下方会出现如图3-13所示的按钮，功能如下。伸直平滑贴紧至对象选择工具的功能按钮•“贴紧至对象”功能键是打开的，则拖动元素时指针下面会出现一个黑色的小环。当对象处于另一个对象的贴紧距离内时，该小环会变大。•“平滑”按钮:当选中对象后，此按钮变为可用，可以平滑选择的曲线。•“伸直”按钮:当选中对象后，此按钮变为可用，可以锐化选择的曲线。（1）选择对象选择“选择”工具，在舞台可以单击鼠标进行点选；也可以按住Shift键进行选择多个对象；还可以利用鼠标拖拽进行框选多个对象。点选点选多个对象框选选择对象（2）移动和复制对象选择“选择”工具，选中需要移动的对象，按住鼠标不放，拖拽到目标位置。选择“选择”工具，选中需要复制的对象，按住Alt键，按住鼠标不放，拖拽到目标位置，如图3-15所示。移动复制移动和复制对象（3）调整向量线条和填充色选择“选择”工具，将鼠标移到对象上，鼠标指针变为时，可以调整线条的弯曲程度和填充色移动线条的节点位置技巧提示：选择选择工具时，在工具箱除钢笔工具外，在任何一个工具上，按住Ctrl键同时，鼠标指针会暂时切换到选择工具。【学习目标】线条工具和选择工具对图像进行调节。【知识要点】使用线条工具绘制草图，然后利用选择工具进行调节直线弯曲程度和节点位置.3.2.2.课堂案例——绘制企鹅形象企鹅形象3.3矩形工具组与铅笔工具1.矩形工具矩形工具用于绘制矩形、正方形、圆角矩形和多边形的矢量色块或图形。黑白对象绘制笔触颜色填充颜色交换颜色贴紧至对象图3-23矩形工具组图3-24工具栏底部3.3.1知识讲解•使用矩形工具可以绘制以下图形绘制矩形、正方形和圆角矩形技巧提示：选择矩形工具时，如果按住Shift键的同时拖拽鼠标，可以绘制正方形。如果按住Alt键的同时拖拽鼠标，可以绘制起始点为中心的图形。2.椭圆工具•椭圆工具用于绘制椭圆、正圆、圆环或圆弧。•选择“椭圆”工具，在舞台上单击鼠标，按住鼠标不放，向目标位置拖拽椭圆，松开鼠标，就可以绘制所需要的图形。•在椭圆工具的“属性”面板如图3-27所示，设置不同的边框颜色、边框粗细、边框线型和填充颜色。“属性”面板的“起始角度”、“结束角度”与“内径”文本框输入数值，即可绘制任意半径、角度的圆弧或圆环。•使用椭圆工具可以绘制以下图形，如图3-28所示。图3-28绘制椭圆、正园、圆环或圆弧•技巧提示：选择椭圆工具时，如果按住Shift键的同时拖拽鼠标，可以绘制正圆。如果按住Alt键的同时拖拽鼠标，可以绘制起始点为中心的圆形。3.基本矩形工具基本矩形工具用于绘制矩形、正方形、圆角矩形和多边形。图3-29使用选择工具进行调整矩形角半径图3-30输入不同圆角半径绘制的图形4.基本椭圆工具基本椭圆工具用于绘制椭圆和圆环等矢量图形。使用基本椭圆工具绘制的图形5.多角星形工具6.铅笔工具选择“铅笔”工具（铅笔工具，快捷键【Y】），在舞台上单击鼠标，按住鼠标不放并向右拖动到需要的位置，然后松开鼠标，绘制了一条曲线如图3-35所示。如果想要绘制出平滑或伸直线条和形状，可以在工具箱下方的选项区域中为铅笔工具选择一种绘画模式，如图3-36所示。图3-35铅笔工具绘制的线条图3-36铅笔工具的绘画模式3.3.2.课堂案例——绘制雪人【学习目标】使用不同的绘制工具绘制图形。【知识要点】使用矩形工具组、铅笔工具和选择工具来完成图形绘制，最终效果如图3-39所示。图3-39雪人形象【源文件】光盘\Chap3\效果\绘制雪人.fla【案例分解】本案例可分解为以下任务：任务1绘制身体任务2绘制帽子和鼻子任务3绘制手3.4钢笔工具与部分选择工具3.4.1知识讲解1.钢笔工具选择“钢笔”工具（钢笔工具，快捷键【P】），钢笔工具用于绘制精确、光滑的曲线，并可以调整曲线曲率。在FlashCS3中钢笔工具的得到了增强，增加了3个工具，分别为添加锚点工具、删除锚点工具与转换锚点工具，如图3-48所示。图3-48钢笔工具组•绘制直线：用鼠标单击起点位置，然后依次单击鼠标。如果想绘制开放路径，双击鼠标；也可以绘制封闭图形，鼠标指针回到起点，指针变为绘制封闭图形，绘制如图3-49所示图形未选中锚点选中锚点方向线图3-49绘制直线段（开放路径和封闭路径）图3-50绘制曲线•绘制曲线：用鼠标单击起点位置，此时出现第一个锚点，然后按住鼠标不放进行拖拽操作，出现一条曲线，依次绘制如图3-50所示图形•添加锚点：当光标变为时，在线段上单击鼠标就会增加一个锚点，添加锚点前后变化如图3-51所示。图3-51添加锚点前后•删除锚点：当光标变为时，在原来有锚点的地方单击鼠标，原来那个锚点就删除，删除锚点前后变化如图3-52所示。图3-52添加锚点前后•转换锚点：当光标变为时，在线段单击锚点，曲线锚点就变成直线节点，转化锚点前后变化如图3-53所示图3-53转化锚点前后•方向线调节：切换到部分选择工具，在方向线附近，鼠标变为时，可以拖拽鼠标，调节方向线的长度和斜率，从而决定了曲线的形状。如图3-54所示。原方向线调整后方向线图3-54方向线的调节•技巧提示：（1）选择钢笔工具时，可以按住Ctrl键，切换到部分选择工具，对锚点进行编辑包括移动和删除，还可以对锚点的两根方向线进行调节。（2）选择钢笔工具时，可以按住Alt键，切换到转化锚点工具，对锚点进行转化，还可以对锚点的一根方向线进行单独调节。2.部分选择工具•选择“部分选择”工具（部分选择工具，快捷键【A】），部分选择工具用于编辑轮廓，轮廓上的锚点以及调节锚点的切线方向。•使用部分选择工具单击矢量图形选择锚点后，可以进行的操作有移动锚点、删除锚点，还可以调节锚点方向线来调节线条的轮廓，部分选择工具功能如图3-55所示。图3-55部分选择工具的功能•选择锚点：使用部分选择工具，在对象的轮廓上单击，再单击其中的某一锚点，即可选择该锚点，选中的锚点呈实心显示。•移动锚点：选择锚点后，拖拽鼠标到目标位置。•删除锚点：选择锚点后，按Delete键，可删除锚点。•调节锚点：选择锚点后，可以拖拽锚点，调节方向线来调节线条的轮廓。3.4.2.课堂案例——绘制海豚【学习目标】使用钢笔工具绘制图形。【知识要点】使用钢笔工具、部分选择工具来完成图形绘制，最终效果如图3-56所示。海豚形象项目实训——动画角色调皮熊绘制学习目的：掌握动画动物的绘制方法和技巧。使用工具：综合使用椭圆工具、线条工具、选择工具以及铅笔工具等绘图工具。角色绘制—调皮熊绘制Q版卡通人物【效果所在位置】：光盘\Chap3\效果\Q版人物.fla