Flash绘图方法和技巧
Flash CS3 Flash绘制图形技巧

Flash CS3 Flash绘制图形技巧在Flash中,使用绘图工具绘制的图形为矢量图形,它们主要由填充颜色的色块和有多个点构成的图形轮廓或曲线两部分组成。
矢量图形具有独立地分辨率,即使加倍地放大图形也不会降低图形的质量。
如图2-3所示。
轮廓线填充色块图2-3 创建的矢量图形在Flash中绘制图形,主要有两种方式:合并绘制图形和对象绘制图形。
通过这两种方式的绘图,为用户绘图图形提供了极大地灵活性。
下面我们就来介绍一下这两种绘图方式的区别。
合并绘制图形默认情况下,在Flash的同一图层上,重叠进行绘图、填充颜色,所绘图的图形对象会自动合并,以及对图形进行编辑,会影响到同一层的其他形状。
例如,绘图一个圆形,并在其上叠加一个较小的圆形,然后选择第二个圆形并进行移动,则会删除第一个圆形中与第二个圆形重叠的部分。
如图2-4所示。
图2-4 移动圆形后删除对象的效果使用该方式绘图图形时,可以将多个图形绘制成独立地对象,这些对象在叠加时不会自动合并,这样在分离或重新排列图形外观时,可以使图形重叠但不改变其外观;而且,Flash 可以对每个图形对象分别进行处理。
要使用这种绘图方式,需要在启用绘图工具之后,在工具箱的选项区中单击【对象绘制】按钮,同时,对于绘制的图形来讲,Flash 会在该图形周围添加矩形边框,如图2-5所示。
部分,那么重叠部分将具有后绘制图形的颜色,并且不再属于之前绘制图形对象。
绘图圆形移动圆形绘制对象移动对象图2-5 使用对象绘制方式创建的图形用户可以将“合并绘制”方式绘制的图形转化为“对象绘制”方式下的图形对象,即选择“合并绘制”方式创建的图形对象,然后执行【修改】|【合并对象】|【联合】命令,所选图形即可被转化。
转换后的形状,被视为基于矢量的绘制对象,与其他对象叠加时不会改变外观,如图2-6所示。
图2-6 转换图形对象后的效果在合并绘制图形方式下,当使用铅笔、钢笔、线条、椭圆、矩形或刷子工具,绘制一条与另一条直线或已涂色形状交叉的直线时,重叠直线会在交叉点处分成线段,此时可以使用选择工具分别选择、移动每条线段,并可以改变其形状,如图2-7所示。
Flash绘图工具的使用

绘制线条
设置绘制对象属性
设置线条工具属性
实例1 使用线条工具-2
“实线”样式:“实线”样式是最简单的样式。选择线条工具后,打开 “属性”面板,单击“自定义”按钮,弹出“笔触样式”对话框。在 “类型”下拉列表框中选择“实线”选项,可以对实线粗细进行设置, 在左上角可以预览样式。选中“4倍缩放”复选框后,可以对所做的设 置进行放大预览;选中“锐化转角”复选框后,可以在转角处做锐化处 理,如图3-4所示。 “虚线”样式:在“类型”下拉列表框中选择“虚线”选项后,可以对 虚线的粗细、长短及间距进行设置,如图3-5所示。
在舞台中安装鼠标左键并拖动鼠标,松开鼠标左键后即可绘制出一个多角 星形。按住【Alt】键的同时单击并拖动鼠标,可以中心方式进行绘制;按 住【Shift】键的同时向下或向上拖动鼠标,可将多边形的边处于水平或垂直 方向,如图3-27所示。
设置多角星形工具
绘制正五边形
实例5 多角星形工具-2
1 .绘制星形
两侧曲率一同调节的锚点:使用部分选
择工具拖动其控制杆上的一个控制点时,另 一个控制点也会随之移动,它可以调节曲线 的曲率,但这种节点一般很难控制。
两侧曲率分别调节的锚点:这种锚点两
侧的控制杆可以分别进行调整,可以灵活地 控制曲线的曲率。
实例5 使用转换锚点工具-2
在钢笔工具的下拉工具列表中选择“转换锚点工具”或按【C】键,即 可调用该工具。使用转换锚点工具可以在三种锚点之间进行相互转换。
确定锚点
绘制图形
实例3 使用钢笔工具绘制曲线段
使用钢笔工具绘制曲线的方法和绘制直线的方法类似,唯一不同的是在 确定线段的锚点时需按下鼠标左键并拖动,而不是简单地单击,如图3-46 所示。
若在绘制曲线的过程中想要绘制直线,只需将鼠标指针移至最近的一个 锚点处,当指针变为形状时单击鼠标左键,然后拖动鼠标在舞台的其他位
在flash中绘制图形

