1、第2章 绘制图形,绘制和调整线条 绘制几何图形 钢笔工具与部分选取工具的使用 用“刷子工具”绘制图形 用“文本工具”制作文字,2.1 线条的绘制和调整,2.1.1 “线条工具”的使用,利用“线条工具” 可以绘制直线，并且可以通过“属性”面板设置“线条工具” 的粗细、颜色、样式等参数，使绘制出的直线具有多种不同风格。,“线条工具”的“属性”面板,设置笔触颜色，即线条颜色,自定义笔触样式,设置笔触样式，即线条样式,设置笔触高度，即线条高度,下面我们通过绘制一颗钻石的轮廓线图，来介绍“线条工具” 的使用方法：,选择“贴紧至对象”按钮 设置“线条工具”属性,1.新建一个Flash文档，选择“线条工具”
2、 然后按下工具箱选项区的“贴紧至对象”按钮 。,2.打开“属性”面板，将“笔触颜色”设为“蓝色#0099FF”，将“笔触高度”设为“3”，其他选项保持默认。,3.将光标移动到舞台中，在按住【Shift】键的同时按住鼠标左键并拖动，绘制一条水平线条 。,4.将光标移动到水平线条的左端点，然后按住鼠标左键并拖动，绘制一条斜线 。,5.利用与步骤4同样的方法在线条右侧绘制一条斜线 。,绘制水平线条 绘制左侧斜线 绘制右侧斜线,绘制左上方的斜线 绘制右上方的斜线 绘制中间的连线,6.将光标移动到左侧斜线的上端点，然后按住鼠标左键并拖动，绘制一条斜线 。,7.再利用与步骤6同样的方法在右侧绘制一条斜线，
3、与左侧的斜线在中点相交 。,8.打开“属性”面板，将“线条工具” 的“笔触高度”设为“1”，然后在刚刚绘制的图形内绘制连线，这样一颗钻石就绘制出来了。,2.1.2 “铅笔工具”的使用,利用“铅笔工具” 可以模仿在纸上绘制图形的效果，在Flash中绘制任意形状的线条和形状。它的使用方法如下：,选择铅笔模式,适用于绘制规则线条，并且会将近似于三角形、圆形和矩形等规则形状的线条自动转换为这些常见的几何形状,适用于绘制流畅平滑的线条,适用于绘制接近徒手画出的线条,1. 选择“铅笔工具” ，单击“选项”区的“铅笔模式”按钮 在弹出的下拉列表中选择铅笔模式，这里我们选择“平滑” 。,“铅笔工具”的“属性”
4、面板 使用铅笔工具绘制图形,2.打开“属性”面板， 设置“铅笔工具” 的属性。,该选项只有在选择“平滑”模式时才出现，其作用是设置线条的平滑度，数值越大，线条越平滑,3.设置好属性后，将光标移动到舞台中，按住鼠标左键并拖动即可绘制图形 。,直线化 平滑 墨水,“铅笔工具” 的3种模式各有其特点，在绘图时应根据不同的需要进行选择。,2.1.3 “选择工具”的使用,舞台中的树叶图形 调整曲线形状,1.打开素材文档 。,“选择工具” 是我们在Flash动画制作过程中最常用的工具之一，利用它可以方便地将图形调整为动画需要的任何形状 。,下面我们通过调整一片树叶的形状，来介绍使用“选择工具” 调整图形形
5、状的方法：,2.选择“选择工具” ，将鼠标移到图形或线条边缘，当光标变为 形状时，按住鼠标左键并拖动可调整图形形状,通过拖出节点改变树叶形状,改变线条端点位置,4.如果图形是开放图形或存在节点，选择“选择工具” 后将光标移动到线条的端点或节点处，光标会呈 形状，此时按住鼠标左键并拖动可改变线条节点的位置和长短。,3.选择“选择工具” 后按住【Ctrl】键，然后将光标移动到线条上或者图形边缘处，当光标呈 形状时，按住鼠标左键并拖动，可拖出一个节点。,2.2 绘制几何图形,2.2.1 “矩形工具”的使用,利用“矩形工具” 可以绘制矩形、正方形和圆角矩形。,“矩形工具”的“属性”面板,选择“矩形工具
6、” 后，可以通过“属性”面板设置所绘图形的填充色和边框属性,在此可设置边框属性,在此可设置填充颜色,“矩形设置”对话框,双击“矩形工具” ，会弹出“矩形设置”对话框，在“边角半径”的编辑框中可输入圆角矩形的半径数值。,绘制矩形、正方形和圆角矩形,设置好参数后，将光标移动到舞台中，按住鼠标左键并拖动，即可绘制矩形或圆角矩形。在拖动鼠标的同时按住【Shift】键，可绘制正方形 。,2.2.2 “椭圆工具”的使用,利用“椭圆工具” 可以绘制出正圆和椭圆。,“椭圆工具”的“属性”面板,“椭圆工具” 的“属性”面板与“矩形工具” 的基本一致。,绘制椭圆形和正圆形,在“属性”面板中设置好相关属性后，在舞台
7、上拖动即可绘制出椭圆，如果在绘制时按住【Shift】键，则可绘制出正圆 。,2.2.3 “多角星形工具”的使用,利用“多角星形工具” 可以绘制多边形和星形。,选择“多角星形工具” “多角星形工具”的“属性”面板,在工具箱中按住“矩形工具” 不放，会弹出一个工具列表，在工具列表中我们可以选择“多角星工具”,“多角星形工具” 的 “属性”面板同“矩形工具” 很相似，只是多出一个“选项”按钮,“工具设置”对话框,单击“选项”按钮 在打开的“工具设置”对话框中可以设置绘制多边形还是星形，以及星形的定点大小。,在此处可设置绘制多边形还是星形,在此处可设置多边形和星形的边数,此选项只对星形起作用，可设置星
8、形顶点的大小,设置好参数后，单击“确定”按钮，将光标移动到舞台中，按住鼠标左键并拖动，即可绘制出多边形或星形 。,利用“多角星形工具”绘制的多边形和星形,“星形顶点大小”为0.5的五角星,“星形顶点大小”为0.1的五角星,课堂练习小兔玩具,小兔玩具,利用前面所学知识绘制一个“小兔玩具 ”的实例，具体步骤请参考书中内容。,2.3 绘制平滑曲线,2.3.1 “钢笔工具”的使用,“钢笔工具”的“属性”面板 确定起始描点,使用“钢笔工具” 可以绘制直线线段和曲线，尤其是通过调节曲线的曲率绘制平滑的曲线是它的强项。下面我们来看看它的使用方法：,1. “钢笔工具” 的“属性”面板与“线条工具” 的完全一样
9、。,2.将光标移动到舞台上的适当位置并单击，确定起始描点 。,绘制直线路径 调整调节杆,3.将光标移动到舞台的另一处，单击创建第二个描点，此时在第一个和第二个描点之间会出现一条浅绿色的线段，我们称其为路径 。,4.将光标移动到舞台的另一位置，按住鼠标左键向任意方向拖动，可拖出一个调节杆，继续按住鼠标向任意方向拖动调节杆，可调整曲线弧度 。,创建封闭路径 将路径转换为线条,5.将光标移动到起始描点处，光标会呈 形状，此时单击可创建封闭路径。,6.路径绘制完成后，在工具箱中选择除“钢笔工具” 组以外的任意工具（或按【Esc】键），即可将路径转换为线条。,添加锚点,删除锚点,7.路径绘制完成后，将光
10、标移动到路径上，光标会呈 形状，此时单击即可添加锚点。,8.将光标移动到已有的锚点上，光标会呈 形状，此时在锚点上单击可以删除锚点。,2.3.2 “部分选取工具”的使用,利用“部分选取工具” ，不但可以显示用其它绘图工具绘制的线条上的锚点，还可以方便地移动锚点位置和调整曲线路径的弧度。它的使用方法如下：,单击显示图形线条的锚点 移动锚点,1.选中“部分选取工具” ，在要修改的线条上单击，可显示出该线条上的锚点。,2.将光标移动到锚点上，然后按住鼠标左键并拖动，可移动锚点位置 。,调整曲线路径的弧度,3.单击曲线描点，在描点两侧会出现调节杆，将光标移动到调节杆上，按住鼠标左键并拖动，可调整曲线路
11、径的弧度，在拖动的同时按住【Alt】键，可单独调整一边的调节杆。,调整两边的调节杆,单独调整一边的调节杆,2.4 用“刷子工具”绘制图形,“刷子工具” 也是常用的绘图工具之一，与前面介绍的绘图工具不同，用它绘制的是任意形状的填充区域而不是线条。其具体使用方法如下：,“刷子工具”的“属性”面板 设置刷子的大小和形状,1.选择 “刷子工具” 后在“属性”面板中可设置“刷子工具” 的填充颜色和平滑度。,2.在工具箱下方的选项区中，会出现“刷子模式”、“刷子大小”和“刷子形状”3个选项，在“刷子大小”和“刷子形状”下拉列表中，可选择刷子大小和形状 。,3.在工具箱选项区中单击“刷子模式” 按钮 ，可选
12、择涂色模式，“刷子工具” 共有五种涂色模式。,选择该模式，绘制的图形将覆盖原图，包括线条和填充色,选择该模式，绘制的图形只覆盖原图填充色，不覆盖线条,选择该模式，绘制的图形只是从原图穿过，不能在原图上绘画,选择该模式，绘制的图形只覆盖原图被选取部分，对没被选取的区域，没有任何影响,选择该模式，只能在起始笔触所在的填充区中涂色，但不影响线条,标准绘画 颜料填充 后面绘画 颜料选择 内部绘画,4.设置好参数后，在舞台中按住鼠标左键并拖动，即可绘制图形 。,2.5 用“文本工具”制作文字,2.5.1 文本的类型,利用Flash中的“文本工具” 可以创建3种类型的文本，分别是静态文本、动态文本和输入文
13、本。下面看看它们各自的作用：,静态文本：静态文本是在制作动画时确定文本内容和外观，最终出现在动画中的文本与在制作动画时设置的样式没有任何变化。本书中如果没有特殊声明，输入的都是静态文本。 动态文本：动态文本是在动画播放时可以动态更新的文本，如股票报价、比赛得分等，它可以根据情况动态改变文本的显示内容以及样式等。动态文本常用在游戏或课件等作品中。 输入文本：输入文本是在动画播放时是可以接受用户输入的文本，是响应键盘事件的一种人机交互的工具。,2.5.2 创建文本,在工具箱中选中“文本工具” ，在舞台中要输入文字的位置单击，然后输入需要的文字即可。以此形式创建的文本无法自动换行，如果要换行必须按【
14、Enter】键。 选中“文本工具” 后，在舞台中按住鼠标左键并拖动，可拖出一个文本框，然后便可在文本框中输入文字，当文字达到文本框边缘时会自动换行。,利用“文本工具” 可以方便地在Flash中创建文本，创建方法有以下两种：,单击输入文字 拖出文本框后输入文字,将光标移动到文本框的4个边角上，当光标呈 形状时，按住鼠标左键并拖动可改变文本框宽度。双击文本框右上角的小方块，可使文本框自动适应输入文字的宽度,2.5.3 设置文字样式,在输入文字时，我们可以通过设置文字的大小、颜色、字体等样式以使文字更加美观。下面介绍如何更改输入后的文字样式：,选中文本 设置文本字体,1.创建文本后，使用“选择工具”
15、 单击文本将其选中，被选中的文本周围会有一个蓝色的方框。,2.打开“属性”面板，然后在“字体”下拉列表中为文字选择字体 。,设置文本大小 设置文本颜色,3.在“字体大小”编辑框中输入数字，可改变字体大小 。,4.单击“文本（填充）颜色”按钮，可在弹出的“拾色器”中选择文本的颜色 。,改变个别字体样式,5.如果要对个别文字进行设置，可在编辑模式下，按住鼠标左键并拖动，选中要设置的文字， 然后便可以对所选文字设置样式了 。,设置文字对齐方式,设置文本格式,6.单击 这几个按钮可设置文字对齐方式，分别为左对齐、居中对齐、右对齐和两端对齐，例如单独选中“史前文化”4个字，然后单击 按钮将这几个字居中对
16、齐。,7.单击“编辑格式选项”按钮 ，可在打开的“格式选项”对话框中设置文本格式，比如进入文本编辑状态后，将光标放在第二段，设置首行缩进20像素 。,改变文字间距,8.在“字母间距” 编辑框中输入数字可改变文字间距，比如将“史前文化”几个字的间距设为30。,选择文本的排列方式,9.单击“改变文本方向”按钮 ，可在弹出的下拉列表框中选择文本的排列方式，例如选中整个文本后，选择“垂直，从左向右”。,设置文字上下标,10.单击“字符位置”选项 右侧的下拉按钮 ，可在弹出的下拉列表中设置被选文字的位置，分别为“正常”、“上标”、“下标”。,正常,下标,上标,选择文字表现方式,11.单击“字体呈现方法”
17、右侧的下拉按钮 ，可在弹出的下拉列表中设置文字在动画中的表现方式，通常选择“动画消除锯齿”或“可读性消除锯齿”选项。,链接文字,12.选中文本后，在“URL 链接” 编辑框中输入网址，可以将文字链接到相应网站，例如为所选文本输入“http:/”，样在播放动画时，单击相应文字，即可打开“百度”网站。,2.5.4 为文本添加滤镜,要在动画中制作出漂亮的文字，仅仅通过设置字体样式还无法满足要求，我们可以通过 “滤镜”面板为文本添加各种效果，具体操作如下：,选中文本和打开“滤镜”面板 选择“斜角”滤镜,1.使用“选择工具” 单击选中要添加特效的文本，然后打开“滤镜”面板。,2.单击“滤镜”面板中的“添加滤镜”按钮 ，从弹出的列表中选择一种滤镜，比如选择“斜角”滤镜。,设置“斜角”滤镜的参数 添加了滤镜特效后的文本效果,3.选中某个滤镜后，可以在“滤镜”面板中对该滤镜的参数进行设置 。,添加了“斜角”滤镜后的文本效果,我们可以为文本添加多个滤镜特效，如果要删除文本上的滤镜效果，只需在“滤镜”面板的滤镜列表框中选中要删除的滤镜，然后单击“删除滤镜” 按钮 即可。,课堂练习等你回家,等你回家,利用前面所学知识为“小兔玩具.fla ”文档绘制流星，并输入文字，具体步骤请参考书中内容。,
