第三章Flash CS3绘画工具.ppt

《第三章Flash CS3绘画工具.ppt》由会员分享，可在线阅读，更多相关《第三章Flash CS3绘画工具.ppt（39页珍藏版）》请在三一办公上搜索。

1、,第3章 Flash CS3绘画工具,学习要点,矢量图形与位图图像 笔触颜色与填充色 对象绘制模式 线条工具与选择工具 矩形工具组与铅笔工具 钢笔工具与部分选取工具,1.矢量图形与位图图像矢量图形，它是以数学的向量方式来纪录图像的内容，以线条和色块为主。矢量图形将图形放大也不会降低图形质量，即放大不会出现马赛克现象位图图像是由离散的像素点组成的，因此也叫像素图或点阵图，位图图像像素点是由每个像素的位置和颜色值来描述的。,3.1 Flash CS3图形绘制基础,3.1.1 知识讲解,矢量图局部放大8倍依然清晰,位图图像局部放大8倍会出现马赛克现象,2笔触颜色及填充颜色 笔触颜色就是指对象轮廓的颜

2、色，可以选择任意的纯色、渐变色以及位图。填充颜色就是指对象内部的填充色，对于形状的填充，可以用纯色、渐变色或位图。,笔触颜色,填充颜色,笔触颜色和填充颜色,笔触颜色及填充颜色的设置有两种方法，方法一是选中修改的对象，通过工具箱的“笔触颜色”或“填充颜色”控件旁边的三角形，然后选择一个颜色样本，方法二是选中修改的对象，使用颜色调板设置笔触颜色和填充色。,笔触颜色,填充颜色,笔触（黑）/填充（白）,交换笔触/填充颜色,没有颜色,交换笔触/填充颜色,使用工具箱控件设置颜色,3.对象绘制模式“对象绘制”模式是Flash 8新增加的功能，在Flash CS3中仍然保留了这个功能。当选中绘制工具时，在工具

3、栏下方得“选项”栏中会显示对象绘制按钮，如图3-6所示。在不按下 按钮时，当位于同一图层的矢量图形或线条发生重叠现象，会产生融合与切割现象。（1）当填充属性相同的矢量图形重叠时，则会产生融合的现象；当填充属性不相同的矢量图形重叠时，则会产生切割的现象，如图3-7所示。（2）当线条与矢量图形重叠时，则线条会切割矢量图形；当线条与线条重叠时，则线条也会切割线条，如图3-8所示。如果按下 按钮，然后分别绘制两个不同颜色和形状的对象，可以看到两个对象的周围有淡蓝色的矩形框，虽然都存在于同一个图层中，但并不相互影响，如图3-9所示。用户可以根据需要选择是否使用“对象绘制”模式。,所选颜色,所选颜色,颜色

4、的透明度,没有颜色,系统调色板,当前吸取的颜色,渐变色,使用颜色调板设置颜色,工具“选项”栏,融合与切割,切割,切割,图3-8切割,对象绘制模式显示框,使用“对象绘制”模式下绘制图形,1.线条工具 选择“线条”工具（线条工具，快捷键【N】），在舞台上单击鼠标，按住鼠标不放并拖动到目标位置，然后松开鼠标，就可以绘制一条直线。可以在线条工具“属性”面板中设置线条的颜色、粗细、类型。,3.2 线条工具与选择工具,线条工具的属性面板,3.2.1 知识讲解,设置不同的线条属性后，线条如图3-11所示。线条样式中包含“极细”线型，在任何视图比例下，显示尺寸都保持不变。,图3-11设置属性后的线条,技巧提示

