绘图工具
教学目标 了解绘图工具的功能 使用绘图工具绘制图形 掌握图形色彩设置技巧
任务 制作 “ 卡通小汽车 ” 演示设计结果 任务分析 利用钢笔工具,矩形工具、椭圆工具和填充工具绘制。
在 Flash CS4 的工具 箱中,提供了丰富的 绘图工具和色彩工具, 使用这些工具,可以 方便地选择、绘制、 填充和修改图形。 知识点
1. 矩形工具 矩形工具用于绘制矩形、正方形、圆角矩形和多边形的矢量色块或图形。 技巧提示:选择矩形工具时,按住 Shift 键的同时拖拽鼠标,可以绘制正方形; 按住 Alt 键的同时拖拽鼠标,可以绘制起始点为中心的图形。 知识点
2. 椭圆工具 椭圆工具用于绘制椭圆、正圆、圆环或圆弧。 技巧提示:选择椭圆工具时,按住 Shift 键的同时拖拽鼠标,可以绘制正圆; 按住 Alt 键的同时拖拽鼠标,可以绘制起始点为中心的圆形。 知识点
3. 多角星形工具 多角星形工具用于绘制任意多边形和星形图形。 为了更精确的绘制多边形,需要在【属 性】面板中单击【选项】按钮,弹出 【工具设置】面板,利用【工具设置】 面板设置相关参数 。 知识点
4. 笔触颜色及填充颜色 笔触颜色就是指对象轮廓的颜色,可以选择任意的纯色、渐变色以及 位图。填充颜色就是指对象内部的填充色,对于形状的填充,可以用纯 色、渐变色或位图。 笔触颜色及填充颜色的设置有两种方法。 方法一:选中修改的对象,通过工具箱的 “ 笔触 颜色 ” 或 “ 填充颜色 ” 控件旁边的三角 形,然后选择一个颜色样本; 方法二:选中修改的对象,使用颜色调板设置笔触 颜色和填充色。 知识点
5. 铅笔工具 铅笔工具用于绘制线条和勾勒轮廓。 单击 “ 铅笔工具 ” 按钮,弹出 “ 铅笔工具 ” 的 “ 绘图模式 ” 选项。 “ 铅笔工具 ” 选项 知识点
6. 钢笔工具 钢笔工具用于绘制精确、光滑的曲线,并可以调整曲线曲率。 钢笔工具组 知识点
绘制直线:用鼠标单击起点位置,然后依次单击鼠标。 未选中锚点 选中锚点 方向线 绘制曲线:用鼠标单击起点位置,此时出现第一个锚点,然后按 住鼠标不放进行拖拽操作,出现一条曲线,依次绘制。 知识点
删除锚点:当光标变为 时,在原来有锚点的地方单击鼠标, 原来那个锚点就删除。 添加锚点:当光标变为 时,在线段上单击鼠标就会增加一个锚点, 添加锚点前后变化如图所示。 知识点
转换锚点:当光标变为 时,在线段单击锚点,曲线锚点就变成直 线节点,转化锚点前后变化如图所示。 知识点
7. 改变对象造型 将鼠标指针移到对象的边缘,鼠标指针变为下图所示的形状后, 按住鼠标左键不放进行拖曳,即可改变对象的造型,如图所示 。 知识点
任务 制作步骤 在 “ 工具箱 ” 中设置 “ 笔触颜色 ” 为 “ 黑色 ” ( # ),设置 “ 填充颜色 ” 为 “ 橙色 ” ( #FF3300 ),在 “ 属性 ” 面板中将 “ 笔触 高度 ” 设置为 2 ,如图所示。 1 、绘制车体
任务 制作步骤 在 “ 工具箱 ” 中选择 “ 钢笔工具 ” (快捷键为 P) 在舞台中央绘制小汽 车车体部分轮廓,并将 “ 图层 1” 的名称更改为 “ 车体 ” 。选择 “ 工具 箱 ” 中的 “ 选择工具 ” ,将鼠标指针移动到场景中刚才绘制的小汽车 外形上,待其鼠标指针变为实心形状时调整线条的弧度如下图所 示。 选择 “ 工具箱 ” 中的 “ 颜料桶工具 ” (快捷键为 K) ,将鼠标指针移 动到车体上单击,为车体填充 “ 橙色 ” ( #FF3300) 。
任务 制作步骤 2 、绘制车窗 新建一个图层,将其重命名为 “ 车窗 ” ,选择 “ 钢笔工 具 ” ,按照绘制车体的方法在 “ 车窗 ” 图层中绘制小车 的 4 个车窗部分,效果如下图所示。
任务 制作步骤 3 、车窗渐变色填充 在 “ 工具箱 ” 中选择 “ 选择工具 ” ,将 鼠标指针移动到场景中绘制的 “2” 号车窗部分上,双击鼠标,全选 整个 “ 车窗 2” 。 选择 “ 窗口 ”—“ 颜色 ” 命令,设置浅 蓝色到白色渐变,渐变设置如图 所示。 使用 “ 颜料桶工具 ” ,分别填充 4 个 窗体部分。
任务 制作步骤 选择 “ 工具箱 ” 中的 “ 渐变变形工具 ” (快捷键为 F ), 对 4 个车窗部分的渐变填充色进行方向,位置和 范围的调整。效果如图所示。
任务 制作步骤 4 、绘制并美化轮胎 新建一个图层,将图层重命名为 “ 车轮 ” 。选择 “ 工具箱 ” 中的 “ 基本椭圆工具 ” ,设置 “ 笔触颜色 ” 为 “ 灰色 ” ,填充色为 “ 深灰 色 ” ,在 “ 属性 ” 面板中设置 “ 笔触高度 ” 为 2 ,移动鼠标指针到舞 台,在靠近车体的下方按住 Shift 键拖动鼠标,绘制一个尺寸 为 68px*68px 的圆形。 选择 “ 工具箱 ” 中的 “ 选择工具 ” ,将鼠标移动到圆形的中心,拖 动圆环的中心点形成一个内径为 47 的圆环,如图所示。
任务 制作步骤 美化车轮,完成后效果如图所示。
任务 制作步骤 5 、绘制汽车零部件 新建图层,重命名 图层为 “ 汽车零部 件 ” ,绘制小车的保 险杠、车灯、反光 镜以及门把手等零 部件,最后完成效 果如图所示。
任务 制作 “ 美丽的海南 ” 演示设计结果
任务 制作 “ 美丽的海南 ” 任务分析 利用椭圆工具、矩形工具绘制海面背景 利用多角形工具、铅笔工具和颜料桶工具绘制帆船 制作帆船远航的动画效果
任务 制作步骤 1 、利用工具制作一个湛蓝的海面背景, 有海、有云、有山丘、 有树木。
任务 制作步骤 使用矩形工具,将笔触设置为 无,绘制矩形,在颜色面板中 设置浅蓝色到白色渐变,渐变 设置如图所示。
任务 制作步骤 新建图层 2 ,使用矩形工具,将笔触设置为无, 绘制矩形的沙滩。并在颜色面板中设置土黄色 渐变,渐变设置如下图所示。 绘制矩形沙滩
任务 制作步骤 新建图层 3 ,使用椭圆工具,将笔触设置为无, 绘制椭圆。并在颜色面板中设置浅蓝色渐变, 渐变设置如下图所示。 绘制椭圆形海洋
任务 制作步骤 新建图形元件 “ 云 ” ,暂时将背景颜色改为黑色。 使用椭圆工具将笔触颜色设置为无,先后绘制多 个大小不同的圆,将其叠放在一起,如图所示。 绘制白色云层
任务 制作步骤 使用颜料桶工具填充白色透明渐变,如图所示。 绘制结束后将背景颜色设置回白色。 填充白色渐变
任务 制作步骤 新建图形元件 “ 小山 ” ,使用铅笔工具,设置 平滑模式来绘制小山,并填充绿色渐变,如图所示。
任务 制作步骤 返回主场景中,新建图层 4 ,将库中的元件 “ 云 ” 拖动到舞台中并调整图层位置,位置摆放如图所示。 云和图层的位置
任务 制作步骤 新建图层 5 ,将库中的 “ 小山 ” 拖动到舞台中, 位置摆放如图所示。 小山的位置
任务 制作步骤 新建图形元件 “ 树木 ” ,先使用椭圆工具绘制一个 椭圆,再使用变形工具 改变椭圆方向。使用多角 星工具绘制星形并设置星形的变数为 20 ,如图所示。
任务 制作步骤 处于图形元件的 “ 树木 ” 的编辑状态,使用选择 工具将星形的其他区域删除,只留下小三角,如图 所示。使用选择工具和变形工具移动并改变小三角 的方向,利用 FLASH 中图形之间可以互相分割的特 性,绘制椰树的叶子,并将叶子填充绿色渐变,如 图所示。绘制完成叶子之后将小三角删除。 小三角 设置绿色渐变后的椰树叶子
任务 制作步骤 处于图形元件 “ 树木 ” 的编辑状态,将椰树的叶子 复制分别粘帖在新建的图层 2 、 3 、 4 、 5 、 6 中,使 用变形工具和选择工具将叶子重新排列,如图所示。 椰树树叶的放置
任务 制作步骤 处于图形元件 “ 树木 ” 的编辑状态,新建图层 7 , 使用矩形工具和选择工具绘制树干,将图层 7 调到 图层 1 后面。效果如图所示。 椰树的整体效果
任务 制作步骤 返回到主场景中,新建图层 6 ,将库中元件 “ 树木 ” 拖动到舞台中,放于小山前方。新建图层 7 ,将库中 元件 “ 树木 ” 多次拖动到舞台中。调整图层的位置, 将图层 7 调整到图层 5 后面,位置摆放如图所示。
任务 制作步骤 2 、使用圆角矩形工具和椭圆工具 绘制帆船
任务 制作步骤 新建元件 “ 帆船 ” ,使用椭圆工具 ,将笔触颜色 设置为无,绘制帆船底盘,使用选择工具将多余部 分删除,如图所示。 帆船底盘
任务 制作步骤 使用多角星形工具绘制三角形,使用选择工具将其 边弯曲。如图所示。 帆船
任务 制作步骤 返回到主场景中,新建图层 8 、 9 将库中元件 “ 帆船 ” 分别拖动到新图层中,在图层 8 中放置最接近岸边 的那个帆船,图层 9 中放置其他两个小帆船。位置 摆放如图所示。
任务 制作步骤 3 、制作帆船远航的动画效果
任务 制作步骤 在图层 1 、 2 、 3 、 4 、 5 、 6 、 7 、 8 的第 300 帧处按 F 5 键插入帧。 在图层 8 中的第 60 帧处按 F6 键插入关键帧,选中其 中的帆船对象移动其位置,如图所示。 第 60 帧帆船的位置
任务 制作步骤 在图层 8 中的第 200 帧处按 F6 键插入关键帧,选中 其中的帆船对象移动器位置,使用变形工具改变 其大小,如图所示。 第 200 帧帆船的位置
任务 制作步骤 在图层 8 中的第 300 帧处按 F6 键插入关键帧,选中 其中帆船对象移动其位置,并将此对象的 Alpha 值 设置为 0% ,如图所示。 第 300 帧帆船的位置摆放和 Alpha 值设置
任务 制作步骤 在图层 8 中的第 1 、 60 、 200 帧处添加运动补间 测试动画 保存文件