第三章FlashCS3绘画工具说课讲解.ppt

第3章 Flash CS3绘画工具学习要点 矢量图形与位图图像 笔触颜色与填充色 对象绘制模式 线条工具与选择工具 矩形工具组与铅笔工具 钢笔工具与部分选取工具1.矢量图形与位图图像矢量图形，它是以数学的向量方式来纪录图像的内容，以线条和色块为主矢量图形将图形放大也不会降低图形质量，即放大不会出现马赛克现象位图图像是由离散的像素点组成的，因此也叫像素图或点阵图，位图图像像素点是由每个像素的位置和颜色值来描述的 3.1 Flash CS3图形绘制基础3.1.1 知识讲解2笔触颜色及填充颜色 笔触颜色就是指对象轮廓的颜色，可以选择任意的纯色、渐变色以及位图填充颜色就是指对象内部的填充色，对于形状的填充，可以用纯色、渐变色或位图笔触颜色填充颜色笔触颜色和填充颜色笔触颜色及填充颜色的设置有两种方法，方法一是选中修改的对象，通过工具箱的“笔触颜色”或“填充颜色”控件旁边的三角形，然后选择一个颜色样本，方法二是选中修改的对象，使用颜色调板设置笔触颜色和填充色笔触颜色填充颜色笔触（黑）/填充（白）交换笔触/填充颜色没有颜色交换笔触/填充颜色使用工具箱控件设置颜色3.对象绘制模式“对象绘制”模式是Flash 8新增加的功能，在Flash CS3中仍然保留了这个功能。

当选中绘制工具时，在工具栏下方得“选项”栏中会显示对象绘制按钮 ，如图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】），钢笔工具用于绘制精确、光滑的曲线，并可以调整曲线曲率。

在Flash CS3中钢笔工具的得到了增强，增加了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。