在Flash中绘制图形在Flash中,使用绘图工具可以轻松地创建各种图形,包括线条、矩形、椭圆、圆角矩形、多边形和曲线等。
通过使用绘图工具,您可以创建各种图形效果,例如描边、填充、阴影、透明度和渐变等。
绘制线条线条是大多数Flash项目中最基本的元素,因为它们可以形成形状、对象和视觉元素。
使用绘图工具创建线条非常简单:在工具栏中单击直线工具,然后在舞台上单击并拖动以绘制线条。
您还可以更改线条的颜色、粗细、类型和样式。
例如,您可以使用虚线、点线、点交线或任何自定义样式。
在属性面板中的线段颜色和线段尖头下拉列表中,您可以选择线段颜色和线段尖头的不同组合。
绘制基本形状除了线条之外,您还可以使用Flash的绘图工具绘制各种形状。
这包括矩形、椭圆、圆角矩形和多边形等。
使用这些基本图形可以轻松创建各种视觉元素,例如按钮、图标、元素等。
单击相应的绘图工具,然后在舞台上单击并拖动以创建形状。
使用属性面板可以轻松更改形状的颜色、轮廓、阴影和透明度等属性。
绘制高级形状除了基本形状之外,Flash还提供了一些高级形状绘制工具,例如画笔、铅笔和曲线等。
这些工具允许您自由绘制形状,而不必依赖预定义的形状。
使用这些工具时,您可以选择绘图的颜色、大小和样式等。
Flash还允许您在绘图时添加描边、填充、阴影和渐变等效果。
绘制位图除了矢量图形之外,Flash还支持位图。
使用位图绘图工具可以创建由像素组成的图像,这些像素可以大大增强图像的清晰度和细节。
此外,位图还具有各种过滤器和效果,如模糊、变形、发光和描边等。
使用位图绘图工具时,您可以选择图像的大小、颜色深度和分辨率等选项。
然后,在绘制时,您可以使用绘图工具像素一点点地创建图像,直到完成您想要的图像为止。
在Flash中,使用绘图工具可以创建各种基本和高级图形,包括线条、矩形、椭圆、圆角矩形、多边形和曲线等。
此外,使用位图绘图工具可以创建由像素组成的图像,这些像素可以大大增强图像的清晰度和细节。
Flash绘图

图8
图9
16
▪ 再用选择工具调整叶子的两侧,如图10:
▪ 点击“直线工具”,选择一种较为浅一点的绿色,绘 制叶子的脉络,这样一片叶子就绘制好了,如图11:
▪ 按住Alt键,拖动绿色,复制绿叶,然后用任意变形工 具调整叶子的大小,最后将花朵与绿叶合成,如图 12
图10
图11
17
图12
知识点的总结和强调 ❖ 颜料桶工具
▪ 1、选中扇页,用“任意变形工具”调整扇页的中心点, 如图8所示:
▪ 2、通过“窗口”、“变形”打开变形面板,设置旋转 读数为,点击变形面板当中的复制并应用变形多次, 得到如图9所示:
35
知识点的强调
❖ 滤镜面板
▪ 滤镜是Flash8新增功能,从而大大增强了其设计方面的 能力。这项新特性对制作Flash动画产生了便利和巨大 影响。默认情况下,【滤镜】面板和【属性】面板、 【参数】面板组成一个面板组。
❖要点提示
▪ 椭圆工具 ▪ 选择工具 ▪ 绘制模式
6
绘制月亮的步骤
1. 运行Flash 8,新建一个文档。 2. 选择“椭圆工具”,设置笔触颜色为空,填充颜色为红
色。按住shift键,在舞台上绘制出一个圆,如图1: 3. 点击“选择工具”,按下Alt键,拖动舞台上的圆,复制
一个圆形。如图2: 4. 点击delete键,删除后面的圆,得到月亮。
• 图形的填充色
– 纯色 – 线性渐变 – 放射状渐变 – 位图
26
❖ 直线工具
• 直线属性有:颜色,粗细,线型,角度 – 点击直线工具后,在属性面板中,设置颜色,粗细, 线型
– 按鼠标左键拖动或Shift+拖动,生成任意、水平、 垂直、45度直线
第2章 flash 绘图工具的使用

颜料桶工具
滴管工具 橡皮擦工具 手形工具 缩放工具
K
I E H M,Z
用于填充图形的内部
对场景中对象的填充进行采样 用来擦除线条、图形、填充 用于场景的移动 用于放大或缩小场景
2.2 Flash 绘图基础
1.矢量图和位图
1)位图:又称点阵图像。是由许多的点(像素) 组成的。位图的显示质量与分辨率有关。 2)矢量图:又称向量图像。是以数学的向量方式 来记录图像的,包括线条的起止位置、线形等。矢 量图与分辨率无关。
融合在一 起,做加 法运算 不同色彩 的形体做 减法运算
2.2 Flash 绘图基础
3.形状对象的特性
线体间的布尔运算
同色线体间的布尔运算
同色线体交叉时在交点产生节点,单击可以移动,可以分 割。由于是同色,双击时两条同色的线体作为一个整体对 象被选中,移动时一起移动。
不同色线体间的布尔运算
P
T O R
绘制对象路径
编辑文本对象 绘制椭圆形和圆形对象 绘制矩形和正方形对象 绘制多角星对象
Y
绘制线条和图形对象
刷子工具
任意变形工具 填充变形工具 墨水瓶工具
B
Q F S
绘制矢量色块或创建一些特殊效果
任意变形对象、组、实体或文本块 对形状内部的渐变或位图进行填充编辑 编辑形状周围的线条的颜色、宽度和样式
辅助选项:无 属性面板:
宽、高:显示该直线在水平或垂直方向上的映射长度,通过修改这两个 文本框中的值,可改变直线在水平或垂直方向上的映射长度。 X、Y:显示直线在场景中的横纵坐标值,通过修改这两个文本框中的 值,可改变直线的位置。 笔触颜色按钮:设置直线的颜色。 填充颜色按钮:设置填充的颜色,选取线条时,填充颜色为无且此 时无法进行设置。 笔触高度按钮:设置直线的粗细,数值越大,绘制的直线越粗,反 之直线越细。 笔触样式下拉列表:可以设置绘制直线的样式。 笔触提示复选框:在全像素下调整直线锚记点和曲线锚记点, 防止出现模糊的垂直或水平线。 下拉列表:限制在播放和发布动画时笔触的缩放,包括一般、 水平、垂直和无4个选项。
Flash的绘图工具的使用讲解

