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