第2章 绘制图形 本章主要内容： 绘制规则图形 绘制不规则图形 特殊绘图工具 其他辅助绘图工具.

Presentation on theme: "第2章 绘制图形 本章主要内容： 绘制规则图形 绘制不规则图形 特殊绘图工具 其他辅助绘图工具."— Presentation transcript:

1 第2章 绘制图形 本章主要内容： 绘制规则图形 绘制不规则图形 特殊绘图工具 其他辅助绘图工具

2 2.1 绘制规则图形 2.1.1 矩形工具和基本矩形工具 2.1.2 椭圆工具和基本椭圆工具 2.1. 3 多角星形工具
2.1 绘制规则图形 2.1.1 矩形工具和基本矩形工具 2.1.2 椭圆工具和基本椭圆工具 多角星形工具 实战范例——田园农舍

3 2.1.1 矩形工具和基本矩形工具 1．【矩形工具】和【基本矩形工具】简介
矩形工具和基本矩形工具 矩形工具和基本矩形工具主要用来绘制矩形、正方形和圆角矩形，在完成图形的绘制后，使用【属性】面板对绘制的图形进行设置。 1．【矩形工具】和【基本矩形工具】简介 在工具箱中选择【矩形工具】，将鼠标光标移动到舞台上，当光标变为十字形时，拖动鼠标即可根据【属性】面板的设置绘制出需要的矩形。

4 2.1.1 矩形工具和基本矩形工具 2．设置图形的位置和大小
在完成图形的绘制后，可以使用【属性】面板对图形的属性进行设置。在工具箱中选择【选择工具】框选绘制的图形，在【属性】面板的【位置和大小】栏中设置图形的位置以及图形的宽高。

5 矩形工具和基本矩形工具 3．填充和笔触 Flash中的每个图形都开始于一种形状，形状是由2个部分组成，填充和笔触。填充是形状里面的部分，笔触就是形状的轮廓线。填充和笔触是互相独立的，可以修改或删除一个而不影响另一个部分。

6 椭圆工具和基本椭圆工具 【椭圆工具】和【基本椭圆工具】可以用来绘制椭圆形、圆形和圆环，其中【椭圆工具】还可以用来绘制任意圆弧。这2个工具绘制图形的操作与【矩形工具】和【基本矩形工具】基本相同。 1．椭圆工具 在工具箱中选择【椭圆工具】，在【属性】栏中对工具属性 进行设置后，在舞台上拖动鼠标即可绘制出需要的图形。

7 2.1.2 椭圆工具和基本椭圆工具 2．基本椭圆工具 在工具箱中选择【基本椭圆工具】，在【属性】栏中根据需要
椭圆工具和基本椭圆工具 2．基本椭圆工具 在工具箱中选择【基本椭圆工具】，在【属性】栏中根据需要 设置图形属性，在舞台上拖动鼠标即可绘制需要的图形。

8 2.1.2 椭圆工具和基本椭圆工具 2．基本椭圆工具 在【属性】面板的【椭圆选项】栏中设置【开始角度】和 【结束角度】的值可以获得扇形。
椭圆工具和基本椭圆工具 2．基本椭圆工具 在【属性】面板的【椭圆选项】栏中设置【开始角度】和 【结束角度】的值可以获得扇形。 在【属性】面板的【椭圆选项】栏中设置【内径】值可以获得环形。

9 2.1.2 椭圆工具和基本椭圆工具 2．基本椭圆工具 在【属性】面板的【椭圆选项】栏中取消【闭合路径】
椭圆工具和基本椭圆工具 2．基本椭圆工具 在【属性】面板的【椭圆选项】栏中取消【闭合路径】 复选框的勾选，则图形将不再封闭，此时可以获得弧形 ，拖动图形上的控制柄，可以对图形的形状进行修改。 在工具箱中选择【选择工具】 ，拖动图形上的控制柄 ，可以对图形的形状进行修改。

10 多角星形工具 使用【多角星形工具】绘制图形的方式与前面介绍的两类工具的绘图方式是相同的，其可以用来绘制星形图案和多边形，如五角星或五边形等。 在工具箱中选择【多角星形工具】，在【属性】面板中对图形进行设置，在舞台上拖动鼠标即可绘制需要的图形。

