第三章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键，可删除锚点。调节锚点：选择锚点后，可以拖拽锚点，调节方向线来调