绘图工具

绘图工具

了解绘图工具的功能 使用绘图工具绘制图形掌握图形色彩设置技巧教学目标

任务2.1.1 制作“卡通小汽车” • 演示设计结果 • 任务分析利用钢笔工具，矩形工具、椭圆工具和填充工具绘制。

知识点 在Flash CS4的工具箱中，提供了丰富的绘图工具和色彩工具，使用这些工具，可以方便地选择、绘制、填充和修改图形。

知识点 1. 矩形工具矩形工具用于绘制矩形、正方形、圆角矩形和多边形的矢量色块或图形。技巧提示：选择矩形工具时，按住Shift键的同时拖拽鼠标，可以绘制正方形；按住Alt键的同时拖拽鼠标，可以绘制起始点为中心的图形。

知识点 2. 椭圆工具椭圆工具用于绘制椭圆、正圆、圆环或圆弧。技巧提示：选择椭圆工具时，按住Shift键的同时拖拽鼠标，可以绘制正圆；按住Alt键的同时拖拽鼠标，可以绘制起始点为中心的圆形。

知识点 3. 多角星形工具多角星形工具用于绘制任意多边形和星形图形。为了更精确的绘制多边形，需要在【属性】面板中单击【选项】按钮，弹出【工具设置】面板，利用【工具设置】面板设置相关参数。

知识点 4. 笔触颜色及填充颜色笔触颜色就是指对象轮廓的颜色，可以选择任意的纯色、渐变色以及位图。填充颜色就是指对象内部的填充色，对于形状的填充，可以用纯色、渐变色或位图。笔触颜色及填充颜色的设置有两种方法。方法一：选中修改的对象，通过工具箱的“笔触颜色”或“填充颜色”控件旁边的三角形，然后选择一个颜色样本；方法二：选中修改的对象，使用颜色调板设置笔触颜色和填充色。

知识点 5. 铅笔工具铅笔工具用于绘制线条和勾勒轮廓。单击“铅笔工具”按钮，弹出“铅笔工具”的“绘图模式”选项。 “铅笔工具”选项

知识点 6. 钢笔工具钢笔工具用于绘制精确、光滑的曲线，并可以调整曲线曲率。钢笔工具组

知识点 绘制直线：用鼠标单击起点位置，然后依次单击鼠标。未选中锚点 • 绘制曲线：用鼠标单击起点位置，此时出现第一个锚点，然后按住鼠标不放进行拖拽操作，出现一条曲线，依次绘制。选中锚点方向线

知识点 添加锚点：当光标变为时，在线段上单击鼠标就会增加一个锚点，添加锚点前后变化如图所示。 • 删除锚点：当光标变为时，在原来有锚点的地方单击鼠标， • 原来那个锚点就删除。

知识点 转换锚点：当光标变为时，在线段单击锚点，曲线锚点就变成直线节点，转化锚点前后变化如图所示。

知识点 7. 改变对象造型将鼠标指针移到对象的边缘，鼠标指针变为下图所示的形状后，按住鼠标左键不放进行拖曳，即可改变对象的造型，如图所示。

任务2.1.1 制作步骤 • 1、绘制车体 • 在“工具箱”中设置“笔触颜色”为“黑色”（#000000），设置“填充颜色”为“橙色”（#FF3300），在“属性”面板中将“笔触高度”设置为2，如图所示。

任务2.1.1 制作步骤 • 在“工具箱”中选择“钢笔工具”（快捷键为P)在舞台中央绘制小汽车车体部分轮廓，并将“图层1”的名称更改为“车体”。选择“工具箱”中的“选择工具”，将鼠标指针移动到场景中刚才绘制的小汽车外形上，待其鼠标指针变为实心形状时调整线条的弧度如下图所示。 • 选择“工具箱”中的“颜料桶工具”（快捷键为K)，将鼠标指针移动到车体上单击，为车体填充“橙色”（#FF3300)。

任务2.1.1 制作步骤 • 2、绘制车窗新建一个图层，将其重命名为“车窗”，选择“钢笔工具”，按照绘制车体的方法在“车窗”图层中绘制小车的4个车窗部分，效果如下图所示。

任务2.1.1 制作步骤 • 3、车窗渐变色填充 • 在“工具箱”中选择“选择工具”，将鼠标指针移动到场景中绘制的“2”号车窗部分上，双击鼠标，全选整个“车窗2”。 • 选择“窗口”—“颜色”命令，设置浅蓝色到白色渐变，渐变设置如图所示。 • 使用“颜料桶工具”，分别填充4个窗体部分。

任务2.1.1 制作步骤 • 选择“工具箱”中的“渐变变形工具”（快捷键为F），对4个车窗部分的渐变填充色进行方向，位置和范围的调整。效果如图所示。

任务2.1.1 制作步骤 • 4、绘制并美化轮胎 • 新建一个图层，将图层重命名为“车轮”。选择“工具箱”中的“基本椭圆工具”，设置“笔触颜色”为“灰色”，填充色为“深灰色”，在“属性”面板中设置“笔触高度”为2，移动鼠标指针到舞台，在靠近车体的下方按住Shift键拖动鼠标，绘制一个尺寸为68px*68px的圆形。 • 选择“工具箱”中的“选择工具”，将鼠标移动到圆形的中心，拖动圆环的中心点形成一个内径为47的圆环，如图所示。

任务2.1.1 制作步骤 • 美化车轮，完成后效果如图所示。