11 多角星形工具 在【属性】面板中的【工具设置】栏中单击【选项】按钮将打开【工具设置】对话框，使用该对话框可以对【多角星形工具】进行设置。

12 略。请参看教材或者观看配盘上的视频教程。
实战范例——田园农舍 1．范例简介 本范例介绍绘制一幅炊烟升起的田园农舍剪影画的过程。在范例的制作过程中，使用【椭圆工具】、【矩形工具】和【多角星形工具】等工具来绘制图形，通过【属性】面板对图形的大小和位置等属性进行设置。同时，通过范例的制作读者还将能够掌握图形的移动和复制的操作方法。 2．制作步骤 略。请参看教材或者观看配盘上的视频教程。

13 2.2 绘制不规则图形 2.2.1 线条工具 2.2.2 铅笔工具 2.2.3 钢笔工具 2.2.4 实战范例——卡通狮子
2.2 绘制不规则图形 在使用Flash制作动画时，经常需要绘制不规则图形。 在Flash CS5中，绘制不规则图形可以使用【线条工具】、 【铅笔工具】和【钢笔工具】。 线条工具 铅笔工具 钢笔工具 实战范例——卡通狮子

14 线条工具 线条是构成矢量图形的基本要素，在Flash CS5中，可以使用【线条工具】来绘制各种长度和角度的直线。同时，将绘制的多条直线连接，可以构成各种多边形。 1．绘制线条 2．设置笔触样式 3．线条的端点 4．线条的接合 5．选项栏工具

15 2.2.2 铅笔工具 在Flash中，可以使用【铅笔工具】来绘制不规则的曲线和直 线。【铅笔工具】的使用方法很简单，在工具箱中选择【铅笔
铅笔工具 在Flash中，可以使用【铅笔工具】来绘制不规则的曲线和直 线。【铅笔工具】的使用方法很简单，在工具箱中选择【铅笔 工具】 ，在【属性】面板中对工具进行设置。这里，【属性 】面板的设置与【线条工具】的设置基本一致。在完成绘制后 ，同样可以在【属性】面板中对笔触的颜色、高度、样式和端 点等进行调整。 三种铅笔模式： 1．伸直 2．平滑 3．墨水

16 钢笔工具 在Flash中，【钢笔工具】可以精确地绘制出平滑精致的直线和曲线。对于绘制完成的曲线，通过对锚点的操作可以方便地调整曲线的形状。 1．绘制直线和曲线 2．添加和删除锚点 3．转换锚点

17 实战范例——卡通狮子 1．范例简介 本范例介绍卡通狮子线稿的绘制方法。在范例在制作过程中，使用【钢笔工具】、【线条工具】和【铅笔工具】来勾绘图形轮廓，使用【转换锚点工具】转换锚点类型，并调整弧线的形状。通过本范例的制作，读者将能够掌握在Flash中使用各种工具绘制复杂形状图形的方法和技巧。 2．制作步骤 略。请参看教材或者观看配盘上的视频教程。

18 2.3 特殊绘图工具 2.3.1 刷子工具 2.3.2 喷涂刷工具 2.3.3 Deco工具 2.3.4 实战范例——月夜
2.3 特殊绘图工具 在Flash CS5中除了绘制图形和线条的工具之外，还有一些特殊的绘图工具，如【刷子工具】、【喷涂刷工具】和【Deco工具】，使用这些工具能够完成一些特殊效果的绘制 刷子工具 喷涂刷工具 Deco工具 实战范例——月夜

19 2.3.1 刷子工具 在Flash CS5中，【刷子工具】可以绘制任意形状的色块，同时使用该工具还可以创建一些特殊的图形效果。
刷子工具 在Flash CS5中，【刷子工具】可以绘制任意形状的色块，同时使用该工具还可以创建一些特殊的图形效果。 在工具箱中选择【刷子工具】，在【属性】面板中对工具的属性进行设置，这里除了可以设置笔触、填充以及端点和接合方式之外，还可以对绘制线条的平滑度进行设置，完成设置后在舞台上拖曳鼠标即可绘制出需要的图形。 刷子模式： 1．标准绘画模式 2．颜料填充模式 3．后面绘画模式 4．颜料选择模式 5．内部绘画模式

