Flash的绘图工具的使用讲解
第二讲 Flash绘图工具与图形处理
图1 贝赛尔绘图方式之二
图2绘图步骤二
图3 绘制完的曲线
20
例：绘制波浪线
显示网格 绘制波浪线
21
用钢笔工具画直线
a． 选取钢笔工具 b． 在钢笔工具的属性面板里设定其参数，见图
c.在工作舞台上你选取画线的位置点击一下，确定了线段的 第一个点。 d．点击线段的另一个节点，如果按住Shift键，可以强制画 45度或90度的线。 e．结束画线：双击最后一个节点或者是画的封闭的图形也 可以自行结束。
55
单击【填充样式】右侧的下拉按钮，将弹出如图所示 的下拉列表框，其中列出了5种填充样式，可以根据需 要选择合适的填充样式。
56
颜色选择按钮
取消填充色
使填充色和线条色互换
57
颜色选择
（1）颜色样本按钮 弹出颜色样本下拉面板 （2）窗口 颜色样本 或Ctrl+F9 打开颜色样本窗口
（3）线性，放射状填充选择：
16
可以选择以何种方式为图形着色：
标准绘画：刷子所过之处将会覆盖同一图层 中所有的线条和填充色。 颜料填充：在空白区域和图形内部着色，而 保留轮廓线及其他线条不被覆盖。 后面绘画：只能为空白区域着色，线条、轮 廓线及封闭的图形内部将保留原 状态不变。 颜料选择：只能喷涂所选定的填色区域。 可以用选择工具选定一块区域填充。 内部绘画：在笔刷起始点所处区域内部填充 且不会影响到线条，也永远不会影响 到线条以外的部分。如果笔刷起始位 置位于空白区域，则现有的线条和图 形区域将不会受到影响。
33
4．编辑修改图形: 这也是箭头工具常用的操作. 例如一条直线,想使其弯曲,将箭头放到直线的下面,可 以看到在箭头旁边多出一个小弧形的标记,这意味着 你可以改变这条直线.如图所示
Flash绘图工具的使用
绘制线条
设置绘制对象属性
设置线条工具属性
实例1 使用线条工具-2
“实线”样式：“实线”样式是最简单的样式。选择线条工具后，打开 “属性”面板，单击“自定义”按钮，弹出“笔触样式”对话框。在 “类型”下拉列表框中选择“实线”选项，可以对实线粗细进行设置， 在左上角可以预览样式。选中“4倍缩放”复选框后，可以对所做的设 置进行放大预览；选中“锐化转角”复选框后，可以在转角处做锐化处 理，如图3-4所示。 “虚线”样式：在“类型”下拉列表框中选择“虚线”选项后，可以对 虚线的粗细、长短及间距进行设置，如图3-5所示。
在舞台中安装鼠标左键并拖动鼠标，松开鼠标左键后即可绘制出一个多角 星形。按住【Alt】键的同时单击并拖动鼠标，可以中心方式进行绘制；按 住【Shift】键的同时向下或向上拖动鼠标，可将多边形的边处于水平或垂直 方向，如图3-27所示。
设置多角星形工具
绘制正五边形
实例5 多角星形工具-2
1 ．绘制星形
两侧曲率一同调节的锚点：使用部分选
择工具拖动其控制杆上的一个控制点时，另 一个控制点也会随之移动，它可以调节曲线 的曲率，但这种节点一般很难控制。
两侧曲率分别调节的锚点：这种锚点两
侧的控制杆可以分别进行调整，可以灵活地 控制曲线的曲率。
实例5 使用转换锚点工具-2
在钢笔工具的下拉工具列表中选择“转换锚点工具”或按【C】键，即 可调用该工具。使用转换锚点工具可以在三种锚点之间进行相互转换。
确定锚点
绘制图形
实例3 使用钢笔工具绘制曲线段
使用钢笔工具绘制曲线的方法和绘制直线的方法类似，唯一不同的是在 确定线段的锚点时需按下鼠标左键并拖动，而不是简单地单击，如图3-46 所示。
若在绘制曲线的过程中想要绘制直线，只需将鼠标指针移至最近的一个 锚点处，当指针变为形状时单击鼠标左键，然后拖动鼠标在舞台的其他位
flas制作教程
一、初识Flash
⑷ 椭圆工具（Oval Tools）和矩形工具 （Rectangle Tools）。
绘制椭圆或矩形。配合Shift键，可绘制圆 或正方形。
⑸ 笔刷工具（Brush Tool）。 填充工作区中任意区域的颜色。
按钮或Insert/Scene；
删除
按钮或 Ctrl+按钮（无确认框）；
复制
按钮，新场景名后有一copy；
改名 双击场景名；
查看 单击场景名或View/Goto/…。
2.4 场景(Scene)应用
2. 调整场景的显示
放大或缩小
单击工具箱View区中的 按钮；
选择工具箱Options区中的 或 按钮 Alt+单击反相操作。
3. 符号和实例
新建一个符号 Insert/New Symbol命令。
或 Ctrl+F8
创建新符号
用箭头工具选择场景中的元素 →Insert/Convert to Symbol→输入名称→选择 类型→单击OK。
创建空符号
Insert/New Symbol→输入名称→选择类型→ 单击OK →进入符号编辑模式。
渐变动画区分为“移动渐变”（motion tween） 和“形状渐变”（shape tween）；
移动渐变动画 首末帧间是淡蓝色的背景； 形状渐变动画 首末帧间是淡绿色的背景；
渐变有问题用虚线表示。
2. 帧、图层和场景
动画电影的组成层次可分为：
动画电影（movie）→场景（scene）→帧
（frame） 。
它与铅笔工具不同，笔刷工具画出的是填 充区，而铅笔工具则是线条。
第2章 FLASH8绘图工具的使用
钢笔工具
使用钢笔工具可以绘制精确的路径，如直线或者平滑流畅的曲线。 操作方法： 1．在工具栏中单击选取钢笔工具 2．打开属性面板,选择线条颜色、宽度、线条类型、填充色 3. 在绘图区域单击鼠标绘制出开始点 4. 移动鼠标到下一个目标点的位置，单击鼠标就可绘制出从开始点到目标点的一条直线； 按下鼠标拖动，将在起始点和目标点之间线条变成曲线， 5. 结束开放路径：双击最后一个定位点、单击工具箱中的钢笔工具或按住Ctrl键在工作 区中任意位置单击 关闭路径：可以将钢笔工具放置在第一个定位点上面，此时在钢笔图标旁边出现一
2.4 钢笔工具
2.5 笔刷工具 2.6 颜料桶工具 2.7 墨水瓶工具 2.8 吸管工具 2.9 文字工具 2.10 橡皮工具
铅笔工具
使用铅笔工具可以像使用真实铅笔大致相同的方式性面板 设置笔触颜色、线条粗细和 样式
3．在工具箱选项下面选择一种绘画的方式:
键
，输入一个角半径值指定圆角。
4. 在舞台上拖动鼠标，在拖动时按住上下箭头键可以调整圆角 半径；按住Shift键可画出正方形
多边形和星形
多角星形工具用于绘制多边形和星形。使用者可以选择多边形与星形的边数以及星形的角度 绘制多边形与星形方法：
1. 在矩形工具上单击并按住鼠标按钮，然后拖动以从弹出菜单中选择多边星形工具
第2章 绘图工具的使用
本章教学目标
绘图是制作动画的基础,熟练掌握Flash的绘图方法与技 巧才能制作出精彩的Flash动画,本章主要学习Flash 中
绘图工具的功能、使用方法以及如何利用这些工具进
行基本图形的绘制。
本章主要内容
2.1.铅笔与直线工具 2.2 椭圆与矩形工具 2.3 多边形与星形工具
· 内部绘画： 如果起始点在图形内部，只在其内部涂改；若起始点在空白区域，则只能在空白区涂改
02_flash培训_工具箱的操作及绘图基础
第二讲工具箱的操作及绘图基础一、工具箱常用工具介绍1、绘图工具2、颜色工具3、查看工具4、工具选项二、绘图练习：掌握各种工具的使用方法。
注意了解各工具的选项及属性设置。
（1）练习使用选择工具选择图形、移动图形、拖动图形边线改变图形。
练习：画出右边的图形：（2）练习使用套索工具，选取图形（注意其工具选项中的“魔术棒”及“魔术棒设置”以及“多边形模式”的使用。
可以通过导入位图打散后练习。
）练习：将舞台背景颜色设为#0099FF，导入素材中的“蝴蝶.jpg”，单击“修改——分离”，或者按Ctrl+B 打散图片，试着用套索工具中的“魔术棒”去除图片中的白色背景。
范例演示：蝴蝶飞.fla（该范例的制作方法暂时不必掌握）（3）用任意变形工具改变图形（注意任意变形工具的各种选项）。
（4）练习绘制直线、正多边形、矩形和圆角矩形、多角星（注意属性面板中的“选项”）。
练习画出下面图形：（5）练习使用铅笔工具和钢笔工具、刷子工具绘图。
（6）练习使用墨水瓶工具和颜料桶工具。
初步掌握使用颜色面板组给图形添加颜色的方法。
墨水瓶工具常用来给图形添加边线色。
颜料桶工具可以给图形添加填充色。
练习使用纯色、线性、放射状、位图四种方式给图形添加颜色。
学会自己定义混色器颜色、使用16进制颜色代码设置颜色、使用RGB值设置颜色、调整颜色的Alpha值。
请进行如下练习：1、画一个圆环，把图形填充色的RGB值分别为90、200、150。
2、画一个图形。
把图形填充色设为16进制颜色值# FF6699。
并把颜色的透明度设为60%。
3、画出下面的图形（边线色为线性渐变色）：4、画出下面的图形1，使用渐变变形工具，把填充色变为图形2。
体会渐变变形工具的使用方法。
5、画一个图形，再从颜色面板中导入一个位图，使用位图给图形作填充色。
并使用渐变变形工具将图形设置为如下效果，学会渐变变形工具的使用方法以及用位图给图形填色的方法。
6、禁用边线色，画一个正圆。
实验四 Flash中绘图工具的使用
实验四 Flash中绘图工具的使用实验目的1．熟练掌握绘图工具箱中各工具的使用方法。
2．掌握色彩编辑窗口的使用方法。
3．学会对图形进行简单的编辑。
实验学时4学时实验原理Flash提供了各种工具来绘制自由形状或准确的线条、形状和路径，并可用来对填充对象涂色。
1．选取工具Flash中的选取工具（黑色箭头）和Photoshop等程序中的选取工具是一样的，可以对动画中的元素进行选中，拖曳，改变尺寸等操作。
选取工具有一项特殊功能，就是可以改变对象的造型。
将鼠标指针移到对象的边缘，鼠标指针变为如屏幕所示的形状后，按住鼠标左键不放进行拖曳，即可改变对象的造型。
同时选取工具中有以下选项：（1）吸引按钮点取该按钮将打开自动捕捉特性，即在绘图和移动对象时，自动和最近的网格点或对象的中心重合,该功能便于准确定位图形元素。
（2）平滑按钮在选中一条线段时点取该按钮，能自动平滑这段线条。
（3）自动修直按钮在选中一条线段时点取该按钮，能对这条线段自动修直，效果有时和自动平滑差不多，但多选取几次后，将会把任何曲线变成一条或几条直线。
2．部分选取工具按钮部分选取工具与选取工具类似，可以对动画中的元素进行选中，拖曳，但不能将对象进行旋转变行等操作。
如果选中图形对象后，会在其上方出现一些小方块，通过它可以修改图形对象的外观。
3．直线工具单击直线按钮之后，可用来绘制直线。
如果在绘制作过程中按住Shift键不放，可绘制一条笔直的直线。
如果想改变线条的属性，可在属性面板中设置：单击线条样式下拉按钮，选择线条样式；单击线条粗细下拉按钮，可调节线条粗细；单击线条颜色按钮，可从弹出的色盘中选择想要的颜色。
4．文本工具文本工具用于创建和编辑文字对象。
选中该工具后，光标变成形状，在当前层的空白处单击即产生一个文字框，可以在其中输入文字。
如果在已有的文字对象上单击，则激活该文字对象以便编辑。
5．椭圆工具单击工具箱中的椭圆工具之后，可用来绘制椭圆，如果在绘制作过程中按住Shift键不放，可绘制正圆。
《绘图工具》PPT课件
2.2.2 案例解释 ❖步骤：
▪ (1)运行Flash CS4，选择“文件”|“新建” 命令，在“新建文件”对话框的“常规”选项 卡中选择“Flash文档(ActionScript3.0)”选 项，再单击“确定”按钮即可打开新文件。
▪ (2)在属性面板中，单击“编辑”按钮，将舞台 大小设置为550×400像素，通过“舞台”选 项可以将舞台的颜色设置为蓝色（#000099）。
②用“选择工具”指向线段，当指针下方出现弧形时，可 拖曳出弧线。
Flash
❖ 步骤：
2.3.2案例解析
▪ (4)绘制绿叶
①单击“椭圆工具”按钮，设置笔触颜色为绿色，填充颜 色为绿色。按住鼠标不放，在舞台上绘制出一个椭圆。
②单击“选择工具”按钮，将鼠标移动到椭圆的右顶端， 当鼠标后面跟了一个弧形时，将鼠标往外拉，拉的过程 中同时按下Ctrl键，拉出来的角度比较尖锐。
Flash
2.3.2案例解析
❖步骤：
▪(2)绘制花瓣
④选择“任意变形工具”按钮，将线性渐变的中心 点调整到花瓣的下端位置。
Flash
2.3.2案例解析
❖ 步骤：
▪ (2)绘制花瓣
⑤单击“窗口”|“变形”选项，调出变形面板，设置 旋转角度为30度，再单击“重置选区和变形”按钮 多次，得出如图所示的花瓣。
▪ “基本椭圆工具”和“椭圆工具”的区别在于：
• 如果选择“基本椭圆工具”，绘制椭圆形状后， 还可以修改相关属性。
• 如果选择 “椭圆工具”，绘制椭圆形状前就必 须设置相关属性。
Flash
2.3 绘制花朵
❖ 2.3.1 相关知识点
▪ “颜料桶工具”的使用 ▪ “任意变形工具”的使用 ▪ “渐变变形工具”的使用 ▪ “线条工具”的使用 ▪ “铅笔工具”的使用
春暖花开——flash绘图工具的使用
春暖花开——Flash绘图工具的使用任课教师任课班级上课时间应到人数53 实到人数53课题春暖花开——Flash绘图工具的使用教学方法教学法：场景模拟教学、项目教学、任务驱动教学目标：1、掌握绘图基础知识；2、掌握选择工具的使用；3、掌握线条工具、椭圆工具、矩形工具和刷子工具的使用；4、掌握图形修饰工具和查看工具的使用。
教学重点：绘图工具的使用和图形修饰工具的使用教学难点：选择工具的使用教学环境构建：2号机房，教师机1台；学生机53台，计算机主操作系统为Windows XP，Flash软件，广播教学软件等。
场景创设：我校1号机房物理机操作系统为Win XP,教师运用广播教学软件展示春暖花开（杜鹃花）及广告标志，鼓励学生自己动手设计也能制作出自己喜欢的漂亮自绘花朵，调动学生的好胜心理，从而激发学生学习的兴趣。
设疑：1）、春暖花开动画里包括了哪些知识？2）、制作动画的内容用哪些工具、命令来制作完成？（选择工具，直线工具，滴管工具、形状工具、填充工具、任意变形工具等）3）、制作过程中，难点在哪里？学习引导：春天到了，同学们画出春天里自己喜欢的自绘花朵，同学们如何设计呢？那就是我们要灵活应用工具箱中工具，完成对花草树木绘制及颜色设置等。
布置分组完成知识学习任务：每5名同学一个小组，每组以组员的名字，小组合作，绘制自绘花朵的学生拟定简易的策划方案。
附后布置实训操作任务：按照老师的提示和讲解，完成春暖花开绘制。
作品成果展示：1）由组长在讲台上展示本组的作品。
2）介绍作品的创新点、设计制作过程中的收获。
3）小组互评打分。
评定表如下：序号组名学生互评名次评语整体效果、创意效果、色彩搭配，团队协作（满分10分）第一组第二组第三组................点评学生作品，归纳总结操作方法与步骤：学生们学习热情很高，对所讲知识内容，尤其是操作过程及步骤都掌握得比较快，绝大部分同学完成得很好。
课堂小结：知识小结：选择工具、直线工具、滴管工具、笔刷工具的灵活运用、色彩的搭配。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
绘制扇形、弧线、带有空心圆的椭圆和扇形
选择“矩形工具”后，若在“属性”面板中设置了“矩形边角 半径”的数值，则可以绘制圆角矩形。
绘制圆角矩形
选择“多角星形工具”，单击“属 性”面板中的“选项”按钮，可在 打开的“工具设置”对话框的“样 式”下拉列表中选择绘制星形或多 边形，在“边数”编辑框中设置星 形的角数或多边形的边数，在“星 形顶点大小”编辑框中设置星形的 顶点大小 。
设置绘图模式及绘图效果
3．使用“钢笔工具”
“钢笔工具”的使用方法可参考以下操作。
1.选择“钢笔工具” 后在“属 性”面板中设置线条颜色、粗 细和样式 ，然后将光标移动到 舞台上的适当位置并单击，确 定起始锚点，然后将光标移动 到舞台的另一处，单击创建第 二个锚点，此时在起始锚点和 第二个锚点之间会出现一条直 线段 。 创建直线锚点
（二）绘制图形
1．使用线条工具和几何工具
利用Flash CS5提供的“线条工具”可以绘制任意角度的 直线线条；利用“矩形工具”、“椭圆工具”、“多角星形 工具”、“基本矩形工具”和“基本椭圆工具”等可以绘制 常见的几何图形。
绘制规则图形
这些绘图工具的使用都很简单，只需在工具箱中选择相应 的工具，并在属性面板中设置好笔触（轮廓线）颜色、填充颜 色（线条无需设置）、笔触高度和笔触样式等属性后，在舞台 中按住鼠标左键不放并拖动，至合适大小后释放鼠标即可绘制 出相应的图形。
调整线段端点位置
3.将光标移动到线段上，然后在按 住【Ctrl】键的同时按住鼠标左键 不放并向任意方向拖动，此时光 标呈 形状，表示已在线段中间 添加了一个节点，将线段分为了 两条线段 。 在线段上添加节点
2．使用“部分选取工具”
“部分选取工具”的使用方法如下。
1.在工具箱中单击选中“部分选取工具”，或按 快捷键【A】，然后将光标移到用其他工具绘制 的图形上并单击，在图形上会显示锚点 。
放大后的位图
矢量图主要是用诸如Flash、Illustrator、CorelDRAW等 矢量绘图软件绘制得到的。矢量图形记录的是图形的几何形 状、线条粗细和色彩等，具有占用存储空间小、无论放大还 是缩小都依然清晰的优点。
放大后的矢量图形
在Flash中绘制的图形属于矢量图形，它是Flash动画的 最主要组成元素，由轮廓线和填充两部分组成，也可以只 有轮廓线没有填充，或只有填充没有轮廓线。
“工具设置”对话框
选择绘图工具后，默认情况下绘制的是分散的矢量图形，该方 式下可方便地对图形进行形状调整；若按下工具箱底部的“对 象绘制”按钮，绘制的图形将作为一个整体存在，通常我们保 持默认设置（不按下该按钮）。此外，若按下“贴紧至对象” 按钮，则绘制的图形会自动贴紧离自己最近的对象。
工具箱选项区和启用对象绘制模式前后的效果
绘制椭圆的过程
在绘图过程中有一些需要说明的技巧和事项如下。
选择相应的绘图工具后，若按住【Shift】键在舞台中拖动鼠标， 可绘制与水平方向呈45°增量角的直线，或正方形、正圆和正 多边形等；若按住【Alt】键，可以以鼠标单击位置为中心绘制 图形。 选择“椭圆工具”后，若在“属性”面板中的“起始角度”和 “结束角度”编辑框中输入起始角度和结束角度，可以绘制扇 形；如果取消勾选“闭合路径”复选框，则可以绘制弧线；若 在“内径”对话框中输入正值，并勾选“闭合路径”选项，则 可以绘制空心椭圆或空心扇形，若单击该按钮取消链接，则可 分别设置每个圆角的值。
（三）调整图形形状
1．使用“选择工具”
使用“选择工具”调整图形形状的方法如下。
1.在舞台中绘制一条直线，然后单击选中 工具箱中的“选择工具”，或者按快捷键 【V】，将光标移动到直线上方，当光标 呈 形状时，按住鼠标左键不放并拖动， 可调整线条弧度 。
调整线段弧度
2.将光标移动到线段的端点位置，当光 标呈 形状时，按住鼠标左键不放并 拖动，可改变线段的端点位置 。
自动贴紧至对象
2．使用“铅笔工具”
“铅笔工具”的使用方法可参考以下操作。
1.单击工具箱选 项区的“铅笔模 式”按钮，可在 打开的下拉菜单 中选择绘图模式， 本例选择“平滑” 模式 。 2.设置好“铅笔工具”的属性 并选择绘图模式后，将光标移 动到舞台中，按住鼠标左键不 放并拖动，松开鼠标后，便会 沿拖动轨迹生成线条 。
2.若将光标移动到另一位置，然后按住鼠 标左键并拖动，可拖出一个调节杆，继续 按住鼠标向任意方向拖动调节杆，可调整 曲线弧度，对曲线弧度满意后，释放鼠标 左键即可创建一个曲线锚点 。
创建曲线锚点 3.将光标移动到起始锚点处，当光 标呈 形状时单击即可创建封闭图 形并结束绘制。因为上一个锚点是 曲线锚点，因此此处生成的是曲线， 而不是直线 。 创建封闭图形 4.若希望在不封闭图形的情况下结束绘制，可在工具箱中选择除钢笔工 具组中工具和 “部分选取工具”以外的填充组成
由轮廓线组成
2．Flash中绘制图形的常见思路
在Flash中绘制图形的常见流程如下。
（1）想好所要绘制的图形形状，或者使用笔在纸上绘制出图 形的草图。 （2）使用“线条工具”、“铅笔工具”、“钢笔工具”、 “椭圆工具”、“矩形工具”等绘制出图形的大致轮廓线。 （3）使用“选择工具”或“部分选取工具”等调整轮廓线形 状。 （4）使用“颜料桶工具”为图形的不同区域上色。 （5）再次对图形的细微处进行调整。
单击显示锚点
2.使用“部分选取工 具”在图形上单击选 取要移动的锚点，然 后按住鼠标左键并拖 动可移动锚点位置 。 移动锚点
项目二 绘制与填充图形
理论指导
任务实践
理论指导
Flash绘图基本知识
绘制图形 调整图形形状 设置图形填充和轮廓 绘制填充、粒子和Deco图案
（一）Flash绘图基本知识
1．位图和矢量图形
位图也称为图像，是由许多 色块组成的，每个色块就是一个 像素，每个像素只显示一种颜色， 是构成位图的最小单位。在放大 图像时，每个像素都会同步被放 大，因此会造成失真现象。我们 在放大位图后看到的一个个马赛 克，就是放大后的像素点