第2章绘制和编辑图形

上传人:三*** 文档编号:179064672 上传时间:2022-12-30 格式:DOC 页数:28 大小:2.85MB
返回 下载 相关 举报
第2章绘制和编辑图形_第1页
第1页 / 共28页
第2章绘制和编辑图形_第2页
第2页 / 共28页
第2章绘制和编辑图形_第3页
第3页 / 共28页
点击查看更多>>
资源描述
第2章 绘制和编辑图形图形能够看成是由线和填充(主要是填充颜色)组成的,填充一般只能够对封闭的图形实行。矢量图形的着色有两种,一是对线的着色,二是对填充着色(或填充位图)。工具箱中的工具一局部仅仅用于绘制和编辑线的,例如:线条工具、铅笔工具、钢笔工具和墨水瓶工具;一局部仅仅用于绘制和编辑填充的,例如:刷子工具、颜料桶工具和填充变形工具;再有一局部能够绘制和编辑线及填充,例如:椭圆工具、矩形工具、多角星形工具、橡皮擦工具、滴管工具、任意变形工具和套索工具等。2.1 “混色器”和“颜色样本”面板及编辑多个对象2.1.1 “混色器”面板单击“窗口”“设计面板”“混色器”菜单命令,可调出“混色器”面板,如图2-1-1左图所示。利用“混色器”面板能够调整笔触颜色和填充颜色,以及设置多色渐变的填充色。 图2-1-1 “混色器”面板2.1.2 “颜色样本”面板单击“窗口”“颜色样本”菜单命令,可调出“颜色样本”面板,如图2-1-5所示。它与线颜色设置的颜色板基本一样,仅仅在底部增加了一行按钮。该行按钮是系统提供的填充效果(线性填充效果和放射状填充效果)样式图标,单击其中一个图标,即可迅速获得相对应的渐变填充色设置。 图2-1-5 “颜色样本”面板【实例13】水晶球按钮“水晶球按钮”图形如图2-1-12所示。它给出了红、蓝、绿三个不同颜色的水晶球按钮图形。水晶球按钮图形的底图是立体的水晶球,其上是有倒影的“水晶球按钮”文字。该图形的制作方法如下。 图2-1-12 “水晶球按钮”图形1制作水晶球(1)创建一个宽550像素,高200像素,背景色为浅蓝色的舞台工作区。单击“视图”“标尺”菜单命令,此时会在舞台工作区上边和左边出现标尺。(2)单击工具箱中的“选择工具”按钮,用鼠标从标尺栏向舞台工作区拖曳,创建3条水平辅助线和3条垂直辅助线,如图2-1-13所示。(3)单击“插入”“新建元件”菜单命令,调出“创建新建元件”对话框,在该对话框内的“名称”文本框中输入“水晶球”,选中“影片剪辑”单项选择项,如图2-1-13所示。再单击“确定”按钮,进入“水晶球”影片剪辑元件编辑状态。 图2-1-13 6条辅助线 图2-1-13 “创建新建元件”对话框设置 (4)单击工具箱中的“椭圆工具”按钮,再在其“属性”面板内设置无轮廓线。调出“混色器”面板,在其“填充样式”下拉列表框中选择“线性”选项,按照图2-1-14所示实行设置,左边为红色(红为255,绿为50,蓝为50,Alpha为100%),右边为灰色(红为60,绿为10,蓝为10,Alpha为100%)。(5)按住Shift键,用鼠标拖曳绘制一个圆形图形,如图2-1-15左图所示。单击工具箱内的“填充变形工具”按钮,单击圆形图形,再用鼠标调整控制柄,使填充色旋转90,如图2-1-15右图所示。然后将圆形图形组成组合。 图2-1-14 “混色器”面板设置 图2-1-15 绘制和调整圆形图形(1)按照上述方法,绘制一个椭圆,椭圆采用颜色线性渐变填充样式,由白色(红为255,绿为255,蓝为255,Alpha为80%)到白色(红为255,绿为255,蓝为255,Alpha为0%)。“混色器”面板设置如图2-1-16所示。使用工具箱内的填充变形工具,调整椭圆如图2-1-17左图所示。然后将圆形图形组成组合。(2)按照上述方法,再绘制一个椭圆,椭圆采用颜色放射状渐变填充样式,由白色(红为255,绿为255,蓝为255,Alpha为90%)到白色(红为255,绿为255,蓝为255,Alpha为0%)。使用工具箱内的填充变形工具,调整椭圆如图2-1-17右图所示。然后将圆形图形组成组合。 图2-1-16 “混色器”面板设置 图2-1-17 绘制和调整椭圆图形(3)将第2个椭圆图形移到红色圆形图形之上,形成一个水晶球图形,然后将三个图形组成组合,如图2-1-18所示。图2-1-18 水晶球图形(4)单击元件编辑窗口中的场景名称图标或按钮,回到主场景舞台工作区。2制作按钮文字(1)单击“插入”“新建元件”菜单命令,调出“创建新建元件”对话框,在该对话框内的“名称”文本框内输入“按钮文字”,选中“影片剪辑”单项选择项,再单击“确定”按钮,进入“按钮文字”影片剪辑元件编辑状态。(2)输入黄色、隶书、40磅的文字“水晶球按钮”,如图2-1-19左图所示。(3)单击选中“图层1”图层,再单击时间轴左下角的“插入图层”按钮,即可在“图层1”图层之上增加一个名字为“图层2”的图层。(4)单击选中“图层1”图层第1帧,单击鼠标右键,调出帧快捷菜单,单击该菜单中的“复制帧”菜单命令,将“图层1”图层第1帧内容复制到剪贴板中。单击选中“图层2”图层第1帧,单击鼠标右键,调出帧快捷菜单,单击该菜单中的“粘贴帧”菜单命令,将剪贴板中的内容复制到“图层2”图层第1帧。(5)单击选中“图层2”图层第1帧内粘贴的“水晶球按钮”文字,单击“修改”“变形”“垂直翻转”菜单命令,将“水晶球按钮”文字垂直翻转,如图2-1-19右图所示。 图2-1-19 “水晶球按钮”文字(6)两次单击“修改”“分离”菜单命令,将“水晶球按钮”文字打碎,成为图形,如图2-1-20所示。对于连笔画现象,可使用工具箱内的“橡皮擦”工具来擦除多余的内容。图2-1-20 将“水晶球按钮”文字打碎(7)单击工具箱中的“选择工具”按钮,水平向左拖曳选中打碎的文字“晶球按钮”,使它们与“水”字连在一起。按照相同的方法,将“水晶球按钮”各个文字均连在一起。(8)单击工具箱中的“刷子工具”按钮,在其“选项”栏内设置刷子大小为最小,设置填充色为黄色,然后在文字各局部之间绘制几条细线,使文字的各局部均连在一起,将“水晶球按钮”文字变为一个对象。此时,使用工具箱中的选择工具”,单击文字中的任何一局部,均能够选中打碎的所有文字,如图2-1-21所示。图2-1-21 修理打碎的文字“水晶球按钮”(9)单击工具箱中的“选择工具”按钮,拖曳鼠标选中打碎的“水晶球按钮”文字。调出“混色器”面板,在其“填充样式”下拉列表框中选择“线性”选项,左边为白色(红为255,绿为255,蓝为255,Alpha为0%),右边为黄色(红为255,绿为255,蓝为0,Alpha为100%)。此时的“水晶球按钮”文字图形如图2-1-22所示。图2-1-22 “水晶球按钮”文字图形线形渐变填充(9)使用工具箱内的填充变形工具,调整“水晶球按钮”文字图形的填充色,如图2-1-23左图所示。然后将“水晶球按钮”文字图形组成组合。调整“图层1”图层内的“水晶球按钮”文字和“图层2”图层内的“水晶球按钮”文字倒影图形的位置,如图2-1-24所示。 图2-1-23 调整文字图形的填充色 图2-1-24 “水晶球按钮”文字和它的倒影(10)单击元件编辑窗口中的场景名称图标或按钮,回到主场景舞台工作区。3制作按钮(1)创建并进入“水晶球按钮”影片剪辑元件的编辑状态,将“库”面板内的“水晶球”影片剪辑元件拖曳到舞台工作区的正中间(2)在“图层1”图层之上添加一个名称为“图层2”的图层。选中“图层2”图层第1帧,再将“库”面板内的“按钮文字”影片剪辑元件拖曳到舞台工作区内,移到“水晶球按钮”影片剪辑实例之上。然后,调整“按钮文字”影片剪辑实例的大小和位置,如图2-1-25所示。(3)单击元件编辑窗口中的场景名称图标或按钮,回到主场景舞台工作区。(4)将“库”面板内的“水晶球按钮”影片剪辑元件拖曳到舞台工作区内。单击工具箱中的“选择工具”按钮,按住Alt键,水平拖曳“水晶球按钮”影片剪辑实例,复制两个“水晶球按钮”影片剪辑实例。(5)单击选中第2个“水晶球按钮”影片剪辑实例,在它的“属性”面板内的“颜色”下拉列表框中选择“色调”选项,再设置颜色为蓝色,Alpha为41%,如图2-1-26左图所示。(6)单击选中第3个“水晶球按钮”影片剪辑实例,在它的“属性”面板内的“颜色”下拉列表框中选择“色调”选项,再设置颜色为绿色,Alpha为39%,如图2-1-26右图所示。 图2-1-25 调整文字大小和位置 图2-1-26 影片剪辑实例“属性”面板设置【实例14】台球和球杆“台球和球杆”图形如图2-1-16所示。能够看到,有10个台球和两个球杆,台球的颜色有红、绿、蓝和紫色四种,台球的类型有两种,台球的号码均不一样。该图形的制作方法如下。图2-1-27 “台球”图形1制作第1种台球图形(1)创建一个Flash文档。设置舞台工作区的宽为560像素宽、高200像素,背景为浅蓝色。然后以名称“【实例14】台球和球杆.fla”保存。(2)打开“【实例13】水晶球按钮.fla”文档,将“库”面板内的“水晶球按钮”影片剪辑元件拖曳到“【实例14】台球和球杆.fla”文档的舞台工作区内。此时,“【实例14】台球和球杆.fla”文档的“库”面板内会自动添加一个名称为“水晶球”的影片剪辑元件。双击该影片剪辑元件的名称,进入它的编辑状态,将该影片剪辑元件的名称改为“台球1”。删除舞台工作区内的“台球1”影片剪辑实例。(3)创建并进入“台球”影片剪辑元件编辑状态。将“库”面板内的“台球1”影片剪辑元件拖曳到舞台工作区内,形成一个红色彩球影片剪辑实例。(4)调出“混色器”面板,在“填充样式”下拉列表框中选择“放射状”选项,填充色为白色(红、绿、蓝均为255)到灰色(红、绿、蓝均为200)的放射状渐变的填充方式。(5)使用工具箱内的椭圆工具,绘制一个灰色小圆图形。输入黑色、16号、黑体、加粗的数字“1”。将数字“1”移到灰色圆中,将数字“1”和灰色圆图形组成组合,再将它们移到“台球1”影片剪辑实例之上,如图2-1-28左图所示。假如它们在“台球1”影片剪辑实例之下,可选中数字“1”和灰色圆图形组成组合,再单击“修改”“排序”“移至顶层”菜单命令,将它们移“台球1”影片剪辑实例的上边。(6)图2-1-28所示台球图形复制2份。然后,将原来的台球图形内的数字“1”、灰色圆图形和“台球1”影片剪辑实例组成组合。(7)使用工具箱内的“选择工具” ,双击复制的第1个台球图形的灰色小圆和数字“1”组成的组合,进入它们的编辑状态。将数字“1”改为数字“2”,再将数字“2”和灰色圆图形在垂直方向调小,并移到红色彩球影片剪辑实例内的下边。然后将数字“2”和灰色圆图形组成组合,如图2-1-28右图所示。(8)按照上述方法,将复制的第1个台球图形的数字改为“4”。(9)按照上述方法,再制作两个紫色台球图形,如图2-1-29所示。 图2-1-28 红色台球图形 图2-1-29 紫色台球图形2制作第2种台球图形(1)调出“混色器”面板,在“填充样式”下拉列表框中选择“放射状”选项,设置渐变色为白色到蓝色。(2)使用工具箱中的椭圆工具,绘制一个圆形图形,如图2-1-30所示。单击按下工具箱内的填充变形工具按钮,再单击立体球,使蓝色球处出现一些控制柄。然后,调整这些控制柄,使亮点在蓝色球的右上方,如图2-1-31所示。(3)按照前面所述方法,添加灰色圆图形和数字“6”,构成蓝色台球,如图2-1-32所示。注意:蓝色球中的灰色小圆和“6”字应在在水平方向压缩一些。 图2-1-30 红色球 图2-1-31 调整亮点位置 图2-1-32 蓝色台球(4)采用相同的方法,再绘制一个蓝色台球和2个绿色台球。然后,调整它们的大小和位置,最后制作出的9个台球图形。(5)单击元件编辑窗口中的场景名称图标或按钮,回到主场景舞台工作区。3制作球杆图形(1)进入名称为“球杆”的影片剪辑元件编辑状态。单击工具箱内的“线条工具”按钮。在其“属性”面板内设置线粗12pts。(2)调出“混色器”面板,在“填充样式”下拉列表框中选择“线性”选项。然后,设置渐变色为橙色(红为150、绿为80、蓝为30)到白色,再到橙色。水平拖曳鼠标,绘制一条水平线条图形,线条图形的渐变色为橙色到白色,再到橙色,如图2-1-33上图所示。(3)使用工具箱内的填充变形工具,再单击水平线条图形。然后,调整这些控制柄,如图2-1-33中图所示,使水平线条图形如图2-1-33下列图所示。(4)使用工具箱内的选择工具,单击选中水平线条图形。再单击“修改”“形状”“将线条转换为填充”菜单命令,将绘制的渐变色线条转换为填充。图2-1-33 绘制球杆(5)将舞台工作区的显示比例调整为400%。使用工具箱内的选择工具,单击舞台工作区内的空白处,不选中任何对象。再将鼠标指针移到矩形图形右边,当鼠标指针处出现一条弧线后,水平向右拖曳鼠标,使矩形图形右边弯曲变尖,如图2-1-34所示。使用相同的方法,使矩形图形左右两边稍稍弯曲。(6)使用工具箱内的“任意变形工具”,再单击选中矩形图形,单击按下“选项”栏中的“扭曲”按钮,按住Shift键,同时用鼠标垂直向下拖曳矩形图形右上角的控制柄,使台球球杆图形右边变细,如图2-1-35所示。 图2-1-34 使矩形图形右边弯曲 图2-1-35 使台球球杆图形右边变细(7)单击元件编辑窗口中的场景名称图标或按钮,回到主场景舞台工作区。4制作主场景(1)单击选中“图层1”图层,将该图层的名称改为“台球”,将“库”面板中的“台球”影片剪辑元件拖曳到舞台工作区中。调整台球的大小与位置,如图2-1-27所示。(2)在“台球”图层之上添加一个名称为“球杆”的新图层,将“库”面板中的“球杆”影片剪辑元件拖曳到舞台工作区中。使用工具箱内的“任意变形工具”,单击球杆图形,再单击按下“选项”栏中的“缩放”按钮,用鼠标拖曳控制柄,调整球杆图形的大小。然后再将球杆复制一份。(3)使用工具箱内的任意变形工具,再单击按下“选项”栏中的“旋转与倾斜”按钮,用鼠标拖曳控制柄,使台球球杆图形倾斜。再将其中一个球杆实行适当地旋转。2.2 绘制线2.2.1 绘制线1线属性的设置线属性包括线的形状、线的粗细(叫线型)和线的颜色等。线属性能够利用线的“属性”面板来设置。单击工具箱内的“铅笔工具”按钮、“线条工具”、“钢笔工具”按钮、“椭圆工具”按钮或“矩形工具”按钮,“属性”面板如图2-2-1上半局部所示(没有“宽”、“高”、“X”和“Y”文本框)。绘制图形后,使用选择工具选中图形,则“属性”面板如图2-2-1所示。图2-2-1 形状的“属性”面板2绘制线条(1)使用线条工具绘制直线(2)使用铅笔工具绘制线条图形选中一个线条或轮廓线图形。然后单击“修改”“形状”“将线条转换为填充”菜单命令。这时选中的线条或轮廓线图形就被转换为填充了。以后,能够使用颜料桶工具,改变填充的样式,能够实现一些特殊效果。2.2.2 墨水瓶工具和滴管工具1墨水瓶工具墨水瓶工具的作用是改变已经绘制线的颜色和线型等属性2滴管工具在Flash 8中,滴管工具的作用是吸取舞台工作区中已经绘制的线条、填充(还包括打碎的位图、打碎的文字)和文字的属性。【实例15】珠宝和翡翠项链“珠宝和翡翠项链”图形的画面如图2-2-12所示。该图形由6个不同颜色的珠宝和一条翡翠项链组成,其中珠宝的绘制方法与【实例13】“水晶球按钮”图形中的水晶球图形的制作方法基本一样,这由读者自行完成。翡翠项链的制作方法如下。图2-2-12 “珠宝和翡翠项链”图形1绘制翡翠项链的线(1)设置舞台工作区大小为600像素宽、230像素高,背景为墨绿色。(2)单击工具箱中的“铅笔工具”按钮,单击工具箱的“选项”栏内的按钮,可弹出三个按钮,单击按下“平滑”按钮。(3)在其“属性”面板的“笔触高度”文本框中输入线条的宽度1(pts),单击“笔触颜色”按钮,调出线条的颜色板,利用该颜色板设置线条的颜色为白色。(4)在舞台工作区中拖曳鼠标,绘制一条封闭的曲线,如图2-2-13所示。(5)使用工具箱内的选择工具 ,将鼠标指针移到线条处,当鼠标指针右下角出现一条弧线时,如图2-2-14所示,拖曳鼠标,能够调整曲线的形状。 图2-2-13 一条封闭的白色曲线 图2-2-14 鼠标指针右下角出现一条弧线2绘制点状线曲线(1)将“图层1”图层的名称改为“翡翠项链线”,单击选中“翡翠项链线”图层,再单击时间轴左下角的“插入图层”按钮,即可在“图层1”图层之上增加一个新的名字为“图层2”的图层。再将“图层2”图层的名称改为“翡翠项链”。(2)单击选中“翡翠项链线”图层第1帧,单击时间轴“图层控制区”内的“翡翠项链线”图层的“锁定/解除锁定图层”列,使该处出现一个小锁,表示该图层已经锁定。(3)单击选中“翡翠项链线”图层第1帧,单击鼠标右键,调出它的快捷菜单,单击该菜单中的“复制帧”菜单命令,将选中的帧复制到剪贴扳中。(4)单击选中“翡翠项链”图层第1帧,单击鼠标右键,调出它的快捷菜单,单击该菜单中的“粘贴帧”菜单命令,将剪贴扳中的内容粘贴到选中的“翡翠项链”图层第1帧内。(5)单击按下工具箱中的“选择工具”按钮,再单击选中“翡翠项链”图层第1帧内的曲线。单击“笔触颜色”按钮,调出线条的颜色板,利用该颜色板设置线条的颜色为绿色,在“笔触高度”文本框中输入线条的宽度18(pts)。(6)单击工具箱中的“自定义”按钮,调出“笔触样式”对话框。在该对话框的“类型”下拉列表框中选择“点状线”选项,在“点距”文本框中输入2,如图2-2-15所示。单击“确定”按钮。(7)单击舞台工作区内曲线外处,此时的点状曲线如图2-2-16所示。 图2-2-15 “笔触样式”对话框 图2-2-16 绘制点状曲线(8)单击工具箱内的“选择工具”按钮,再用鼠标拖曳出一个矩形,将线条全部围起来,选中该线条。再单击“修改”“形状”“将线条转换为填充”菜单命令,将线条转换为填充。(9)按照前面所述方法,利用“混色器”面板设置由白色到绿色的放射状渐变填充颜色。(10)单击按下工具箱内的“颜料桶工具”按钮,再分别单击各个小圆的不同部位,即可获得图2-2-12所示的翡翠项链图形。【实例16】线条延伸“线条延伸”动画运行后的2幅画面如图2-2-17所示。能够看到,上边线条从左向右延伸,下边线条从右向左延伸,左边线条从下向上延伸,右边线条从上向下延伸。在网页和多媒体课件中都会看到有各种类型的线条延伸画面,线条延伸就是线条的一端不动,线条逐渐伸长。线条延伸通常是用来增强画面的动感,分割界面等。假如使用这个技术得当,能够获得极佳的视觉效果。在制作线条延伸动画时,应保证线条的起始位置不变,线条的宽度不变。为了使线条的长度变化时,线条的宽度不变,必须将线条转换为填充。该动画的制作方法如下。 图2-2-17 “线条延伸”动画运行后的2幅画面1制作左边延伸线动画(1)设置舞台工作区的宽为550像素、高为300px高,背景色为黑色。(2)在舞台工作区显示标尺。用鼠标从标尺向内拖曳,产生四条辅助线,如图2-2-2所示。(3)单击按下工具箱中的“线条工具”按钮,在其“属性”面板中“笔触高度”文本框中输入线条的宽度2,单击“笔触颜色”按钮,调出线条的颜色板,利用该颜色板设置线条的颜色为白色。此时线条的“属性”面板如图2-2-3所示。 图2-2-18 标尺和四条辅助线 图2-2-19 “线条工具”的“属性”面板(4)按住Shift键,同时用垂直拖曳鼠标,在舞台工作区的左下角绘制一条垂直的线条,如图2-2-20所示。图2-2-20 在舞台工作区的左下角绘制一条垂直的线条(5)单击工具箱内的“选择工具”按钮,再用鼠标拖曳出一个矩形,将线条全部围起来,选中该线条。单击“修改”“形状”“将线条转换为填充”菜单命令,即可将线条转换为填充物。调出“属性”面板,按照图2-2-21所示实行线条属性的设置。(6)单击工具箱内的“任意变形工具”按钮,选中第1帧的线条,将线条的中心点标记移到线条的底端,如图2-2-21所示。然后,将第1帧复制粘贴到第80帧。(7)调出“信息”面板,单击该面板中的中心点。使中心点出现黑色小方形。此时的“信息”面板如图2-2-22所示。上述操作的目的是:以选中对象的中心点所在的位置为坐标点。或者说,X和Y文本框中的坐标数据用来确定选中对象的中心点的坐标位置。调出“属性”面板,能够看出“属性”面板中的“宽”、“高”、X和Y文本框中的数值(如图2-2-23所示)与“信息”面板中相对应的数据是一致的。 图2-2-21 移动线条的中心点标记 图2-2-22 “信息”面板 图2-2-23 “属性”面板设置(8)单击选中时间轴“图层1”图层的第1帧。单击鼠标右键,调出帧快捷菜单,再单击该菜单中的“创建补间动画”菜单命令,即可创建第1帧到第80帧的动画。(9)选中“图层1”图层第80帧内的线条,将“属性”面板中“高”文本框内的数据改为280.0,使“X”和“Y”文本框中的数值不变,如图2-2-24所示。即可将第80帧的线条长度改为280.0,使线条长度垂直向上增加。至此,左边线条垂直向上增长的动画制作完毕。2制作上边延伸线动画(1)在“图层1”图层之上增加一个名字为“图层2”的图层。选中“图层2”图层第1帧。单击工具箱中的“线条工具”按钮,在舞台工作区的左上角绘制一条水平的白色线条。再将线条转换为填充。将线条对象的中心点标记调整到线条的左端。利用“属性”面板设置线条的宽度为26,高度为2(即线条的宽度),X=8,Y=20,如图2-2-25左图所示。(2)单击选中时间轴“图层”图层的第1帧。鼠标右键单击“图层”图层的第1帧,弹出一个快捷菜单,再单击该菜单中的“创建补间动画”菜单命令。(3)选中时间轴“图层”图层的第80帧,再按F6键,即可创建第1帧到第80帧的动画。然后,将第80帧内线条对象的中心点标记调整到线条的左端。假如第1帧内线条对象的中心点标记位置发生了变化,能够将第80帧复制粘贴到第1帧。 图2-2-24 “属性”面板设置 图2-2-25 “属性”面板设置(5)选中“图层”图层第80帧的线条,将“属性”面板中“宽”文本框中的数据改为540.0,如图2-2-25有图所示。按Enter键后,即可将第80帧的线条长度水平向左改为540.0,使线条长度增加。至此,上边线条水平向左增长的动画制作完毕。3制作右边和下边延伸线动画右边垂直线条延伸动画的制作方法与左边垂直延伸线动画的制作方法基本一样,仅仅线条中心点标记应在线条的顶端;下边水平线条延伸动画的制作方法与上边水平线条延伸动画的制作方法基本一样,仅仅线条中心点标记应在线条的右端。读者可自行完成。2.3 绘制和编辑图形2.3.1 绘制图形1绘制椭圆、矩形和多角星形通常在使用椭圆、矩形和多角星形工具绘图前应先设置笔触属性。注意:使用铅笔和线条工具绘制出的是一个对象,而用椭圆、矩形和多角星形工具绘制出的有填充的图形由两个对象组成:一个是轮廓线,另一个是填充。这两个对象是独立的,能够分离,分别操作。例如绘制一个矩形图形后,单击工具箱中的“选择工具”按钮,再将鼠标指针移到矩形图形内,单击选中填充后拖曳鼠标,即可把填充移开,如图2-3-1所示(第1行是原图形,第2行是分开的图形)。用类似方法还能够选中轮廓线,来分离图形。采用不同线型、线颜色、不同填充绘制的矩形、椭圆、多角星形和多边形图形如图2-3-2所示。 图2-3-1 将轮廓线与填充移开 图2-3-2 绘制的各种图形2刷子工具单击工具箱内的“刷子工具”按钮后,“选项”栏内会出现两个按钮和两个下拉列表框,如图2-3-5所示。 图2-3-5 刷子工具“选项”栏 图2-3-6 画笔模式菜单 图2-3-7 刷子工具绘制的图形2.3.2 编辑图形1使用选择工具改变图形形状 图2-3-8 使用选择工具改变图形形状 图2-3-9 改变形状后的图形2切割图形能够切割的对象有矢量图形、打碎的位图和文字,不包括组合对象。切割对象通常能够采用下述三种方法。(1)单击按下工具箱中的“选择工具”按钮,再在舞台工作区内拖曳鼠标,如图2-3-10左图所示,选中图形的一局部。用鼠标拖曳图形中选中的局部,即可将选中的局部分离,如图2-3-10右图所示。(2)在要切割的图形对象上边绘制一条细线,如图2-3-11左图所示。再使用“选择工具”选中被细线分割的一局部图形,再用鼠标拖曳移开选中的新图形,如图2-3-11右图所示。最后将细线删除。(3)在要切割的图形对象上边绘制一个图形(例如在圆形图形之上绘制一个矩形),再使用选择工具选中新绘制的图形,并将它移出,如图2-3-12所示。 图2-3-10 切割图形1 图2-3-11 切割图形2 图2-3-12 切割图形33橡皮擦工具单击工具箱中的“橡皮擦工具”按钮,工具箱中“选项”栏内会显示出两个按钮和一个下拉列表框。2.3.3 变形对象1对象一般变形调整单击工具箱“选择工具”按钮,选中对象。单击“修改”“变形”菜单命令,弹出其子菜单,如图2-3-13所示。利用该菜单,能够将选中的对象实行各种变形。注意:对于文字、组合和实例等,菜单中的“扭曲”和“封套”是不能够使用的。另外,使用工具箱中的任意变形工具,也可实行封套、缩放、旋转与倾斜等变形。单击选中对象后,再单击任意变形工具,此时工具箱的“选项”栏如图2-3-14所示。对象的变形通常是先选中对象,再实行对象变形的操作。下面介绍对象的变形方法。 图2-3-13 变形菜单 图2-3-14 任意变形工具“选项”栏(1)对象旋转与倾斜调整方法如下。 图2-3-15 旋转对象 图2-3-16 倾斜对象(2)对象缩放与旋转对象调整方法如下。 图2-3-17 等缩放调整对象大小 图2-3-18 单方向调整对象大小(3)扭曲对象的方法如下。 图2-3-19 扭曲对象(4)对象封套调整方法如下。 图2-3-20 封套调整(5)对象任意变形的调整方法如下。 单击“修改”“变形”“任意变形”菜单命令,或单击任意变形工具 。此时,选中的对象四周会出现8个黑色方形控制柄。 将鼠标指针移到控制柄处,根据鼠标指针的形状,拖曳鼠标,能够调整对象的大小、旋转角度、倾斜角度等。用鼠标拖曳中心标记 ,能够改变中心标记的位置。2对象精确变形调整 图2-3-21 “缩放和旋转”对话框和顺时针旋转90度 图2-3-22 “变形”面板【实例17】彩球倒影“彩球倒影”动画播放后的2幅画面如图2-3-23所示。两个立体感很强的红绿彩球在蓝色透明的湖面之上上下移动,同时透过蓝色湖面能够看到两个立体彩球的倒影也在上下移动。该动画的制作方法如下。 图2-3-23 “彩球倒影”图形1创建“彩球”影片剪辑元件(1)创建一个Flash文档。设置舞台工作区大小为450像素宽、300像素高,背景为绿色。单击选中“视图”“网格”“显示网格”菜单项选择项,在舞台工作区内显示网格。(2)单击“库”面板左下角的“新建元件”按钮,调出“创建新元件”对话框,选中“影片剪辑”单项选择项,在“名称”文本框内输入元件名称“彩球”,单击“确定”按钮,进入“彩球”影片剪辑元件的编辑状态。(3)使用工具箱内的“椭圆工具”。再在它的“属性”栏内,设置线类型为实线,颜色为蓝色,线粗为2个像素,无填充色。按住Shift键,用鼠标拖曳绘制一个无填充的圆形图形(直径10个格)。将圆形图形复制一份,复制的圆形图形移到原来图形的右边。(4)选中复制的圆形图形,如图2-3-24左图所示。单击“窗口”“变形”菜单命令,调出“变形”面板,不选中该面板中的“约束”复选框,在其“宽度”文本框内输入33.33,如图2-3-24中所示。按回车键,即可将圆形图形转换为水平方向缩小为原图的33.33%的椭圆形图形。再单击“变形”面板右下角的按钮,能够复制一份同样的椭圆图形。然后,将复制的椭圆图形移到原椭圆图形的左边,如图2-3-24右图所示。 图2-3-24 复制椭圆和“变形”面板设置(5)单击选中圆形图形,将圆形图形复制一份,再将复制的圆形图形移到原来图形的左边。在“变形”面板的“宽度”文本框内输入66.66。按照上述方法,绘制水平方向缩小为原图形的66.66%的椭圆形图形,并移到原图形的左边,如图2-3-25所示。(6)选中圆形图形左边的一个椭圆,单击“修改”“变形”“顺时针旋转90度”菜单命令,将椭圆旋转90。再将圆形图形右边的另一个椭圆图形旋转90。然后将它们移到圆内,再将两个剩余的图形移到圆形图形中,如图2-3-26所示。 图2-3-25 几个椭圆图形 图2-3-26 彩球轮廓线(7)设置填充颜色为深红色,再给图2-3-26所示的彩球轮廓线的一些区域填充红色,如图2-3-27所示。调出“混色器”面板,在“填充样式”下拉列表框内选择“放射状”选项。设置填充颜色为白、绿、黑色放射状渐变色(白色到绿色)。绘制一个同样大小的无轮廓线绿色彩球图形,如图2-3-28所示。(8)使用工具箱内的“选择工具”,再单击选中图2-3-27所示的彩球线条,按删除键,删除所有线条。此时的彩球如图2-3-29所示。然后,给该彩球左上角的两个色块填充由白色到红色的放射状渐变色,如图2-3-30所示。(9)将图2-3-29所示的全部图形组合。再将图2-3-28所示的绿色彩球组合。然后,将绿色彩球移到图2-3-29所示的彩球之上,如图2-3-23中的彩球所示。假如绿色彩球将图2-3-29所示图形覆盖,可单击“修改”“排列”“移至底层”菜单命令。 图2-3-27 填充红色 图2-3-28 绿色彩球 图2-3-29 删除线条 图2-3-30 填充色(10)用鼠标拖曳选中彩球图形,将它组合。(11)单击元件编辑窗口中按钮,回到主场景舞台工作区。2制作彩球倒影(1)将“图层1”图层的名称改为“背景”,选中“底图”图层第1帧。导入一幅“桂林山水”图像,调整该图像大小和位置,使它刚好将整个舞台工作区覆盖。(2)在“背景”图层之上添加一个名称为“遮挡”的图层。使用工具箱内的“选择工具”,单击选中“背景”图层第1帧,单击鼠标右键,调出帧快捷菜单,单击该菜单内的“复制帧”菜单命令,将“背景”图层第1帧复制到剪贴板中。(3)单击选中“遮挡”图层第1帧,单击鼠标右键,调出帧快捷菜单,单击该菜单内的“粘贴帧”菜单命令,将剪贴板中的内容粘贴到“遮挡”图层第1帧。(4)单击选中“遮挡”图层第1帧内的“桂林山水”图像,单击“修改”“分离”菜单命令,将“桂林山水”图像打碎。使用工具箱内的“选择工具”,拖曳出一个矩形,将“遮挡”图层第1帧内的“桂林山水”图像的湖面外局部选中,如图2-3-31所示。按Delete键,删除选中的图像,剩下湖面图像。(5)选中剩下的湖面图像,单击“修改”“转换为元件”菜单命令,调出“转换为元件”对话框。在该对话框内的“名称”文本框内输入“湖面”,再单击“确定”按钮,将选中的湖面图像转换为“湖面”影片剪辑元件的实例。(6)单击选中“遮挡”图层第1帧内的“湖面”影片剪辑实例,在它的“属性”面板内的“颜色”下拉列表框中选择“Alpha”选项,调整Alpha值为69% 。(7)在“遮挡”图层之上创建一个名称为“彩球”的图层,单击“窗口”“库”菜单命令,调出“库”面板。选中“彩球”图层第1帧,两次将“库”面板中的“彩球”影片剪辑元件拖曳到舞台工作区中。将两个“彩球”影片剪辑实例的宽和高均调整为50像素。(8)在“背景”图层之上创建一个名称为“彩球倒影”的图层。单击选中“彩球倒影”图层第1帧,两次将“库”面板中的“彩球”影片剪辑元件拖曳到舞台工作区中。将两个“彩球”影片剪辑实例的宽和高均调整为50像素。(9)利用“对齐”面板将第1帧的四个彩球按照图2-3-32所示排列对齐。 图2-3-31 拖曳出一个矩形 图2-3-32 将四个彩球对齐3制作彩球和彩球倒影上下移动动画(1)将鼠标指针移到“彩球”图层的第1帧,单击鼠标右键,弹出一个帧快捷菜单,再单击该菜单中的“创建补间动画”菜单命令。此时,该帧具有了补间动画的属性。(2)单击选中“彩球”图层的第80帧,按F6键,创建第1帧到第80帧的补间动画。单击选中“彩球”图层的第40帧,按F6键,创建一个关键帧。然后将第40帧的两个彩球垂直上移。(3)将鼠标指针移到“彩球倒影”图层的第1帧,单击鼠标右键,弹出一个帧快捷菜单,再单击该菜单中的“创建补间动画”菜单命令。此时,该帧具有了补间动画的属性。(4)单击选中“彩球倒影”图层的第80帧,按F6键,创建第1帧到第80帧的补间动画。单击选中“彩球倒影”图层的第40帧,按F6键,创建一个关键帧。然后将第40帧的两个彩球垂直下移。至此整个动画制作完毕,该动画的时间轴如图2-3-33所示。图2-3-33 “彩球倒影”动画的时间轴【实例18】电风扇“电风扇”动画播放后,画面出现3台不同颜色的电风扇,电风扇的扇叶在顺时针转动。动画播放后的一幅画面如图2-3-34所示。该动画的制作方法如下。图2-3-34 “电风扇”动画播放后的一幅画面1制作“转动的扇叶”影片剪辑元件(1)创建一个Flash文档。设置舞台工作区大小为600像素宽、250像素高,背景为黄色。(2)创建并进入“扇叶”图形元件的编辑窗口。使用工具箱内的“椭圆工具”,设置不画轮廓线,设置填充色为蓝色到白色再到蓝色的线性渐变。按住Shift键,同时使用鼠标在舞台工作区中拖曳绘制出一个圆形图形。(3)使用工具箱内的“选择工具”,在不选中圆形图形的情况下,拖曳圆形图形的边缘,改变它的形状,形成扇叶状,如图2-3-35左图所示。(4)利用“变形”面板,复制三个旋转了90度的扇叶,注意扇叶的中心要与舞台中心十字对齐,如图2-3-35中图所示。然后将它们组成组合,再将中心点标记移到扇叶的中心点处,如图2-3-35右图所示。(5)单击元件编辑窗口中的场景名称图标或按钮,回到主场景舞台工作区。(6)创建并进入“转动的扇叶”影片剪辑元件的编辑窗口。调出“库”面板。将“库”面板中的“扇叶”图形元件拖曳到元件编辑区中,并将其中心十字与舞台中的十字对齐。(7)制作第1帧到第30帧的动作动画。单击选中“图层1”图层第1帧,再在其“属性”面板内的“旋转”下拉列表框内选择“顺时针”选项,在其右边的文本框中输入1,如图2-3-36所示,使扇叶顺时针旋转1周。 图2-3-35 扇叶图形 图2-3-36 “属性”面板设置(8)单击元件编辑窗口中的场景名称图标或按钮,回到主场景舞台工作区。2制作电风扇(1)创建并进入“电风扇”影片剪辑元件的编辑窗口。然后,在“图层1”图层第1帧中绘制电风扇框架图形,如图2-3-37所示。(2)在“图层1”图层之上新建一个“图层2”图层,将“图层1”图层第1帧复制粘贴到“图层2”图层第1帧,再将“图层2”图层第1帧内的电风扇框架图形旋转一点角度。最后效果如图2-3-38所示。 图2-3-37 电风扇框架 图2-3-38 两个电风扇框架(3)在“图层1”图层之上新建一个“图层3”图层,将“库”面板中的“转动扇叶”影片剪辑元件拖曳到舞台工作区中,调整它的位置,如图2-3-39所示。(4)在“图层1”图层之下新建一个“图层4”图层,绘制电风扇的支架图形,如图2-3-40所示。调整各图层中图形的大小和位置,最后效果如图2-3-34左图所示。(5)单击元件编辑窗口中的场景名称图标或按钮,回到主场景舞台工作区。 图2-3-39 加入“转动扇叶”影片剪辑实例 图2-3-40 电风扇的支架 (6)三次将“库”面板内的“电风扇”影片剪辑元件拖曳到主场景的舞台工作区内,采用【实例13】“水晶球按钮”图形的制作方法,调整三个“电风扇”影片剪辑实例的颜色,最终效果如图2-3-34所示。【实例19】彩蝶“彩蝶”图形如图2-3-41所示。该图形的制作方法如下。(1)使用工具箱中的“矩形工具”,设置线为黄色,填充色为七彩色。在舞台工作区中绘制一个长条矩形。如图2-3-42所示。 图2-3-41 “彩蝶”图形 图2-3-42 七彩矩形(2)单击工具箱中的“任意变形工具”按钮,单击按下工具箱“选项”栏内的“封套”按钮,使图像处出现一些控制柄。用鼠标拖曳控制柄,改变矩形形状,如图2-3-43所示。(3)使用工具箱中“填充变形工具”,单击填充,使图像处出现一些控制柄,再用鼠标拖曳调整这些控制柄,使填充的图像如图2-3-41所示。(4)使用工具箱中的“椭圆工具”,设置不画轮廓线、填充色设置为蓝色到浅蓝色渐变。在适当位置绘制出蝴蝶椭圆形身体。使用工具箱中的“线条工具”,设置线条颜色为黄色,绘制两条直线。(5)使用工具箱内的“选择工具”,拖曳直线,使这两条直线成为曲线,即形成蝴蝶触角,如图2-3-41所示。绘制完成后的效果如图2-3-41所示。 图2-3-43 封套调整【实例20】春节快乐“春节快乐”图形如图2-3-44所示。该动画的制作方法如下。图2-3-44 “春节快乐”图形1制作“大红灯笼”影片剪辑元件(1)创建一个Flash文档。设置舞台工作区大小为600像素宽、260像素高,背景为白色。(2)创建并进入“大红灯笼”影片剪辑元件的编辑窗口。单击工具箱中的“椭圆工具”按钮,设置不画轮廓线。调出“混色器”面板,在“填充样式”下拉列表框中选择“放射状”选项。设置渐变色为浅黄色到深红色。在舞台工作区中绘制一个椭圆图形,如图2-3-45所示。(3)使用工具箱内的“填充变形工具”,单击椭圆图形,使椭圆图形显示出控制柄。调整控制柄,使亮点在立体椭圆形的中间,如图2-3-46所示。将“灯笼”图形的浅红色和深红色的Alpha值调整为80,使“灯笼”图形具有一定的透明度。(4)在“图层1”图层上边新建一个“图层2”图层,单击选中“图层2”图层的第1帧。使用工具箱中的线条工具,设置线条颜色为浅绿色、“笔触高度”为3pts、“笔触样式”为“实线”,在舞台工作区中“灯笼”实例的中间位置绘制一条直线,如图2-3-47所示。 图2-3-45 椭圆形图形 图2-3-46 调整填充 图2-3-47 绘制一条直线(5)使用工具箱中的“选择工具”,将鼠标指针移到直线处,当鼠标指针右下角出现一个小弧线时,向左拖曳鼠标使线向左弯曲,如图2-3-48所示。使用工具箱中的任意变形工具,单击选中弯曲后的线条,调出控制柄。拖曳线条的圆形中心标记将其移到“灯笼”实例的中心处,如图2-3-49所示。(6)使用工具箱中的选择工具。单击选中弯曲后的线条,按Ctrl+C键复制线条。然后,单击“编辑”“粘贴到当前位置”菜单命令,将线条粘贴到原来的位置上。单击“修改”“变形”“水平翻转”菜单命令。将复制出的线条水平翻转。如图2-3-50所示。 图2-3-48 弯曲直线 图2-3-49 移动线条的圆形中心标记 图2-3-50 复制并水平翻转线条(7)按照上述方法完成灯笼线条的制作。完成后的效果如图2-3-51所示。(8)使用工具箱中的矩形工具,设置轮廓线为红色,“笔触高度”为2像素,填充色为棕色到黄色再到浅黄色的线性渐变。在舞台工作区中灯笼图形上边和下边分别绘制两个矩形。并使用工具箱内的填充变形工具,调整好这两个矩形的填充色,如图2-3-52所示。然后,绘制灯笼挂钩(绘制一个椭圆,再截取一半),如图2-3-53所示。 图2-3-51 灯笼线条图形 图2-3-52 绘制两个长条矩形 图2-3-53 绘制灯笼的挂钩(9)单击工具箱内的“刷子工具”按钮,“选项”栏内,设置刷子的大小为最小设置刷子形状为椭圆形。在大红灯笼下边绘制一些金黄色的灯笼穗。(10)选中整个大红灯笼图形,单击“修改”“组合”菜单命令,将它们组成组合。单击元件编辑窗口中的按钮,回到舞台工作区的主场景。2制作“大红灯笼”影片剪辑元件(1)选中主场景内的“图层1”图层,绘制一个挂灯笼的横杆,如图2-3-44所示。(2)在“图层1”图层之上添加“图层2”图层,选中“图层2”图层第1帧。调出“库”面板,将“库”面板内的“大红灯笼”的影片剪辑元件4次拖曳到舞台工作区中,再调整它们的大小和位置,使它们的顶部与挂灯笼的横杆对齐,并均与分布。(3)在“图层2”图层之上添加“图层3”图层,选中“图层3”图层第1帧。然后,在三个“大红灯笼”影片剪辑实例的上边分别输入黄色、华文楷体、80磅的“春”、“节”、“快”和“乐”文字。2.4 矢量绘图和修改形状2.4.1 矢量绘图1钢笔工具利用钢笔工具能够绘制矢量直线与曲线。绘制直线,只要单击直线的起点与终点即可。绘制曲线采用贝赛尔绘图方式,它通常有两种方法。 图2-4-1 贝赛尔绘图方式之一 图2-4-2 绘图步骤二 图2-4-3 绘制完的曲线 图2-4-4 贝赛尔绘图方式之二 图2-4-5 绘图步骤二 图2-4-6 绘制完的曲线2局部选择工具局部选择工具能够改变矢量图形的形状。单击工具箱中的“局部选择工具”按钮,再单击线条或轮廓线,选中它们,如图2-4-7所示。用鼠标拖曳节点,会改变线和轮廓线的形状,如图2-4-8所示。另外,按住Alt键,同时鼠标拖曳调整控制柄,就能够单独调整控制柄的一端,如图2-4-9所示。 图2-4-7 矢量线的节点 图2-4-8 改变图形形状 图2-4-9 矢量图形的节点和切线2.4.2 修改形状1扩展填充大小和柔化填充边缘 图2-4-11 “扩展填充”对话框(2)柔化填充边缘 图2-4-12 扩展填充效果 图2-4-13 “柔化填充边缘”对话框 图2-4-14 柔化填充效果注意:上边两个对话框中的“距离”和“步骤数”文本框中的数据不能够太大,否则会产生元图形被擦除的效果。另外,在使用柔化时,“距离”和“步骤数”文本框内输入的数值假如太大,会使计算机处理的时间太长,甚至会出现死机现象。2平滑和伸直能够通过平滑和伸直线条或形状轮廓,来改变线条或形状轮廓的形状。3优化曲线图2-4-15 “最优化曲线”对话框在Flash 8中,一个线条是由很多“段”组成的,前面介绍的用鼠标拖拽来调整线条,实际上一次拖拽操作仅仅调整一“段”线条,而不是整条线。优化曲线就是通过减少曲线“段”数,即通过一条相对平滑的曲线段代替若干相互连接的小段曲线,从而达到使曲线平滑的目的。通常,在实行扩展填充和柔化操作之前能够实行一下优化操作,这样能够避免出现因扩展填充和柔化操作出行的删除局部图形的现象。优化曲线还能够缩小Flash文件字节数。优化曲线的操作与单击“平滑”按钮一样,能够针对一个对象实行多次。【实例21】青竹月圆“青竹月圆”动画播放后的两幅画面如图3-4-16所示。一轮明月当空,慢慢从青竹林中移出。该动画的制作方法如下。 图3-4-16 “青竹月圆”动画播放后的两幅画面1绘制蓝天和绿草(1)设置舞台工作区宽为550像素、高为400像素,背景色为蓝色。(2)单击选中“图层1”图层的第1帧,使用工具箱中的“矩形工具”。在舞台工作区中拖曳绘制一个于舞台工作区大小相同的、没有轮廓线的、填充色是深蓝色到蓝色再到浅灰色的线性渐变色的矩形,如图3-4-17左图所示。(3)单击工具箱中的“填充变形工具”按钮。再单击舞台工作区中矩形对象的线性填充调出控制柄,用鼠标拖曳这些控制柄将填充旋转到适当角度。如图3-4-24右图所示。(4)在“图层1”图层之上添加一个名称为“图层2”的图层。单击选中“图层2”图层第1帧。单击工具箱中的“多角星形工具”按钮。单击它的“属性”面板中的“选项”按钮,调出“工具设置”对话框,该对话框中各项参数的设置如图3-4-18所示。 图3-4-17 线性渐变填充效果和调整填充 图3-4-18 “工具设置”对话框设置(5)设置填充色为黄色,没有轮廓线,在舞台工作区内拖曳鼠标,绘制一个没有轮廓线、黄色的“星星”图形。然后,复制几个“星星”图形,并分别调整他们的大小和位置。(6)在底部绘制山脉图形,在蓝天之上绘制一些灰色的云朵图形(由读者自行完成),如图3-4-23所示。然后,将“图层1”图层和“图层2”图层锁定。(7)在“图层2”图层之上新建一个“图层3”图层。单击选中“图层3”图层的第1帧。使用工具箱中的线条工具。调出它的“属性”面板,再在该面板中设置“笔触颜色”为绿色;“笔触样式”为“
展开阅读全文
相关资源
正为您匹配相似的精品文档
相关搜索

最新文档


当前位置:首页 > 图纸专区 > 中学资料


copyright@ 2023-2025  zhuangpeitu.com 装配图网版权所有   联系电话:18123376007

备案号:ICP2024067431-1 川公网安备51140202000466号


本站为文档C2C交易模式,即用户上传的文档直接被用户下载,本站只是中间服务平台,本站所有文档下载所得的收益归上传人(含作者)所有。装配图网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对上载内容本身不做任何修改或编辑。若文档所含内容侵犯了您的版权或隐私,请立即通知装配图网,我们立即给予删除!