绘制扇形、弧线、带有空心圆的椭圆和扇形
选择“矩形工具”后,若在“属性”面板中设置了“矩形边角 半径”的数值,则可以绘制圆角矩形。
绘制圆角矩形
选择“多角星形工具”,单击“属 性”面板中的“选项”按钮,可在 打开的“工具设置”对话框的“样 式”下拉列表中选择绘制星形或多 边形,在“边数”编辑框中设置星 形的角数或多边形的边数,在“星 形顶点大小”编辑框中设置星形的 顶点大小 。
设置绘图模式及绘图效果
3.使用“钢笔工具”
“钢笔工具”的使用方法可参考以下操作。
1.选择“钢笔工具” 后在“属 性”面板中设置线条颜色、粗 细和样式 ,然后将光标移动到 舞台上的适当位置并单击,确 定起始锚点,然后将光标移动 到舞台的另一处,单击创建第 二个锚点,此时在起始锚点和 第二个锚点之间会出现一条直 线段 。 创建直线锚点
(二)绘制图形
1.使用线条工具和几何工具
利用Flash CS5提供的“线条工具”可以绘制任意角度的 直线线条;利用“矩形工具”、“椭圆工具”、“多角星形 工具”、“基本矩形工具”和“基本椭圆工具”等可以绘制 常见的几何图形。
绘制规则图形
这些绘图工具的使用都很简单,只需在工具箱中选择相应 的工具,并在属性面板中设置好笔触(轮廓线)颜色、填充颜 色(线条无需设置)、笔触高度和笔触样式等属性后,在舞台 中按住鼠标左键不放并拖动,至合适大小后释放鼠标即可绘制 出相应的图形。
调整线段端点位置
3.将光标移动到线段上,然后在按 住【Ctrl】键的同时按住鼠标左键 不放并向任意方向拖动,此时光 标呈 形状,表示已在线段中间 添加了一个节点,将线段分为了 两条线段 。 在线段上添加节点
2.使用“部分选取工具”
“部分选取工具”的使用方法如下。
flash图形绘制的相关基本基础

flash图形绘制的相关基本基础
flash图形绘制的相关基本基础
10.1小草、白云
• 7.将“蝴蝶—黄”和“蝴蝶—花”文件拖入ps中将其背景的白 色去掉后另存为gif格式的文件,在flash中执行文件\导 入\导入到库,可以看到 “蝴蝶—黄”和“蝴蝶—花”导入到 了库中;
flashห้องสมุดไป่ตู้形绘制的相关基本基础
10.1小草、白云
• 8.回到场景,新建图层命名为“小草”,将“小草”元件多次 拖到场景合适的位置,调整大小;
flash图形绘制的相关基本基础
5.3复杂图形的绘制
3.移动锚点
选择部分选取工具将鼠标指针移动到锚点上,当鼠标 指针右下方出现空心方块时 •按住鼠标左键不放并拖拽即可移动锚点 •选中锚点后,用鼠标拖拽也可 •选中锚点后使用方向键移动
图5-8 移动锚点
flash图形绘制的相关基本基础
5.3复杂图形的绘制
设置笔触样式
flash图形绘制的相关基本基础
10.1小草、白云
• 10.1.2铅笔工具Y
直接在工作区按鼠标左键拖动即可随意绘制线和形状,按 shift键绘制垂直线或水平线
在工具箱底部选项处可设定绘制线条的平滑程度
铅笔模式按钮
flash图形绘制的相关基本基础
10.1小草、白云
• 选择 (直线化)时,系统会将独立的线条自动连接,接近 直线的线条将自动拉直,摇摆的曲线将实施直线式的处理;
Flash绘图方法和技巧

