Flash02绘制矢量图形.ppt
![资源得分’ title=](/images/score_1.gif)
![资源得分’ title=](/images/score_1.gif)
![资源得分’ title=](/images/score_1.gif)
![资源得分’ title=](/images/score_1.gif)
![资源得分’ title=](/images/score_05.gif)
《Flash02绘制矢量图形.ppt》由会员分享,可在线阅读,更多相关《Flash02绘制矢量图形.ppt(53页珍藏版)》请在淘文阁 - 分享文档赚钱的网站上搜索。
1、第第2章章 矢量图形矢量图形本章主要内容本章主要内容2.1与图形图像相关的几个基本概念与图形图像相关的几个基本概念2.2“铅笔铅笔”工具与工具与“线条线条”工具工具2.3“椭圆椭圆”工具与工具与“矩形矩形”工具工具2.4认识认识FlashFlash的的“绘制模式绘制模式”2.5贴紧至对象贴紧至对象2.6“刷子刷子”工具工具2.7导导 入入 插插 图图小小 结结 在在FlashFlash动画的制作过程中,会大量用到动画的制作过程中,会大量用到矢量图形矢量图形,而,而FlashFlash自身的矢量绘图功能很强自身的矢量绘图功能很强大,故可以方便、快捷地绘制出各种各样的图大,故可以方便、快捷地绘制出
2、各种各样的图形。形。2.12.1与图形图像相关的几个基本概念与图形图像相关的几个基本概念 图形和图像是日常生活中经常说起的词汇,图形和图像是日常生活中经常说起的词汇,但是要真正成为一名图形图像的设计师,还需但是要真正成为一名图形图像的设计师,还需要更深入地理解和掌握相关的一些知识。要更深入地理解和掌握相关的一些知识。2.1.1图形与图像图形与图像 图像对应于英文中的图像对应于英文中的“Image”Image”,它类似,它类似于照片,它由许许多多排成行和列的点组成,于照片,它由许许多多排成行和列的点组成,当每个点都足够小的时候,宏观看起来,一幅当每个点都足够小的时候,宏观看起来,一幅图像就非常清
3、晰了。图像就非常清晰了。而图形对应于英文中的而图形对应于英文中的“Graphics”Graphics”,它,它更类似于逻辑概念,比如一个三角形、一个圆更类似于逻辑概念,比如一个三角形、一个圆形或者一条曲线,它们都被称为形或者一条曲线,它们都被称为“图形图形”,而,而不是图像。不是图像。为什么有时候可以混用这两个词呢?因为为什么有时候可以混用这两个词呢?因为图形存在于逻辑中,最终要能够被人眼看到,图形存在于逻辑中,最终要能够被人眼看到,它必须存在于某种显示媒体上,比如通过计算它必须存在于某种显示媒体上,比如通过计算机显示器显示,或者印刷在纸上,而一旦图形机显示器显示,或者印刷在纸上,而一旦图形被
4、被“显示显示”在显示器上,它就成为图像了。在显示器上,它就成为图像了。因此,读者只要知道二者是不同的就可以因此,读者只要知道二者是不同的就可以了。了。2.1.2分辨率分辨率 这里说的分辨率是指一个图像在水平和竖这里说的分辨率是指一个图像在水平和竖直方向分别包含的像素数。例如在购买数码相直方向分别包含的像素数。例如在购买数码相机的时候,会关注一款相机的分辨率是机的时候,会关注一款相机的分辨率是300300万万像素还是像素还是500500万像素,万像素,300300万像素指的是它拍摄万像素指的是它拍摄出来的照片包含出来的照片包含300300万个点,这里的万个点,这里的300300万是个万是个近似的
5、数值,精确来说是水平方向有近似的数值,精确来说是水平方向有20482048个个像素,竖直方向有像素,竖直方向有15361536个像素,二者构成的个像素,二者构成的矩形区域包含矩形区域包含20481536=314572820481536=3145728个像素,近个像素,近似以后就是似以后就是300300万像素了。万像素了。2.1.3位图图像位图图像 位图图像由排列成网格的点组成,每个点位图图像由排列成网格的点组成,每个点称为一个称为一个“像素像素”。计算机的屏幕就是一个大的像素网格。计算机的屏幕就是一个大的像素网格。在一幅位图中,图像是由网格中每个像素在一幅位图中,图像是由网格中每个像素的位置和
6、颜色值决定的。的位置和颜色值决定的。每个点被指定一种颜色,这些点像马赛克每个点被指定一种颜色,这些点像马赛克中的贴砖那样拼合在一起形成图像。中的贴砖那样拼合在一起形成图像。位图图像的优点是可以保证图像的细节,位图图像的优点是可以保证图像的细节,因此照片都是典型的位图图像。因此照片都是典型的位图图像。位图的一个特征是当它被放大以后,就会位图的一个特征是当它被放大以后,就会变模糊。变模糊。图图图图2.1 2.1 位位位位图图图图图图图图像放大后像放大后像放大后像放大后变变变变模糊模糊模糊模糊 编辑位图图像时,修改的是像素,而不是编辑位图图像时,修改的是像素,而不是线条和曲线。线条和曲线。位图图像与
7、分辨率有关,这意味着描述图位图图像与分辨率有关,这意味着描述图像的数据被固定到一个特定大小的网格中。像的数据被固定到一个特定大小的网格中。正如前面说到的,放大位图图像将使这些正如前面说到的,放大位图图像将使这些像素在网格中重新进行分布,这通常会使图像像素在网格中重新进行分布,这通常会使图像的边缘呈锯齿状。的边缘呈锯齿状。此外,在一个分辨率比图像自身分辨率低此外,在一个分辨率比图像自身分辨率低的输出设备上显示位图图像也会降低图像的品的输出设备上显示位图图像也会降低图像的品质。质。2.1.4矢量图形矢量图形 矢量图形是使用称矢量图形是使用称为为“矢量矢量”的线条和曲的线条和曲线(包含颜色和位置信线
8、(包含颜色和位置信息)显示图形。它使用息)显示图形。它使用一系列曲线描述圆形轮一系列曲线描述圆形轮廓,以及汉字的笔画轮廓,以及汉字的笔画轮廓。图形的颜色由它的廓。图形的颜色由它的轮廓颜色和该轮廓所包轮廓颜色和该轮廓所包围的区域颜色决定。围的区域颜色决定。图图图图2.2 2.2 矢量矢量矢量矢量图图图图形放大后仍保持清晰形放大后仍保持清晰形放大后仍保持清晰形放大后仍保持清晰 编辑矢量图形时,修改的是描述其形状的编辑矢量图形时,修改的是描述其形状的线条和曲线的属性。线条和曲线的属性。矢量图形与分辨率无关,这意味着除了可矢量图形与分辨率无关,这意味着除了可以在分辨率不同的输出设备上显示它以外,还以在
9、分辨率不同的输出设备上显示它以外,还可以对其执行移动、调整大小、更改形状、更可以对其执行移动、调整大小、更改形状、更改颜色等操作,而不会改变其外观品质。改颜色等操作,而不会改变其外观品质。矢量图形的缺点是它无法表达细节,例如矢量图形的缺点是它无法表达细节,例如一幅照片上的各个点无法构成一个用数学方程一幅照片上的各个点无法构成一个用数学方程可以描述的曲线。可以描述的曲线。矢量图形与位图图像在实际应用中都是不矢量图形与位图图像在实际应用中都是不可缺少的,所以在这里使用可缺少的,所以在这里使用“将将”和和“帅帅”来来比喻,表示它们并没有优劣之分。比喻,表示它们并没有优劣之分。2.1.5路径、笔触与填
10、充路径、笔触与填充一个矢量图形有一个矢量图形有3 3个要素:个要素:路径、笔触和填充路径、笔触和填充。图图图图2.3 2.3 矢量矢量矢量矢量图图图图形的构成要素形的构成要素形的构成要素形的构成要素l“路径路径”负责描述一个矢量图负责描述一个矢量图的形状和位置,而与颜色信息无的形状和位置,而与颜色信息无关。可以通过修改一个矢量图的关。可以通过修改一个矢量图的路径来调整它的形状和位置。路径来调整它的形状和位置。l“笔触笔触”有时候也称为有时候也称为“描边描边”,它负责确定矢量图的轮廓的,它负责确定矢量图的轮廓的颜色和样式。颜色和样式。l“填充填充”负责确定矢量图形被负责确定矢量图形被路径包围着部
11、分的颜色和样式。路径包围着部分的颜色和样式。“笔触笔触”是用某种绘图工具是用某种绘图工具“绘制绘制”出来出来的封闭或者不封闭的的封闭或者不封闭的“线条线条”,而,而“填充填充”是是在某个由在某个由“笔触笔触”包围的区域中,进行包围的区域中,进行“上色上色”操作的结果。操作的结果。通常把绘图操作完成后的结果称为通常把绘图操作完成后的结果称为“笔触笔触”,包括直线和曲线;把完成填充后的结果称,包括直线和曲线;把完成填充后的结果称为为“填充区域填充区域”或或“形形”,即一个区域。,即一个区域。而线和形统称为而线和形统称为“图形图形”。图图图图2.4 2.4 绘绘绘绘制制制制轮轮轮轮廓廓廓廓 图图图图
12、2.5 2.5 填充填充填充填充颜颜颜颜色色色色2.22.2“铅笔铅笔”工具与工具与“线条线条”工具工具 首先介绍两种简单工具的使用:首先介绍两种简单工具的使用:“铅笔铅笔”工具工具和和“线条线条”工具工具。图图图图2.6 2.6 选择选择选择选择“铅铅铅铅笔笔笔笔”工具工具工具工具1“铅笔铅笔”工具的使用和工具的使用和“笔触颜色笔触颜色”的的设置设置图图图图2.7 2.7 设设设设置笔触置笔触置笔触置笔触颜颜颜颜色色色色2自定义笔触颜色自定义笔触颜色图图图图2.10 2.10 自定自定自定自定义颜义颜义颜义颜色按色按色按色按钮钮钮钮 图图图图2.11 2.11 设设设设置自定置自定置自定置自
13、定义颜义颜义颜义颜色色色色 图图图图2.12 “2.12 “笔触笔触笔触笔触颜颜颜颜色色色色”面板的功能面板的功能面板的功能面板的功能 图图图图2.8 2.8 选择绘图选择绘图选择绘图选择绘图模式模式模式模式 伸直:伸直:对徒手绘制的曲线进行伸直对徒手绘制的曲线进行伸直处理,将接近三角形、椭圆、圆形、处理,将接近三角形、椭圆、圆形、矩形和正方形形状的图形转换为这些矩形和正方形形状的图形转换为这些规则的几何形状图形。规则的几何形状图形。平滑:平滑:可以将手绘出的曲线修改得可以将手绘出的曲线修改得比较平滑。比较平滑。墨水:墨水:保持手绘时的曲线状态,不保持手绘时的曲线状态,不做平滑处理。做平滑处理
14、。图图图图2.13 2.13 以以以以“伸直伸直伸直伸直”、“平滑平滑平滑平滑”和和和和“墨水墨水墨水墨水”模式模式模式模式绘绘绘绘制制制制线线线线条条条条4设置笔触样式设置笔触样式图图图图2.14 2.14 笔触笔触笔触笔触样样样样式列表式列表式列表式列表图图图图2.15 2.15 不同笔触不同笔触不同笔触不同笔触样样样样式式式式绘绘绘绘制的曲制的曲制的曲制的曲线线线线图图图图2.16 2.16 自定自定自定自定义样义样义样义样式式式式2.2.2“线条线条”工具工具 “线条线条”工具与工具与“铅铅笔笔”工具相同的一点是,工具相同的一点是,它们都是笔触工具:不同它们都是笔触工具:不同之处在于之
15、处在于“线条线条”工具用工具用来绘制直线。来绘制直线。“线条线条”工具在工具工具在工具栏中的位置如图栏中的位置如图2.172.17所示。所示。图图图图2.17 2.17 选选选选中中中中“线线线线条条条条”工具工具工具工具 2.2.3实践与练习:绘制包装盒(实践与练习:绘制包装盒(1)图图图图2.19 2.19 包装盒包装盒包装盒包装盒2.32.3“椭圆椭圆”工具与工具与“矩形矩形”工具工具 前面介绍的两种工具有一个共性,就是绘前面介绍的两种工具有一个共性,就是绘制出来的都是笔触,而没有填充。制出来的都是笔触,而没有填充。“椭圆椭圆”工具与工具与“矩形矩形”工具可以绘制椭工具可以绘制椭圆和矩形
16、等形状,而且绘制出来的图形既有笔圆和矩形等形状,而且绘制出来的图形既有笔触,又有填充。触,又有填充。要绘制椭圆,应要绘制椭圆,应先在工具栏中选中先在工具栏中选中“椭圆椭圆”工具,如图工具,如图2.382.38所示。所示。然后将鼠标指针然后将鼠标指针移动到舞台中,按下移动到舞台中,按下鼠标并进行拖动,即鼠标并进行拖动,即可绘制出椭圆形状。可绘制出椭圆形状。图图图图2.38 “2.38 “椭圆椭圆椭圆椭圆”工具工具工具工具 2.3.1“椭圆椭圆”工具工具图图图图2.40 2.40 打开打开打开打开“填充色填充色填充色填充色”面板面板面板面板 图图图图2.41 2.41 选择选择选择选择填充色填充色
17、填充色填充色 在在“填充色填充色”面板的顶部有面板的顶部有4 4个功能选项,个功能选项,从从左往右依次左往右依次是:是:显示当前所选颜色的参数值显示当前所选颜色的参数值、设置填充颜色的不透明度设置填充颜色的不透明度、将填充颜色设置为将填充颜色设置为无无、自定义填充颜色自定义填充颜色。图图图图2.43 2.43 绘绘绘绘制制制制渐变椭圆渐变椭圆渐变椭圆渐变椭圆 图图图图2.44 2.44 放射状放射状放射状放射状渐变渐变渐变渐变 图图图图2.45 2.45 彩色彩色彩色彩色线线线线性性性性渐变渐变渐变渐变 图图图图2.42 2.42 选择渐变颜选择渐变颜选择渐变颜选择渐变颜色色色色 1设置渐变颜
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- Flash02 绘制 矢量 图形
![提示](https://www.taowenge.com/images/bang_tan.gif)
限制150内