Flash绘图基础

《Flash绘图基础》由会员分享，可在线阅读，更多相关《Flash绘图基础（19页珍藏版）》请在金锄头文库上搜索。

1、云 南 机 电 职 业 技 术 学 院 教 案- 1 -第第 2 章章 Flash 绘图基础绘图基础本章教学目标本章教学目标本章主要介绍了矢量图的概念，以及 Flash 的图形绘制功能。通过结这一章的学习，读者可以了解到矢量图的特点，并掌握 Flash中各种图形绘制的基本使用方法，以及综合利用各种绘图工具创建复杂图形的技巧。本章教学要点本章教学要点矢量图的特点Flash 绘图工具的使用方法各种绘图工具的相关属性设置复杂图形的绘制技巧本章教学内容及过程本章教学内容及过程2.1 位图与矢量图位图与矢量图位图与矢量图位图图像矢量图形2.1.1 位图图像位图图像1 概念位图图像是由像素构成的。像素的多

2、少将决定位图图像的显示质量和文件大小。位图图像的分辨率越高，显示越清晰，文件所占的空间也就越大。云 南 机 电 职 业 技 术 学 院 教 案- 2 -2 变形效果对比位图放大了 3 倍前后的效果对比2.1.2 矢量图形矢量图形1 概念矢量图形实际上是用数学方法来描述一幅图，然后变成许多的数学表达式，再编程，用计算机语言来表达。Flash 动画是矢量图形的一种典型应用。矢量图的清晰度与分辨率的大小无关。对矢量图进行缩放时，图形仍保持原有的清晰度和光滑度，不会发生任何偏差。 2 变形效果对比矢量图放大了 3 倍前后的效果对比云 南 机 电 职 业 技 术 学 院 教 案- 3 -3 常用的矢量绘

3、图软件FlashCorel 公司的 CorelDRAW 软件Macromedia 公司的 Freehand 软件Adobe 公司的 Illustrator 软件2.2 基本绘图工具的使用基本绘图工具的使用绘制的线条与修改任意变形工具铅笔工具刷子工具钢笔工具和部分选取工具椭圆工具和矩形工具2.2.1 绘制的线条与修改绘制的线条与修改1 绘制线条单击【工具】面板中【线条工具】 。移动鼠标到舞台上，接着按住鼠标并拖动，最后松开鼠标。云 南 机 电 职 业 技 术 学 院 教 案- 4 -线条绘制完成。2 修改线条的属性打开【属性】面板，可以定义直线的颜色、粗细和样式。不同笔触样式的线条2 滴管与墨水

4、瓶工具用【滴管工具】单击直线， 【属性】面板显示的就是该直线的属性。此时所选工具自动变成了【墨水瓶工具】 。使用【墨水瓶工具】单击其他样式的线条，所单击线条的属性都变成了当前在【属性】面板中所设置的属性了。3 操作技巧【滴管工具】和【墨水瓶工具】可以很快地将一条直线的颜色样式套用到别的线条上。4 选择工具用【选择工具】可以选择、移动或改变对象的形状。选择【选择工具】 ，然后移动鼠标到直线的端点处，指针右下角变成直角状时，拖动鼠标就可以改变线条的方向和长短。云 南 机 电 职 业 技 术 学 院 教 案- 5 -5 选择工具将鼠标指针移动到线条上，指针右下角会变成弧线状。拖动鼠标，可以将直线变成

5、曲线。2.2.2 任意变形工具任意变形工具1 用途使用【任意变形工具】可以实现以下功能： 缩放 旋转 压缩 伸展 倾斜2 操作方法首先确认当前只有一个对象处于选取状态，否则将不能进行任意变形操作。选中对象后，单击【任意变形工具】 ，选取的对象将出现一个带有 8 个端点和 1 个中心点的控制点。云 南 机 电 职 业 技 术 学 院 教 案- 6 -3 各种选项工具面板中的 5 个选项： 【贴紧至对象】 【旋转与倾斜】 【缩放】 【扭曲】 【封套】温馨提示可以应用扭曲和封套选项的对象： 图形，利用钢笔、铅笔、线条、刷子工具绘制的对象和分解组件后的文字。不可以应用扭曲和封套选项的对象： 群组、元件

6、、位图、影片对象、文本、声音。云 南 机 电 职 业 技 术 学 院 教 案- 7 -2.2.3 铅笔工具铅笔工具1 铅笔工具【铅笔工具】的颜色、粗细、样式定义和【线条工具】一样。它的附属选项里有 3 种模式： 【伸直】模式 【平滑】模式 【墨水】模式2 绘制效果3 种模式所画的不同的线条效果2.2.4 刷子工具刷子工具1 用途【刷子工具】可以绘制出像毛笔作画的效果。也常被用于给对象着色。注意： 刷子工具绘制出的是填充区域，它不具有边线，而具有封闭线条的区域则可以使用【颜料桶工具】着色。云 南 机 电 职 业 技 术 学 院 教 案- 8 -2 相关选项单击【刷子工具】后，工具箱下边就会显示出

7、它的相关选项。可以设置的内容： 画笔的大小 画笔的样式 笔刷模式等3 刷子模式单击【刷子模式】按钮后，共有 5 个选项： 标准绘图 颜色填充 后面绘画 颜料选择 内部绘画云 南 机 电 职 业 技 术 学 院 教 案- 9 -4 锁定填充锁定填充只对渐变填充或位图填充起作用。当使用滴管工具从场景中获得填充物或渐变色时，笔刷的锁定功能会自动启用。选定锁定功能，工作区是一个完整的渐变。未选定锁定功能，使用刷子工具绘制的图形的填充效果和选择的渐变填充样式相对应。2.2.5 钢笔工具和部分选取工具钢笔工具和部分选取工具1 钢笔工具创建曲线的要诀：在按下鼠标的同时向想要绘制曲线段的方向拖动鼠标。然后将指