第1章 绘图方法和技巧1.1 绘画一个小动物学习目的∙ 直线工具的使用∙ 箭头工具的使用∙ 椭圆工具的使用∙ 颜料桶工具的使用∙ 刷子工具的使用实例效果利用Flash 8的绘图功能绘制小鸡。
通过该例子掌握直线工具、箭头工具、椭圆工具、刷子工具和填充工具等常用工具的使用方法,如图1.24所示。
制作步骤(1)运行Flash 8,新建一个文档。
(2)选择“修改”|“文档”命令,将文档属性设置为宽500像素,高300像素,颜色设置为绿色,如图1.25所示。
(3)在工具栏中选择椭圆工具,并将笔触颜色设置为黑色,填充颜色设置为黄色。
然后在舞台中绘制一个椭圆,如图1.26所示。
图 1.25 图 1.26 (4)再在舞台上绘制一个比上面稍小一点的椭圆,并利用箭头工具将它的位置放 好,如图1.27所示。
图 1.24Flash 8中文版动画设计实例教程2(5)选中工具栏上的刷子工具,刷子形状设置为圆形,刷子大小选择一个比较小的。
然后在舞台中较小的椭圆上画出小鸡的眼睛,如图1.28所示。
图 1.27 图 1.28(6)在工具箱中选择直线工具,并设置其属性:笔触颜色为黑色,笔触高度为2.5,笔触样式为实线,如图1.29所示。
图 1.29(7)利用直线工具在舞台小鸡的身体部分画出小脚和小嘴,如图1.30所示。
(8)用箭头工具选中小鸡,选择“编辑”|“复制”|“粘贴到中心位置”命令,复制出多只小鸡。
选择“修改”|“变形”|“缩放和旋转”命令,改变小鸡的位置,如图1.31所示。
图 1.30 图 1.31(9)按Ctrl+Enter键,测试影片,最后进行保存。
实例讲解1.直线工具笔触的设置直线工具是在Flash中使用得比较多的常用工具之一。
平时除了可以使用系统预设的几种常用格式外,还可以对直线工具的笔触进行个性化的设置。
具体的操作方法如下:(1)单击直线工具属性窗口最右端的“自定义”按钮,即可弹出“笔触样式”的对话框,如图1.32所示。
Flash绘图方法和技巧

良好的品质。
在本章里,将以Macromedia Flash Professional 8中文专业版为平台(如图1.1所示),学
习一些常用的绘图方法与图片处理效果。
/niacramadla
FLASH
Professional
图1.1
1.1
学习目的
*掌握Flash8的界面
*修改文档属性
*保存文档
*发布文档
实例效果
简单地创建一个元件移动渐变动画效果,利用这个实例来说明如何进行Flash的操作,
如图1.2所示。
制作步骤
(1)运行Flash8,新建文档。
(2)选择“插入”|“新建文件”命令,打开“创建新元件”对话框,如图1.3所示。
第
众所周知,Flash是美国著名的多媒体软件公司Macromedia开发的矢量图形编辑和交
互式动画制作的专业软件。利用它可以将音乐、声效、影片、动画以及富有新意的界面融 合在一起,从而制作出高品质的网页动画和多媒体作品。目前,Flash已成为一个非常流行
的动画制作软件,并赢得了广大网页制作者与课件制作者的青睐。
Flash绘图工具的使用

❖ 绘制曲线:单击并拖动,可以通过调节杆来调节曲 线的弧度和方向
❖ 添加锚点、删除锚点、转换点
-Flash
❖绘制卡通鲸鱼 ❖ 钢笔工具勾勒轮廓,颜料桶填充颜色,钢笔/铅笔
(平滑)绘制腹部与背部的分界线。线条工具绘制 腹部的线段。也可以使用刷子工❖ 1.椭圆:可以绘制圆(Shift)和椭圆 ❖ 实例:绘制笑脸图形
❖ 动态文本显示动态更新的文本,如成绩得分、股票 报价或天气报告
❖ 输入文本使用户可以将文本输入到表单或者调查表 中。
-Flash
❖ 输入文本:选择文本工具,拖动出一个文本框后, 可在其中输入文字,然后可以编辑文字属性。
❖选择文本类型 ❖ 字体、大小、颜色 ❖ 样式:加粗、倾斜等 ❖文字方向 ❖对齐方式 ❖间距 ❖ “动态文本”的“字体嵌入”,可以选择要嵌入的
-Flash
❖2. 矩形工具:绘制矩形、正方形(Shift)和圆角 矩形
❖3. 多角星形工具:绘制多边形和星形 ❖ “星形顶点大小”是设置星形向内收缩的程度 ❖ 实例:绘制电脑
-Flash
❖三、刷子工具 ❖ 刷子工具可以绘图和填充色彩,根据所选填充模式
的不同,刷子工具在图形上绘画的效果也大不相同 ,再配合不同的形状和笔触大小,可以方便地创建 出各种生动的艺术效果
❖C. x和y文本框
D. “端点”下拉列表
❖2.在绘制直线时按住( )键,可以绘制用户水 平呈45度的角。
❖A. Ctrl
B. Alt
❖C. Shift
-Flash
❖3. 选择( )模式的铅笔工具,可以绘制流畅
平滑的曲线,选择(
)模式的铅笔工具,可
以绘制规则的几何线条.
❖A. 伸直
B. 平滑
flash画图基本操作介绍

一、画出下面图形
(一)绘制方法:
1、画直线
2、用选择工具调整
3、画“隔断线”,调整不同曲率的曲线
4、填充颜色
5、复制(Alt+拖动)3个相同对象
6、用“任意变形工具”调整对象的位置、
图形1
二、绘制四角形(将网格打开,绘制时要容易些。
视图/网格/显示网格)
三、绘制三基色图。
先绘制不带填充色的圆线条,再进行颜色填充
四、绘制观赏鱼
五、绘制教科书59页中的小猴
六、利用“填充变形工具”调整填充位图方法:参考教科书51页
七、用封套的方法画一个苹果
八、将线条转换为填充色
方法:
1、将效果图粘贴到FLASH的舞台中;
2、画苹果时,线条宽度设置为4;
3、新建一个图层2;
4、在图层2中,如图2所示,画直线;
5、如图3所示,将直线调整为曲线;
6、画出苹果中的线,调整为曲线;
7、再将线条转换为填充色:修改/形状/将线条转换为填充;修改/形状/柔化填充边缘,将边线柔化(参数设置:距离2;步骤数2方向扩展)
8、最后再填充渐变颜色。
9、删掉苹果中的线,得到图1的效果图。
图1、效果图图2、先画直线图3、将直线调整为曲线九、绘制教科书66页中的综合练习“卡通猫”。
第2章 Flash绘图