5、：选择线条工具时，如果按住Shift键的同时拖拽鼠标，可以绘制45度或45的整数倍方向的直线。,2.选择工具选择“选择”工具（选择工具，快捷键【V】），工具箱下方会出现如图3-13所示的按钮，功能如下。,伸直,平滑,贴紧至对象,选择工具的功能按钮,“贴紧至对象”功能键 是打开的，则拖动元素时指针下面会出现一个黑色的小环。当对象处于另一个对象的贴紧距离内时，该小环会变大。“平滑”按钮:当选中对象后，此按钮变为可用，可以平滑选择的曲线。“伸直”按钮:当选中对象后，此按钮变为可用，可以锐化选择的曲线。,（1）选择对象 选择“选择”工具，在舞台可以单击鼠标进行点选；也可以按住Shift键进行选择多个对

6、象；还可以利用鼠标拖拽进行框选多个对象。,点选,点选多个对象,框选,选择对象,（2）移动和复制对象选择“选择”工具，选中需要移动的对象，按住鼠标不放，拖拽到目标位置。选择“选择”工具，选中需要复制的对象，按住Alt键，按住鼠标不放，拖拽到目标位置，如图3-15所示。,移动,复制,移动和复制对象,（3）调整向量线条和填充色 选择“选择”工具，将鼠标移到对象上，鼠标指针变为时，可以调整线条的弯曲程度和填充色,移动线条的节点位置,技巧提示：选择选择工具时，在工具箱除钢笔工具外，在任何一个工具上，按住Ctrl键同时，鼠标指针会暂时切换到选择工具。,【学习目标】线条工具和选择工具对图像进行调节。【知识要

7、点】使用线条工具绘制草图，然后利用选择工具进行调节直线弯曲程度和节点位置.,3.2.2.课堂案例绘制企鹅形象,企鹅形象,3.3 矩形工具组与铅笔工具,1.矩形工具矩形工具用于绘制矩形、正方形、圆角矩形和多边形的矢量色块或图形。,黑白,对象绘制,笔触颜色,填充颜色,交换颜色,贴紧至对象,图3-23矩形工具组 图3-24 工具栏底部,3.3.1 知识讲解,使用矩形工具可以绘制以下图形,绘制矩形、正方形和圆角矩形,技巧提示：选择矩形工具时，如果按住Shift键的同时拖拽鼠标，可以绘制正方形。如果按住Alt键的同时拖拽鼠标，可以绘制起始点为中心的图形。,2.椭圆工具椭圆工具用于绘制椭圆、正圆、圆环或圆

8、弧。选择“椭圆”工具，在舞台上单击鼠标，按住鼠标不放，向目标位置拖拽椭圆，松开鼠标，就可以绘制所需要的图形。在椭圆工具的“属性”面板如图3-27所示，设置不同的边框颜色、边框粗细、边框线型和填充颜色。“属性”面板的“起始角度”、“结束角度”与“内径”文本框输入数值，即可绘制任意半径、角度的圆弧或圆环。,使用椭圆工具可以绘制以下图形，如图3-28所示。,图3-28 绘制椭圆、正园、圆环或圆弧,技巧提示：选择椭圆工具时，如果按住Shift键的同时拖拽鼠标，可以绘制正圆。如果按住Alt键的同时拖拽鼠标，可以绘制起始点为中心的圆形。,3.基本矩形工具基本矩形工具用于绘制矩形、正方形、圆角矩形和多边形。

9、,图3-29 使用选择工具进行调整矩形角半径 图3-30 输入不同圆角半径绘制的图形,4.基本椭圆工具基本椭圆工具用于绘制椭圆和圆环等矢量图形。,使用基本椭圆工具绘制的图形,5.多角星形工具,6.铅笔工具选择“铅笔”工具（铅笔工具，快捷键【Y】），在舞台上单击鼠标，按住鼠标不放并向右拖动到需要的位置，然后松开鼠标，绘制了一条曲线如图3-35所示。如果想要绘制出平滑或伸直线条和形状，可以在工具箱下方的选项区域中为铅笔工具选择一种绘画模式，如图3-36所示。,图3-35铅笔工具绘制的线条 图3-36铅笔工具的绘画模式,3.3.2.课堂案例绘制雪人【学习目标】使用不同的绘制工具绘制图形。【知识要点】

