绘图工具. 教学目标 了解绘图工具的功能 使用绘图工具绘制图形 掌握图形色彩设置技巧 任务 2.1.1 制作 “ 卡通小汽车 ” 演示设计结果 任务分析 利用钢笔工具，矩形工具、椭圆工具和填充工具绘制。

Presentation on theme: "绘图工具. 教学目标 了解绘图工具的功能 使用绘图工具绘制图形 掌握图形色彩设置技巧 任务 2.1.1 制作 “ 卡通小汽车 ” 演示设计结果 任务分析 利用钢笔工具，矩形工具、椭圆工具和填充工具绘制。"— Presentation transcript:

1 绘图工具

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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