2.1.3 用滴管工具和墨水瓶工具快速套用线条属性
使用“滴管工具” 和“墨水瓶工具” 可以很快地将任意 线条的属性套用到其它的线条上。
(1)用“滴管工具”单击要套用属性的线条,查看“属性”面板,它 显示 的就是该线条的属性,此时,所选工具自动变成了“墨水瓶工具”。 (2)使用“墨水瓶工具”单击其他线条,可以看到,被单击线条的属性 变成了第一个线条的属性了。
(1)使用“选择工具”拖动图形上的控制手柄可以自由地改变形状。 (2)双击图元对象,弹出“编辑对象”对话框。单击“确定”按钮,回到主 场景,在“属性”面板中提示,图形已经改变为“绘制对象”。
5.用刷子工具绘制苇秆
组合对象是一种非常好 的绘制习惯,它可以有效地 保护绘制的形状。本范例在 制作过程中要绘制很多不同 的形状,为了避免不同形状 之间互相影响,可以将绘制 完成的形状组合成群组对象。
2.用铅笔工具绘制云朵
4.用铅笔工具绘制苇叶 6.用钢笔工具绘制苇花
实例讲解
2.5
图形变形
2.5.1 变形面板 2.5.2 任意变形工具 2.5.3 上机指导——装饰图案
2.1.2 自定义笔触样式
在属性面板中单击“自定 义” 按钮打开“笔触样式”对 话框。 根据需要在其中进行相 应的设置,设置完成后单击 “确定”按钮,然后在舞台上 拖动即可绘制自定义笔触样式 的线条。
对于初学者来说,在 “笔触样式”对话框多试 试改变线条的各项参数, 对各种线条的理解和绘图 能力的提高会有很大帮助。
2.5.2 任意变形工具
任意变形工具 1.旋转和倾斜 用来对绘制的对象进行缩放、扭曲和旋转等变形操作。
2.缩放
2.5.2 任意变形工具
3. 扭曲
4. 封套
可以使用“扭曲”和“封套”工具的对象包括形状;利用铅笔工具、钢笔工具、线条 工具和刷子工具绘制的对象;打散后的文字。以下对象是不能使用“扭曲”和“封套”工 具的:图元、群组、元件、位图、视频对象、文本和声音。
Flash的绘图工具的使用

单击显示锚点
2.使用“部分选取工 具”在图形上单击选 取要移动的锚点,然 后按住鼠标左键并拖 动可移动锚点位置 。 移动锚点
3.将光标移动到直线锚点 上,然后在按住【Alt】键 的同时按住鼠标左键并拖 动,可将直线锚点转换为 曲线锚点 。
转换为曲线锚点 4.将光标移动到曲线锚点 的调节杆上,然后按住鼠 标左键并拖动,可调整曲 线的弧度,若在拖动的同 时按住【Alt】键,可单独 调整一边的调节杆 。
填充模式选项 2.设置要填充的颜 色,然后将光标移 动到要填充(或是 要改变填充)的区 域并单击,即可该 区域 。
填充对象
3.使用“渐变变形工具”
利用“渐变变形工具”可以调整填充的渐变色及位图的方 向、角度和大小等属性,从而使填充效果更加符合要求。下面 为读者介绍“渐变变形工具”的使用方法。
渐变方向控制柄 渐变长度控制柄 1.选择“渐变变形工具”后,在线性渐变填充 上单击,会出现渐变控制线及渐变控制柄。其 中,拖动“渐变方向控制柄”可改变线性渐变 填充的方向;拖动“渐变长度控制柄”可调整 线性渐变填充的长度;拖动“渐变中心点”可 改变线性渐变填充的整体位置。
5.在曲线锚点 上单击,可将 曲线锚点转换 为直线锚点 。
转换描点和单独调整一边的调节杆
(四)设置图形填充和轮廓
1.设置填充和笔触颜色
在选择绘图工具或绘制的图形后,我们可利用工具箱颜 色区、“属性”面板或“颜色”面板来设置图形的填充颜色 和笔触颜色;选择“颜料桶工具”和“墨水瓶工具”后,同 样需要先利用这些面板设置好颜色,然后再进行填充。
2.若将光标移动到另一位置,然后按住鼠 标左键并拖动,可拖出一个调节杆,继续 按住鼠标向任意方向拖动调节杆,可调整 曲线弧度,对曲线弧度满意后,释放鼠标 左键即可创建一个曲线锚点 。
Flash CS6 绘图工具的使用方法