10、使用矩形工具组、铅笔工具和选择工具来完成图形绘制，最终效果如图3-39所示。,图3-39 雪人形象,【源 文 件】光盘Chap3效果绘制雪人.fla【案例分解】本案例可分解为以下任务：任务1 绘制身体任务2 绘制帽子和鼻子任务3 绘制手,3.4 钢笔工具与部分选择工具,3.4.1 知识讲解1.钢笔工具 选择“钢笔”工具（钢笔工具，快捷键【P】），钢笔工具用于绘制精确、光滑的曲线，并可以调整曲线曲率。在Flash CS3中钢笔工具的得到了增强，增加了3个工具，分别为添加锚点工具、删除锚点工具 与转换锚点工具，如图3-48所示。,图3-48 钢笔工具组,绘制直线：用鼠标单击起点位置，然后依次单击鼠

11、标。如果想绘制开放路径，双击鼠标；也可以绘制封闭图形，鼠标指针回到起点，指针变为绘制封闭图形，绘制如图3-49所示图形,未选中锚点,选中锚点,方向线,图3-49绘制直线段（开放路径和封闭路径）图3-50绘制曲线,绘制曲线：用鼠标单击起点位置，此时出现第一个锚点，然后按住鼠标不放进行拖拽操作，出现一条曲线，依次绘制如图3-50所示图形,添加锚点：当光标变为 时，在线段上单击鼠标就会增加一个锚点，添加锚点前后变化如图3-51所示。,图3-51 添加锚点前后,删除锚点：当光标变为 时，在原来有锚点的地方单击鼠标，原来那个锚点就删除，删除锚点前后变化如图3-52所示。,图3-52 添加锚点前后,转换锚

12、点：当光标变为 时，在线段单击锚点，曲线锚点就变成直线节点，转化锚点前后变化如图3-53所示,图3-53 转化锚点前后,方向线调节：切换到部分选择工具，在方向线附近，鼠标变为时，可以拖拽鼠标，调节方向线的长度和斜率，从而决定了曲线的形状。如图3-54所示。,原方向线,调整后方向线,图3-54 方向线的调节,技巧提示：（1）选择钢笔工具时，可以按住Ctrl键，切换到部分选择工具，对锚点进行编辑包括移动和删除，还可以对锚点的两根方向线进行调节。（2）选择钢笔工具时，可以按住Alt键，切换到转化锚点工具，对锚点进行转化，还可以对锚点的一根方向线进行单独调节。,2.部分选择工具选择“部分选择”工具（部

13、分选择工具，快捷键【A】），部分选择工具用于编辑轮廓，轮廓上的锚点以及调节锚点的切线方向。使用部分选择工具单击矢量图形选择锚点后，可以进行的操作有移动锚点、删除锚点，还可以调节锚点方向线来调节线条的轮廓，部分选择工具功能如图3-55所示。,图3-55 部分选择工具的功能,选择锚点：使用部分选择工具，在对象的轮廓上单击，再单击其中的某一锚点，即可选择该锚点，选中的锚点呈实心显示。移动锚点：选择锚点后，拖拽鼠标到目标位置。删除锚点：选择锚点后，按Delete键，可删除锚点。调节锚点：选择锚点后，可以拖拽锚点，调节方向线来调节线条的轮廓。,3.4.2.课堂案例绘制海豚,【学习目标】使用钢笔工具绘制图形。【知识要点】使用钢笔工具、部分选择工具来完成图形绘制，最终效果如图3-56所示。,海豚形象,项目实训动画角色调皮熊绘制,学习目的：掌握动画动物的绘制方法和技巧。使用工具：综合使用椭圆工具、线条工具、选择工具以及铅笔工具等绘图工具。,角色绘制调皮熊,绘制Q版卡通人物,【效果所在位置】：光盘Chap3效果Q版人物.fla,