任务2.1.1 制作步骤 • 5、绘制汽车零部件新建图层，重命名图层为“汽车零部件”，绘制小车的保险杠、车灯、反光镜以及门把手等零部件，最后完成效果如图所示。

任务2.1.2 制作“美丽的海南” • 演示设计结果

任务2.1.2 制作“美丽的海南” • 任务分析 • 利用椭圆工具、矩形工具绘制海面背景 • 利用多角形工具、铅笔工具和颜料桶工具绘制帆船 • 制作帆船远航的动画效果

任务2.1.2 制作步骤 • 1、利用工具制作一个湛蓝的海面背景，有海、有云、有山丘、有树木。

任务2.1.2 制作步骤 • 使用矩形工具，将笔触设置为 • 无，绘制矩形，在颜色面板中 • 设置浅蓝色到白色渐变，渐变 • 设置如图所示。

任务2.1.2 制作步骤 • 新建图层2，使用矩形工具，将笔触设置为无， • 绘制矩形的沙滩。并在颜色面板中设置土黄色 • 渐变，渐变设置如下图所示。绘制矩形沙滩

任务2.1.2 制作步骤 • 新建图层3，使用椭圆工具，将笔触设置为无， • 绘制椭圆。并在颜色面板中设置浅蓝色渐变， • 渐变设置如下图所示。绘制椭圆形海洋

任务2.1.2 制作步骤 • 新建图形元件“云”，暂时将背景颜色改为黑色。 • 使用椭圆工具将笔触颜色设置为无，先后绘制多 • 个大小不同的圆，将其叠放在一起，如图所示。绘制白色云层

任务2.1.2 制作步骤 • 使用颜料桶工具填充白色透明渐变，如图所示。 • 绘制结束后将背景颜色设置回白色。填充白色渐变

任务2.1.2 制作步骤 • 新建图形元件“小山”，使用铅笔工具，设置 • 平滑模式来绘制小山，并填充绿色渐变，如图所示。

任务2.1.2 制作步骤 • 返回主场景中，新建图层4，将库中的元件“云” • 拖动到舞台中并调整图层位置，位置摆放如图所示。云和图层的位置

任务2.1.2 制作步骤 • 新建图层5，将库中的“小山”拖动到舞台中， • 位置摆放如图所示。小山的位置

任务2.1.2 制作步骤 • 新建图形元件“树木”，先使用椭圆工具绘制一个 • 椭圆，再使用变形工具改变椭圆方向。使用多角 • 星工具绘制星形并设置星形的变数为20，如图所示。

任务2.1.2 制作步骤 • 处于图形元件的“树木”的编辑状态，使用选择 • 工具将星形的其他区域删除，只留下小三角，如图 • 所示。使用选择工具和变形工具移动并改变小三角 • 的方向，利用FLASH中图形之间可以互相分割的特 • 性，绘制椰树的叶子，并将叶子填充绿色渐变，如 • 图所示。绘制完成叶子之后将小三角删除。小三角设置绿色渐变后的椰树叶子

任务2.1.2 制作步骤 • 处于图形元件“树木”的编辑状态，将椰树的叶子 • 复制分别粘帖在新建的图层2、3、4、5、6中，使 • 用变形工具和选择工具将叶子重新排列，如图所示。椰树树叶的放置

任务2.1.2 制作步骤 • 处于图形元件“树木”的编辑状态，新建图层7， • 使用矩形工具和选择工具绘制树干，将图层7调到 • 图层1后面。效果如图所示。椰树的整体效果

任务2.1.2 制作步骤 • 返回到主场景中，新建图层6，将库中元件“树木” • 拖动到舞台中，放于小山前方。新建图层7，将库中 • 元件“树木”多次拖动到舞台中。调整图层的位置， • 将图层7调整到图层5后面，位置摆放如图所示。

任务2.1.2 制作步骤 • 2、使用圆角矩形工具和椭圆工具 • 绘制帆船

任务2.1.2 制作步骤 • 新建元件“帆船”，使用椭圆工具，将笔触颜色 • 设置为无，绘制帆船底盘，使用选择工具将多余部 • 分删除，如图所示。帆船底盘

任务2.1.2 制作步骤 • 使用多角星形工具绘制三角形，使用选择工具将其 • 边弯曲。如图所示。帆船

任务2.1.2 制作步骤 • 返回到主场景中，新建图层8、9将库中元件“帆船” • 分别拖动到新图层中，在图层8中放置最接近岸边 • 的那个帆船，图层9中放置其他两个小帆船。位置 • 摆放如图所示。

任务2.1.2 制作步骤 • 3、制作帆船远航的动画效果

任务2.1.2 制作步骤 • 在图层1、2、3、4、5、6、7、8的第300帧处按F5 • 键插入帧。 • 在图层8中的第60帧处按F6键插入关键帧，选中其 • 中的帆船对象移动其位置，如图所示。第60帧帆船的位置

任务2.1.2 制作步骤 • 在图层8中的第200帧处按F6键插入关键帧，选中 • 其中的帆船对象移动器位置，使用变形工具改变 • 其大小，如图所示。第200帧帆船的位置

任务2.1.2 制作步骤 • 在图层8中的第300帧处按F6键插入关键帧，选中 • 其中帆船对象移动其位置，并将此对象的Alpha值 • 设置为0%，如图所示。第300帧帆船的位置摆放和Alpha值设置

任务2.1.2 制作步骤 • 在图层8中的第1、60、200帧处添加运动补间 • 测试动画 • 保存文件

绘图工具

绘图工具

Presentation Transcript