利用基本工具绘制图形一.ppt

第二章 利用基本工具绘制图形之一 FLASH动画制作教程 教学目标 1 知道矢量图和位图的概念以及它们之间的区别2 熟练掌握线条工具 钢笔工具 铅笔工具 椭圆工具和矩形工具的使用方法和技巧 一 矢量图和位图 在计算机绘图领域中 根据成图原理和绘制方法的不同 分为矢量图和位图两种类型 矢量图形是由一个个单独的点构成的 每一个点都有其各自的属性 如位置 颜色等 因此 矢量图与分辨率无关 对矢量图进行缩放时 图形对象仍保持原有的清晰度和光滑度 不会发生任何偏差 如图所示是放大了16倍的矢量图效果 矢量图放大到16倍时依然清晰 位图图像是由象素点构成的 象素点的多少将决定位图图像的显示质量和文件大小 位图图像的分辨率越高 其显示越清晰 文件所占的空间也就越大 因此 位图图像的清晰度与分辨率有关 对位图图像进行放大时 放大的只是象素点 位图图像的四周会出现锯齿状 如图所示是放大了16倍的位图效果 位图放大16倍时模糊不清 在Flash动画制作过程中 会大量的运用到矢量图形 运用Flash自身的矢量绘图功能将会很方便 快捷 在这一章里 我们将通过FLASH基本绘图工具的学习 绘制出一些简单的矢量图 二 线条工具 钢笔工具和铅笔工具 线条工具 线条工具 是Flash中最简单的工具 现在我们就来画一条直线 鼠标单击 线条工具 移动鼠标指针到舞台上 在你希望直线开始的地方按住鼠标拖动 到结束点松开鼠标 一条直线就画好了 线条工具 能画出许多风格各异的线条来 打开 属性 面板 在其中 我们可以定义直线的颜色 粗细和样式 在图所示的 属性 面板中 单击其中的 笔触颜色 按钮 会出现一个调色板对话框 同时光标变成滴管状 用滴管直接拾取颜色或者在文本框里直接输入颜色的16进制数值 颜色以 开头 如 FFFFFF 如图所示 现在来画出各种不同的直线 单击 属性 面板中的 自定义 按钮 会弹出一个 笔触样式 对话框 为了方便观察 我们把粗细定为3象素 pts 选择不同的线型和颜色 来看看我们画出的线条 如图所示 如果需要更改这条直线的方向和长短 怎么办呢 Flash为我们提供了一个很便捷的工具 选择工具 选择工具 的作用是选择对象 移动对象 改变线条或对象轮廓的形状 单击选择 选择工具 然后移动鼠标指针到直线的端点处 指针右下角变成直角状 这时拖动鼠标可以改变 如果鼠标指针移动到线条中任意处 指针右下角会变成弧线状 拖动鼠标 可以将直线变成曲线 这是一个很有用处的功能 在我们鼠标绘图还不能随心所欲时 它可以帮助我们画出所需要的曲线 如图所示 直线的方向和长短 如图所示 实例 现在我们就来实践一下 练习画一片树叶 1 打开FALSH软件 系统会自动建立一个FLASH文档 在这里我们不改变文档的属性 直接使用其默认值 2 绘制树叶图形在 树叶 图形元件编辑场景中 首先用 线条工具 画一条直线 笔触颜色 设置为绿色 如图所示 然后用 箭头工具 将它拉成曲线 如图所示 再用 线条工具 绘制一个直线 用这条直线连接曲线的两端点 如图所示 用 箭头工具 将这条直线也拉成曲线 如图所示 一片树叶的基本形状已经出来了 现在我们画叶脉 在两端点间画直线 然后拉成曲线 如图所示 再画旁边的细小叶脉 可以全用直线 也可以略加弯曲 这样 一片简单的树叶就画好了 如图所示 3 编辑和修改树叶 你可以执行 编辑 撤销 命令撤销前面一步的操作 也可以选择下面更简单的方法 用 箭头工具 单击你想要删除的直线 这条直线变成网点状 说明它已经被选取 你可以对它进行各种修改 如图所示 如果在画树叶的时候出现错误 比如说 画出的叶脉不是你所希望的样子 你想删除叶脉 应该怎么操作呢 要移动它 就按住鼠标拖动 要删除它 就直接按DEL键 按住SHIFT键连续单击线条 可以同时选取多个对象 如果要选取全部的线条 是否得按住SHIFT键挨个点击呢 不需要 我们用黑色箭头工具拉出一个选取框来 就可以将其全部选中了 如图2 1 19所示 4 给树叶上色接下来我们要给这片树叶填上颜色 在工具箱中看到这个 颜色 选项 会出现一个调色板 同时光标变成吸管状 如图所示 图2 1 21调色板 至此 一个树叶图形就绘制好了 2 钢笔工具用 钢笔工具 画直线是非常容易的 将指针定位在舞台上你想要直线开始的地方单击 在想要直线的第一条线段结束的位置再次进行单击 继续单击可以创建其它的直线线段 如果希望就此结束 双击最后一个点 创建曲线的要诀 按下鼠标的同时 向你想要绘制曲线段的方向拖动鼠标 然后将指针放在你想要结束曲线段的地方 按下鼠标按钮 然后朝相反的方向拖动来完成线段 注意 如果觉得这条曲线不满意 我们还可以用部分选取工具来进行调整 实例 练习画一条波浪线为了让大家容易理解 先执行 视图 网格 显示网格 命令 在工作区里出现网格 使我们定点更容易 1 我们在一个网格的顶点上开始按下鼠标 在另一个网格的顶点按下鼠标并拖动鼠标完成一段曲线 如图所示 2 每隔三个网格进行拖放 每次拖放的方向与前次相反 好 一条很有规律的波浪线出现了 可以看到 在画线时鼠标按下的地方出现了一个个节点 使用部分选取工具单击节点 会出现两个手柄 拖动手柄可以改变曲线的形状 按住Alt键拖动手柄 可以不影响另一个手柄 拖动节点可以改变节点的位置 3 铅笔工具 铅笔工具 的颜色 粗细 样式定义和 线条工具 一样 在它的附属选项里有三种模式 伸直模式 在伸直模式下画的线条 它把线条转成接近形状的直线 平滑模式 它把线条转换成接近形状的曲线 墨水模式 不加修饰 完全保持鼠标轨迹的形状 下面是三种模式所画的线条 铅笔工具 的使用很简单 大家自己随意练习 铅笔工具 虽有这三种模式 但是要用它直接绘画 可得看你对鼠标的驯服度了 要是你的鼠标不太听话 最好还是多使用 线条工具 和 钢笔工具 吧 通过以上学习 我们已经知道了利用线条工具可以画出树叶 而利用钢笔工具呢 则可以画出有规律的曲线等等 只要多去实践 熟练运用后我们用这些工具还可以画出更多的图形来 那么 接下来我们要学习的椭圆工具和矩形工具 又可以画出什么样的图形来呢 4 椭圆工具和矩形工具在舞台上拖动 椭圆工具 可以画出椭圆和圆形 拖动 矩形工具 可以让你创建方角或圆角的矩形 在 属性 面板里可以设定填充的颜色及外框笔触的颜色 粗细和样式 和 直线工具 的属性设置一样 现在我们来试试 单击 椭圆工具 在 属性 面板里 将 笔触颜色 改为红色 粗细 为5象素 笔触样式 为圆点 填充颜色 为黄色 在舞台上拖动鼠标 试试用同样的方法画矩形 如何画圆形和正方形呢 注意 按住Shift键拖动时可以将形状限制为圆形和正方形 利用 矩形工具 还可以绘制圆角的矩形 矩形工具 中 圆角矩形 的角度可以这样设定 单击工具栏下边的 圆角矩形半径 按钮 弹出 矩形设置 对话框 在其中的 边角半径 中填入数值 使矩形的边角呈圆弧状 如果值为零 则创建的是方角 实例 画一座房子学习了基本工具的用法 还需要灵活的运用才能制作出好图形来 我们来画一座简单的小房子 体验一下创作的快乐 1 选取 矩形工具 设置 笔触颜色 为黑色 单击 填充色 按钮 会出现颜色选择面板 单击右上角透明色按钮 2 然后画上两个矩形 上面的矩形作房顶 下面的矩形作房身 3 用 箭头工具 双击上面矩形的任一线段 将整个矩形选取 单击 任意变形工具 将光标移至上边直线处 光标变成形状 拖动鼠标 就会将这个矩形斜切成平形四边形 4 用 线条工具 将两图形连接起来 5 用 线条工具 画屋顶的侧面 注意 按住