20 喷涂刷工具 【喷涂刷工具】类似于一个粒子喷射器，使用它可以将图案喷涂在舞台上。在默认情况下，工具将使用当前选定的填充颜色来喷射粒子点。同时，该工具也可以将按钮元件、影片剪辑和图形元件作为笔刷效果来进行喷涂

21 Deco工具 【Deco工具】是一个装饰性绘画工具，用于创建复杂几何图案或高级动画效果。工具提供了【藤蔓式填充】、【网格填充】和【对称刷子】等多种模式，并内置了默认的图案外供用户选择使用。同时，用户也可以使用图形形状或对象来创建更为复杂的图案，并轻松获得动画效果。 4个典型的效果： 1．藤蔓式填充方式 2．网格填充方式 3．对称刷子 4．火焰动画效果

22 实战范例——月夜 1．范例简介 本范例介绍一幅浪漫的剪影画的制作过程。在本范例的制作过程中，使用【刷子工具】绘制舞台上的树干，使用【喷涂刷工具】喷涂舞台上的飞鸟、繁星和地上的草，使用【Deco工具】绘制树的树枝。通过本范例的制作，读者将能够掌握使用【喷涂刷工具】喷涂默认图形和外部素材图片的方法，掌握使用【Deco工具】的【树刷子】模式绘制树木的操作技巧。同时，读者还可以通过本范例掌握在Flash作品中导入各种外部图片素材的操作方法。 2．制作步骤 略。请参看教材或者观看配盘上的视频教程

23 2.4 其他辅助绘图工具 2.4.1 选取对象 2.4.2 擦除对象 2.4.3 查看对象 2.4.4 实战范例——雨伞
2.4 其他辅助绘图工具 在绘制图形时，有时需要使用一些辅助绘图工具来 帮助图形的绘制，如，调整绘制图形的形状、去除不需要 的图形或查看舞台上绘制图形的细部。 选取对象 擦除对象 查看对象 实战范例——雨伞

24 2.4.1 选取对象 在Flash CS5中，用于进行对象选取的工具有3个，它们分别是【选择工具】、【部分选取工具】和【套索工具】。
选取对象 在Flash CS5中，用于进行对象选取的工具有3个，它们分别是【选择工具】、【部分选取工具】和【套索工具】。 1. 选择工具 2．部分选取工具 3．套索工具

25 2.4.2 擦除对象 在Flash CS5中，使用【橡皮擦工具】能够擦除舞台上对象 的填充和轮廓。在工具箱中选择【橡皮擦工具】 ，在工具箱
擦除对象 在Flash CS5中，使用【橡皮擦工具】能够擦除舞台上对象 的填充和轮廓。在工具箱中选择【橡皮擦工具】 ，在工具箱 的选项栏中选择擦除模式和橡皮擦外形。 1．标准擦除模式 2．擦除填色 3．擦除线条 4．擦除所有填充 5．内部擦除

26 2.4.3 查看对象 Flash CS5提供了【缩放工具】和【手形工具】来帮助设计师更好地查看舞台上的图形对象。 1．手形工具
查看对象 Flash CS5提供了【缩放工具】和【手形工具】来帮助设计师更好地查看舞台上的图形对象。 1．手形工具 在舞台上进行图形绘制和编辑时，有时需要移动舞台以便更好地 查看舞台上的特定图形，此时可以使用【手形工具】 在工具箱中选择【手形工具】，按住鼠标左键移动鼠标可以拖动舞 台画面，这样即可方便地查看到需要的图形。 2．缩放工具 在绘制图形时，有时需要放大舞台画面查看图形的细节，而当 需要了解整个舞台或某个对象的结构时，又需要缩小舞台，这类舞 台画面的缩放操作可以通过使用【缩放工具】 来实现。 在工具箱中选择【缩放工具】，在工具箱的选项栏中单击【放 大】按钮 ，在舞台上单机即可增加舞台画面的显示比例。使用该 工具在舞台上的图形上框选一个区域，则将能够将该区域放大。