绘图工具的使用(一)熟练掌握“线条工具” 、“滴管工具” 、“墨水瓶工具” 、“选择工具”、“颜料桶工具” 、“刷子工具”、“任意变形工具”的使用方法和技巧。
掌握一片树叶、一个树枝的绘制方法,并在实践过程中理解Flash构造图形的方法。
在计算机绘图领域中,根据成图原理和绘制方法的不同,图像分为矢量图和位图两种类型。
矢量图形是由一个个单独的点构成的,每一个点都有其各自的属性,如位置、颜色等。
矢量图的清晰度与分辨率的大小无关,对矢量图进行缩放时,图形对象仍保持原有的清晰度和光滑度,不会发生任何偏差,如图2-0-1所示是放大了16倍的矢量图效果。
图2-0-1 矢量图放大到16倍时依然清晰位图图像是由像素构成的,像素的多少将决定位图图像的显示质量和文件大小,位图图像的分辨率越高,其显示越清晰,文件所占的空间也就越大。
因此,位图图像的清晰度与分辨率有关。
对位图图像进行放大时,放大的只是像素点,位图图像的四周会出现锯齿状。
如图2-0-2所示是放大了16倍的位图效果。
图2-0-2 位图放大16倍时模糊不清在Flash动画制作过程中,会大量地运用到矢量图形。
虽然有一些功能强大的矢量图绘制软件,如Corel公司的CorelDraw 软件、Macromedia公司的Freehand软件和Adobe公司的Illustrator软件等,而运用Flash自身的矢量绘图功能将会更方便,更快捷。
在这一章里,我们将通过Flash基本绘图工具的学习,绘制出一些简单的矢量图。
另外,Flash也具备一定的位图处理能力,虽然比不上专业的位图处理软件,但是对于制作动画过程中需要对位图的一些简单处理,它还是能够胜任的。
第一节基本绘图工具(上)Flash 提供了各种工具,用来绘制自由形状或准确的线条、形状和路径,并可用来对对象进行上色,如图2-1-1所示是Flash的工具箱。
图2-1-1 绘图工具箱我们将分两节来学习这些工具的使用方法。
在本节中,将学习【线条工具】、【滴管工具】、【墨水瓶工具】、【选择工具】、【刷子工具】、【任意变形工具】、【颜料桶工具】等的基本用法。
第2讲flash绘图