8、针放在想要结束曲线段的地方，按下鼠标，朝相反的方向拖动来完成线段。例：绘制波浪线显示网格云 南 机 电 职 业 技 术 学 院 教 案- 10 -绘制波浪线2 部分选取工具如果绘制的曲线效果不满意，可以使用部分选取工具来修改。选取节点 调节曲线形状2.2.6 椭圆工具和矩形工具椭圆工具和矩形工具在工具箱中选择【椭圆工具】 ，将鼠标移动到场景中，拖动鼠标可绘制出椭圆或圆形。选择【矩形工具】 ，在场景中拖动鼠标可绘制出方角或圆角的矩形。在【属性】面板中可以设定填充的颜色及外框笔触的颜色、粗细和样式。例：使用椭圆和矩形工具云 南 机 电 职 业 技 术 学 院 教 案- 11 -2.3 上机实训上机

9、实训绘制小屋绘制小屋绘制小屋步骤一选择【矩形工具】 ，设置【笔触颜色】为黑色，设置填充色为无。绘制出两个矩形，上面的矩形为房顶，下面的矩形为房身。云 南 机 电 职 业 技 术 学 院 教 案- 12 -步骤二使用【任意变形工具】 ，将矩形的上边修改成平形四边形。步骤三 用【线条工具】将两图形连接起来。步骤四 用【线条工具】画屋顶的侧面。注意，按住 Shift 键拖动可以将线条限制在 45的倍数方向。步骤五 画出门的形状。云 南 机 电 职 业 技 术 学 院 教 案- 13 -步骤六 绘制窗户 画一圆形，删除靠下的大半个圆。 紧接着弧线画一长方形。 可以使用【缩放工具】将画面放大。步骤七 增

10、加直线，形成窗格。选中窗户，在【属性】面板中将颜色改为浅蓝色，并加粗。步骤八 将画好的房子填充颜色，并去除多余的轮廓线。云 南 机 电 职 业 技 术 学 院 教 案- 14 -2.4 其他绘图工具的使用其他绘图工具的使用填充变形工具套索工具橡皮擦工具2.4.1 填充变形工具填充变形工具【填充变形工具】是应用渐变效果。渐变是由某种颜色过渡到另外一种颜色的变化过程。它分为两种： 线性渐变，指颜色的变化是按照直线进行的； 放射状渐变，颜色是以圆形的方式，从圆心向周围进行的变化。例：绘制按钮图形绘制一个空心圆渐变填充设置高光修改填充变形云 南 机 电 职 业 技 术 学 院 教 案- 15 -2.4

11、.2 套索工具套索工具【套索工具】用于选择图形中不规则形状区域。被选定的区域可以作为一个单独的对象进行移动、旋转或变形。选择【套索工具】后，在【选项】中出现【魔术棒】 、 【魔术棒属性】和【多边形模式】三种模式。例：用魔术棒选择导入图像分离位图使用魔术棒选择2.4.3 橡皮擦工具橡皮擦工具1 用途 使用【橡皮擦工具】擦除不需要的部分。云 南 机 电 职 业 技 术 学 院 教 案- 16 -选择【橡皮擦工具】后，在工作区的选项区显示橡皮擦的选项： 擦除模式 橡皮擦形状 水龙头2 各种相关选项 选择【橡皮擦工具】 ，单击擦除模式按钮，在弹出的菜单中有5 个选项： 标准擦除 擦除填色 擦除线条 擦

12、除所选填充 内部擦除2.5 上机实训上机实训绘制盆景绘制盆景绘制仿古的木质花盆绘制花绘制泥土2.5.1 绘制仿古的木质花盆绘制仿古的木质花盆云 南 机 电 职 业 技 术 学 院 教 案- 17 -步骤 一 新建一个名为“花盆外侧”的图形元件。绘制一个矩形修改矩形的形状步骤 二 填充颜色绘制木板的接缝处用刷子工具制作一些纹路步骤 三 新建一个名为”花盆内侧“的图形元件绘制形状，并填充颜色调节”花盆内侧“和”花盆外侧“元件的相对位置及大小云 南 机 电 职 业 技 术 学 院 教 案- 18 -2.5.2 绘制花绘制花绘制方法 新建一个名为“花”的图形元件绘制花的轮廓填充颜色2.5.3 绘制泥土

13、绘制泥土绘制过程 新建一个图层，将花放入该图层调节好花的位置和图层上下关系绘制泥土调节各元件之间的相对位置擦除遮挡花梗部分泥土云 南 机 电 职 业 技 术 学 院 教 案- 19 -2.6 习题与上机操作习题与上机操作选择题（1）下面软件中， （ ）不是矢量图绘制软件。 ACorelDRAW BFreehand CIllustrator DPhotoshop（2）在 Flash 中，可以从工具箱里选取的图形绘制工具没有（ ） 。 A直线工具 B椭圆工具 C矩形工具 D三角形工具（3）在 Flash 中， 【选择工具】的作用有（ ） 。 A选择对象 B填充颜色 C移动对象 D改变线条的形状（4）在 Flash 中，新建新元件的快捷键是（ ） 。 ACtrl+F8 BCtrl+F1 CCtrl+F2 DCtrl+F3上机操作云 南 机 电 职 业 技 术 学 院 教 案- 20 -使用工具绘制如下图所示的两个简单图像。