27 实战范例——雨伞 1．范例简介 本范例介绍雨伞和滴落雨伞上的雨滴的绘制。本范例使用【多角星形工具】、【钢笔工具】和【椭圆形工具】来绘制基本图形，使用【选择工具】和【部分选取工具】来对图形的形状进行修改。通过本范例的制作，读者将掌握使用【选择工具】和【部分选取工具】来对图形形状进行修改的方法，同时掌握不使用对象旋转和缩放命令，使用【选择工具】和【部分选取工具】实现对象倾斜放置的技巧。 2．制作步骤 略。请参看教材或者观看配盘上的视频教程。

28 2.5 本章小结 图形绘制是Flash CS5动画制作的基础，本章介绍了在Flash中绘制规则图形和不规则图形的方法、在舞台上喷涂各种特殊图形的技巧以及Flash提供的辅助绘图工具的使用方法。通过本章的学习，读者将掌握【铅笔工具】、【钢笔工具】、【刷子工具】、【喷涂刷工具】、【Deco工具】和制规则图形工具的使用方法，能够灵活应用这些工具绘制各种图形。

29 2.6 本章练习 一、选择题 （1）在使用【矩形工具】绘制图形式，要绘制正方形， 可以按哪个键拖动鼠标？ （ ）
2.6 本章练习 一、选择题 （1）在使用【矩形工具】绘制图形式，要绘制正方形， 可以按哪个键拖动鼠标？ （ ） A．【Ctrl】 B．【Alt】 C．【Shift】 D.【Ctrl+Shift】 （2）在使用【铅笔工具】绘制图形时，要使Flash对绘制的线条不作 任何处理，应该使用下面哪种模式？ （ ） A.【对象绘制】 B.【伸直】 C．【平滑】 D.【墨水】 （3）在使用【刷子工具】时，要获得下图的绘图效果，应该使用哪种 模式？ （ ） A．【标准绘画】 B.【颜料填充】 C．【后面绘画】 D.【颜料选择】

30 2.6 本章练习 （4）下面哪个工具是【Deco】工具？ （ ） A B C． D. 二、填空题
2.6 本章练习 （4）下面哪个工具是【Deco】工具？ （ ） A B C． D. 二、填空题 1．在Flash中，绘制矩形可以使用的工具是 或 ，绘制椭圆可以使用的工具是 或 。 2．在绘制图形后，使用 工具可以将尖角点转换为曲线点，要删除锚点可以使用 ，在选择锚点后按 键或 键同样可以删除该锚点。 3．在【喷涂刷工具】的【属性】面板中，勾选【旋转元件】复选框，则在喷涂时将围绕 旋转喷涂粒子；勾选【随机旋转】复选框，则在喷涂时喷涂粒子将按 放置到舞台上；【画笔角度】用于设置粒子 。 4．在使用【橡皮擦工具】时，在 模式下将只擦除填充色，在 模式下将擦除选择区域中的填充色，在 模式下将只会擦除轮廓线。

31 2.7 上机练习和指导 绘制卡通鱼 绘制足球

32 2.7.1 绘制卡通鱼 绘制卡通鱼，绘制完成后的效果， 主要操作步骤指导： （1）使用【椭圆工具】分别绘制鱼的身体和嘴唇，使用【选择工具】
绘制卡通鱼 绘制卡通鱼，绘制完成后的效果， 主要操作步骤指导： （1）使用【椭圆工具】分别绘制鱼的身体和嘴唇，使用【选择工具】 对绘制的椭圆进行修改，获得需要的鱼身体和嘴唇效果。 （2）使用【椭圆工具】绘制5个椭圆，使用【添加锚点工具】添加锚点， 使用【部分选取工具】选择锚点并对锚点进行调整获得鱼鳍和鱼尾。 （3）使用【钢笔工具】绘制鱼身上的鱼鳞和鱼鳍鱼尾上的条纹。 （4）使用【椭圆工具】绘制鱼的眼睛。

33 2.7.2 绘制足球 绘制一个足球 主要操作步骤指导： （1）使用【椭圆工具】绘制一个圆形。
绘制足球 绘制一个足球 主要操作步骤指导： （1）使用【椭圆工具】绘制一个圆形。 （2）使用【多角星形工具】绘制黑色的五边形，将五边形复制5个。 使用【选择工具】将五边形放置到圆中合适的位置，同时对它们的边 调整为弧线，拖动顶点调整它们的大小。 （3）使用【钢笔工具】绘制线条连接各个多边形的顶点，同时对线条 的形状进行调整。