2.3.4墨水瓶工具
可以更改线条或者形状轮廓的笔触颜色、宽度 和样式。 对于直线或形状轮廓只能应用纯色,而不能应 用渐变或位图。 在使用墨水瓶工具时,可以一次更改多个对象 的笔触属性。
操作前
操作后
2.3.5 滴管工具
从工作区中拾取已经存在的颜色及样式属性, 并将其应用于别的对象中。 可以吸取填充颜色、线条属性、文字属性和位 图图案。
“混色器”面板
色彩的三要素
“色彩可以分为非彩色与彩色两种类型。非彩 色是指没有饱和度的颜色,如黑色、白色、灰色。 彩色是指有饱和度的颜色,如红色、黄色、绿色 等。任何一种色彩都具有色相、饱和度、亮度这3 个方面的属性,不过要排除那些非彩色类的颜色, 因为它们只具有亮度属性。 色相:即各类色彩的相貌称谓。 饱和度:色彩的鲜艳程度。 亮度:色彩的明亮程度。 Alpha:透明度。
3.绘制花瓣轮廓
①
② ③
④
⑤
选择线条工具,设置笔触颜色为#ffcc00, 笔触高度为3,绘制一条垂直线条。 使用选择工具,将线条改变为弧状。 再选择线条工具,连接弧状线条两个端点 绘制一条垂直线条。 使用选择工具,将线条改变为弧状。 再用线条工具绘制一条短线条,并用选择 工具将线条改变为弧状。
2.2绘制简单图形
2.2.1矩形工具组
选择“矩形”工具。 在舞台上按住鼠标左键不放拖动,就可以绘 制矩形。 按下shift键拖动鼠标,可绘制出正方形。
2.2.1矩形工具组
1. 将填充颜色改为背景色,则绘制出空心图形。 2. 选择工具箱下选项区中的“边角半径设置”工具,可 设置矩形的边角半径如20。确定后,画出的矩形如图 “绘制圆角矩形”
2.3.2颜料桶工具
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
第1章绘图方法和技巧众所周知,Flash是美国著名的多媒体软件公司Macromedia开发的矢量图形编辑和交互式动画制作的专业软件。
利用它可以将音乐、声效、影片、动画以及富有新意的界面融合在一起,从而制作出高品质的网页动画和多媒体作品。
目前,Flash已成为一个非常流行的动画制作软件,并赢得了广大网页制作者与课件制作者的青睐。
在Flash的制作过程中,掌握一定的绘图方法与技巧,对日后更好地使用该软件进行创作是非常有好处的。
因为通过Flash绘图产生的矢量图,会使作品能以很小的体积表现出良好的品质。
在本章里,将以Macromedia Flash Professional 8中文专业版为平台(如图1.1所示),学习一些常用的绘图方法与图片处理效果。
图 1.11.1 创建第1个Flash作品学习目的∙掌握Flash 8的界面∙修改文档属性∙保存文档∙发布文档实例效果简单地创建一个元件移动渐变动画效果,利用这个实例来说明如何进行Flash的操作,如图1.2所示。
制作步骤(1)运行Flash 8,新建文档。
(2)选择“插入”|“新建文件”命令,打开“创建新元件”对话框,如图1.3所示。
2Flash 8中文版动画设计实例教程图 1.2(3)在“创建新元件”对话框中,可以修改创建的元件的名称和类型。
现在创建一个名称为“圆”,行为为“图形”的元件,单击“确定”按钮,保存设置并进入该元件的编辑区,如图1.4所示。
图 1.3 图 1.4(4)选中工具栏中的椭圆工具,在舞台中绘制一个圆形,如图1.5所示。
(5)单击时间轴上面的“场景1”按钮,返回到场景1,如图1.6所示。
图 1.5 图 1.6(6)选择“窗口”|“库”命令,打开“库”面板,在“库”面板中存有刚才创建的图形元件“圆”,如图1.7所示。
(7)按住“库”面板中“圆”图形元件不放,拖曳至舞台中(图层1的第1帧),如图1.8所示。
第1章绘图方法和技巧 3图 1.7 图 1.8(8)选择图层1的第30帧,右击,在快捷菜单中选择“插入关键帧”命令,插入一个关键帧,并将此帧中的元件位置向右移动一段距离,如图1.9所示。
(9)在第1帧和第30帧之间任意一帧,右击,在快捷菜单中选择“创建补间动画”命令,创建补间动画,如图1.10所示。
图 1.9 图 1.10(10)选择“文件”|“保存”命令,打开“另存为”对话框,将文件命名保存。
实例讲解1.Flash 8的操作界面双击Flash 8快捷图标,即可进入Flash 8“开始页”,如图1.11所示。
图 1.114Flash 8中文版动画设计实例教程“开始页”中有“打开最近项目”、“创建新项目”和“从模板创建”等项目。
在“打开最近项目”中可以快速地找到最近打开过的文档;在“创建新项目”中,可以创建“Flash 文档”、“Flash幻灯片演示文稿”、“Flash表单应用程序”、“动作脚本文件”、“动作脚本应用文件”、“Flash JavaScript文件”、“Flash项目”等文档,一般常用的是“Flash文档”;在“从模板创建”项目中,可以选择“幻灯片演示文稿”、“广告”、“测验”等项目,这些项目都是Flash 8预置的模板,可以直接应用。
单击“Flash文档”按钮,会进入Flash的操作界面,如图1.12所示。
图 1.12Flash的操作界面一般可以分成七个部分,分别是标题栏部分、菜单栏部分、工具栏、时间轴、舞台、固定面板和活动面板。
∙标题栏部分位于操作界面的最上面,左边显示软件的版本及当前文件的名称,右边是一些窗口常用的操作按钮,如最小化、最大化(还原)和关闭按钮,如图 1.13 所示。
图 1.13∙菜单栏部分位于标题栏的下方,包含“文件”、“编辑”、“插入”、“修改”、“文本”、“命令”、“控制”、“窗口”、“帮助”等命令,如图1.14所示。
图 1.14∙工具栏位于菜单栏的左下方,里面包含了各种常用的工具,如图1.15所示。
∙时间轴位于菜单栏的下方,是创建动画效果的主要功能区域,如图1.16所示。
∙舞台位于时间轴下方,是动画中各个元件的表现区域,元件只有在舞台(白色区域)中,才可以在文档发布以后展示出来,如图1.17所示。
第1章绘图方法和技巧5图 1.15 图 1.17∙固定面板包括“动作”面板、“帮助”面板和“属性”面板,Flash 8将这些面板固定在舞台的下方,便于制作者使用,这也显示了Flash 8的人性化操作理念,如图1.18所示。
图 1.18∙活动面板部分位于舞台的右侧,这个区域包括“混色器”面板、“行为”面板、“组件”面板和“库”面板等,它们是可以移动的,如图1.19所示。
2.修改文档属性创建了一个新文档以后,文档的属性会使用默认值来设置,如图 1.20所示。
在实际创作中,Flash的属性要求往往会与默认值不符,这样就需要手动来修改。
选择“修改”|“文档”命令,打开“文档属性”对话框,在对话框中可以修改文档的名称、尺寸、背景颜色、帧频和标尺单位等参数。
例如修改成一个适合于非线性编辑的Flash文档,如图1.21所示。
图 1.20 图1.21图1.16图 1.196Flash 8中文版动画设计实例教程单击“确定”按钮,即可保存对文档属性的修改。
3.发布文档完成Flash动画作品的制作以后,若要发布文档,则需生成Flash的播放文件——SWF 格式,这样才可以通过网络来进行传播。
选择“文件”|“发布设置”命令,打开“发布设置”对话框,在“类型”中可以看到,Flash可以发布成SWF、HTML、GIF、JPG、PNG、EXE、HQX、MOV等格式文件。
只要在对应的文件类型前选中复选框,就可以打开这个格式的标签,如图1.22所示。
以发布SWF格式文件为例,在对话框中选择Flash选项卡,选项设置如图1.23所示。
图 1.22 图 1.23∙“版本”:可以选择发布的Flash版本,一般采用默认的设置。
∙“加载顺序”:可以选择影片的加载顺序是“由上至下”或“由下至上”,一般采用默认的设置。
∙“动作脚本版本”:可以选择动作脚本的版本号,一般采用默认的“动作脚本2.0”。
∙“选项”:包含生成大小报告、防止导入、省略跟踪动作、允许调试、压缩影片、覆盖声音设置和导出设置声音等设置项目。
当想要对自己的作品进行保护时,可以在选项设置中选中“防止导入”复选框。
同时,也可以为这个防止导入加上一个密码。
另外,在压缩影片时,还可以根据制作需要,对JPEP品质、音频流和音频事件进行相应的设置。
练习题仿照本节例子,制作一个简单的Flash动画。
1.2 绘画一个小动物学习目的∙直线工具的使用∙箭头工具的使用第1章 绘图方法和技巧 7∙ 椭圆工具的使用∙ 颜料桶工具的使用∙ 刷子工具的使用实例效果利用Flash 8的绘图功能绘制小鸡。
通过该例子掌握直线工具、箭头工具、椭圆工具、刷子工具和填充工具等常用工具的使用方法,如图1.24所示。
制作步骤(1)运行Flash 8,新建一个文档。
(2)选择“修改”|“文档”命令,将文档属性设置为宽500像素,高300像素,颜色设置为绿色,如图1.25所示。
(3)在工具栏中选择椭圆工具,并将笔触颜色设置为黑色,填充颜色设置为黄色。
然后在舞台中绘制一个椭圆,如图1.26所示。
图 1.25 图 1.26 (4)再在舞台上绘制一个比上面稍小一点的椭圆,并利用箭头工具将它的位置放好,如图1.27所示。
(5)选中工具栏上的刷子工具,刷子形状设置为圆形,刷子大小选择一个比较小的。
然后在舞台中较小的椭圆上画出小鸡的眼睛,如图1.28所示。
图 1.27 图 1.28 (6)在工具箱中选择直线工具,并设置其属性:笔触颜色为黑色,笔触高度为2.5,笔触样式为实线,如图1.29所示。
图 1.24Flash 8中文版动画设计实例教程8图 1.29(7)利用直线工具在舞台小鸡的身体部分画出小脚和小嘴,如图1.30所示。
(8)用箭头工具选中小鸡,选择“编辑”|“复制”|“粘贴到中心位置”命令,复制出多只小鸡。
选择“修改”|“变形”|“缩放和旋转”命令,改变小鸡的位置,如图1.31所示。
图 1.30 图 1.31 (9)按Ctrl+Enter 键,测试影片,最后进行保存。
实例讲解1.直线工具笔触的设置直线工具是在Flash 中使用得比较多的常用工具之一。
平时除了可以使用系统预设的几种常用格式外,还可以对直线工具的笔触进行个性化的设置。
具体的操作方法如下:(1)单击直线工具属性窗口最右端的“自定义”按钮,即可弹出“笔触样式”的对话框,如图1.32所示。
(2)单击“类型”下拉列表框,即可查看到系统提供的相关笔触类型,分别有实线、虚线、点状线、锯齿状、点描和斑马线,如图1.33所示。
(3)可以根据自己的需要,选择不同的类型进行不同数值的设置。
这里以斑马线为例,进行一些设置,如图1.34所示。
图 1.33 图 1.34 斑马线设置中提供了以下一些项目的设置,有浓度、间隔、微动、旋转、曲线和长度。
而每一个项目都有相应的数值,可以根据自己的需要进行不同的设置。
每一个选项的改变,图 1.32第1章绘图方法和技巧9都可以从对话框左上角的预览窗口中查看。
2.椭圆工具的一些相关知识椭圆工具在Flash制作中经常使用。
一般来说,选择椭圆工具后,在舞台中随便一拖即可画出一个椭圆。
但有时候会因为制作需要,要求画出的圆必须是正圆,这时可以在画圆的同时,按住Shift键,就可以画出一个正圆了。
另外,有时候在画圆时,要求图形没有边框和填充颜色。
这时,可以通过两种方法实现。
方法一:利用椭圆工具画完一个圆后,再用箭头工具选择不要的部分,将其直接删除即可。
方法二:在画圆前对椭圆工具的属性进行边框或填充颜色上的相应设置。
选中笔触颜色或填充颜色右边的小三角按钮,在弹出的颜色选择框的右上方,选择没有颜色的“透明”按钮即可,如图1.35所示。
3.颜料桶工具的设置颜料桶工具的使用是否得当,会直接影响作品的质量。
当选中颜料桶工具后,便可以在其属性窗口中进行相应的设置。
在填充选项里,提供了三种方式的填充效果:纯色填充、线形填充和放射性设置,如图1.36所示。
图 1.35 图 1.36如果对系统预设的这些颜色不满意,可以通过“混色器”进行个性化修改,如图1.37所示。
颜色设置好后,还可以根据要填充区域的特点,进行相应选项的设置。
如不封闭空隙、封闭小空隙、封闭中等空隙和封闭大空隙,如图1.38所示。
4.刷子工具在Flash作品中,要快速绘制出一些小圆点、小方格和小雨点等图形时,可以直接使用刷子工具。
刷子工具提供了9种不同的刷子形状和10个不同的刷子大小供我们使用,如图1.39所示。
图 1.37 图 1.38 图 1.3910Flash 8中文版动画设计实例教程练习题利用本节所学的工具绘制一些小动物,并将它们保存,方便日后调用。