1、Flash CS5中文版基础教程第2章图形的绘制与编辑本章简介本章简介:本章将介绍本章将介绍Flash CS5绘制图形的功绘制图形的功能和编辑图形的技巧,还讲解了多种选能和编辑图形的技巧,还讲解了多种选择图形的方法以及设置图形色彩的技巧。择图形的方法以及设置图形色彩的技巧。读者通过学习,要掌握绘制图形、编辑读者通过学习,要掌握绘制图形、编辑图形的方法和技巧,要能独立绘制出所图形的方法和技巧,要能独立绘制出所需的各种图形效果并对其进行编辑,为需的各种图形效果并对其进行编辑,为进一步学习进一步学习Flash CS5打下坚实的基础。打下坚实的基础。第2章图形的绘制与编辑 课堂学习目标 熟练熟练掌握基
2、本线条与图形绘制的方法掌握基本线条与图形绘制的方法 熟练熟练掌握绘制与选择图形的方法和技巧掌握绘制与选择图形的方法和技巧 掌握掌握编辑图形的方法和技巧编辑图形的方法和技巧 了解了解图形色彩的应用方法图形色彩的应用方法2.1基本线条与图形的绘制 线条工具线条工具 铅笔工具铅笔工具 椭圆工具椭圆工具 刷子工具刷子工具矩形工具矩形工具多角星形工具多角星形工具钢笔工具钢笔工具选择工具选择工具部分选取工具部分选取工具套索工具套索工具课堂案例课堂案例绘制淘依府绘制淘依府标志标志 选择选择“线条线条”工具工具 ,在舞台上单击鼠标,按住鼠标不放并向右拖动到需要,在舞台上单击鼠标,按住鼠标不放并向右拖动到需要的
3、位置,绘制出的位置,绘制出1条直线。在线条工具条直线。在线条工具“属性属性”面板中设置不同的笔触颜色、笔触面板中设置不同的笔触颜色、笔触大小、笔触样式。大小、笔触样式。线条工具“属性”面板 2.1.1线条工具 设置不同的线条属性后绘制的线条 选择选择“铅笔铅笔”工具工具 ,在舞台上单击鼠标,按住鼠标不放,在舞台上随意绘,在舞台上单击鼠标,按住鼠标不放,在舞台上随意绘制出线条。如果想要绘制出平滑或伸直线条和形状,可以在工具箱下方的选项区域制出线条。如果想要绘制出平滑或伸直线条和形状,可以在工具箱下方的选项区域中为铅笔工具选择一种绘画模式。在铅笔工具中为铅笔工具选择一种绘画模式。在铅笔工具“属性属
4、性”面板中设置不同的笔触颜色、面板中设置不同的笔触颜色、笔触大小、笔触样式。笔触大小、笔触样式。铅笔工具“属性”面板 2.1.2铅笔工具 设置不同的线条属性后绘制的图形 选择选择“椭圆椭圆”工具工具 ,在舞台上单击鼠标,按住鼠标不放,向需要的位置拖,在舞台上单击鼠标,按住鼠标不放,向需要的位置拖曳鼠标,绘制椭圆,按住曳鼠标,绘制椭圆,按住Shift键的同时绘制图形,可以绘制出圆形。在椭圆工具键的同时绘制图形,可以绘制出圆形。在椭圆工具“属性属性”面板中设置不同的笔触颜色、笔触大小、笔触样式和填充颜色。面板中设置不同的笔触颜色、笔触大小、笔触样式和填充颜色。椭圆工具“属性”面板 2.1.3椭圆工
5、具 设置不同的边框属性和填充颜色后绘制的图形 选择选择“刷子刷子”工具工具 ,在舞台上单击鼠标,按住鼠标不放,随意绘制出笔触。,在舞台上单击鼠标,按住鼠标不放,随意绘制出笔触。可以在刷子工具可以在刷子工具“属性属性”面板中设置不同的填充颜色和笔触平滑度。面板中设置不同的填充颜色和笔触平滑度。刷子工具 “属性”面板 2.1.4刷子工具 设置不同的刷子形状后所绘制的笔触效果 系统在工具箱的下方提供了系统在工具箱的下方提供了5种刷子的模式可供选择。种刷子的模式可供选择。“标准绘画标准绘画”模式:在同一层的线条和填充上以覆盖的方式涂色。模式:在同一层的线条和填充上以覆盖的方式涂色。“颜料填充颜料填充”
6、模式:对填充区域和空白区域涂色,其他部分(如边框线)不受模式:对填充区域和空白区域涂色,其他部分(如边框线)不受影响。影响。“后面绘画后面绘画”模式:在舞台上同一层的空白区域涂色,但不影响原有的线条和模式:在舞台上同一层的空白区域涂色,但不影响原有的线条和填充。填充。“颜料选择颜料选择”模式:在选定的区域内进行涂色,未被选中的区域不能够涂色。模式:在选定的区域内进行涂色,未被选中的区域不能够涂色。“内部绘画内部绘画”模式:在内部填充上绘图,但不影响线条。如果在空白区域中开模式:在内部填充上绘图,但不影响线条。如果在空白区域中开始涂色,该填充不会影响任何现有填充区域。始涂色,该填充不会影响任何现
7、有填充区域。标准绘画 颜料填充 后面绘画 颜料选择 内部绘画选择选择“矩形矩形”工具工具 ,在舞台上单击鼠标,按住鼠标不放,向需要的位置拖,在舞台上单击鼠标,按住鼠标不放,向需要的位置拖曳鼠标,绘制出矩形图形曳鼠标,绘制出矩形图形,按住,按住Shift键的同时绘制图形,可以绘制出正方形。在键的同时绘制图形,可以绘制出正方形。在矩形工具矩形工具“属性属性”面板中设置不同的笔触颜色、笔触大小、笔触样式和填充颜色。面板中设置不同的笔触颜色、笔触大小、笔触样式和填充颜色。矩形工具“属性”面板 2.1.5矩形工具 设置不同的边框属性和填充颜色后绘制的图形 应用多角星形工具可以绘制出不同样式的多边形和星形
8、。选择应用多角星形工具可以绘制出不同样式的多边形和星形。选择“多角星形多角星形”工具工具 ,在舞台上单击鼠标,按住鼠标不放,向需要的位置拖曳鼠标,绘制出,在舞台上单击鼠标,按住鼠标不放,向需要的位置拖曳鼠标,绘制出多边形多边形。可以在多角星形工具。可以在多角星形工具“属性属性”面板中设置不同的边框颜色、边框粗细、面板中设置不同的边框颜色、边框粗细、边框线型和填充颜色边框线型和填充颜色。多角星形工具“属性”面板 2.1.6多角星形工具 设置不同的边框属性和填充颜色后绘制的图形 选择选择“钢笔钢笔”工具工具 ,将鼠标放置在舞台上想要绘制曲线的起始位置,将鼠标放置在舞台上想要绘制曲线的起始位置,然后
9、按住鼠标不放。此时出现第一个锚点,并且钢笔尖光标变为箭头形状。然后按住鼠标不放。此时出现第一个锚点,并且钢笔尖光标变为箭头形状。松开鼠标,将鼠标放置在想要绘制的第二个锚点的位置,单击鼠标并按住不松开鼠标,将鼠标放置在想要绘制的第二个锚点的位置,单击鼠标并按住不放,绘制出一条直线段。将鼠标向其他方向拖曳,直线转换为曲线。松开鼠放,绘制出一条直线段。将鼠标向其他方向拖曳,直线转换为曲线。松开鼠标,一条曲线绘制完成标,一条曲线绘制完成。2.1.7钢笔工具 绘制曲线的过程 2.1.8选择工具 选择对象选择对象 选择选择“选择选择”工具工具 ,在舞台中的对象上单击鼠标进行点选,在舞台中的对象上单击鼠标进
10、行点选,即可选择对象。按住即可选择对象。按住ShiftShift键,再点选对象,可以同时选中多个对象。键,再点选对象,可以同时选中多个对象。在舞台中拖曳出一个矩形可以框选对象。在舞台中拖曳出一个矩形可以框选对象。移动和复制对象移动和复制对象 选择选择“选择选择”工具工具 ,点选中对象。按住鼠标不放,直接拖曳,点选中对象。按住鼠标不放,直接拖曳对象到任意位置。对象到任意位置。选择选择“选择选择”工具,点选中对象,按住工具,点选中对象,按住AltAlt键,拖曳选中的对象键,拖曳选中的对象到任意位置,选中的对象被复制。到任意位置,选中的对象被复制。调整向量线条和色块调整向量线条和色块 选择选择“选择
11、选择”工具工具 ,将鼠标移至对象,鼠标下方出现圆弧。,将鼠标移至对象,鼠标下方出现圆弧。拖动鼠标,对选中的线条和色块进行调整。拖动鼠标,对选中的线条和色块进行调整。选择选择“部分选取部分选取”工具工具 ,在对象的外边线上单击,对象上出现多个节点。,在对象的外边线上单击,对象上出现多个节点。拖动节点来调整控制线的长度和斜率,从而改变对象的曲线形状。拖动节点来调整控制线的长度和斜率,从而改变对象的曲线形状。2.1.9部分选取工具 改变对象的曲线形状 2.1.10套索工具 “套索套索”工具工具 选择选择“套索套索”工具工具 ,在场景中导入一幅位,在场景中导入一幅位图,按图,按Ctrl+BCtrl+B
12、组合键,将位图进行分离。用鼠标在组合键,将位图进行分离。用鼠标在位图上任意勾选想要的区域,形成一个封闭的选区。位图上任意勾选想要的区域,形成一个封闭的选区。松开鼠标,选区中的图像被选中。松开鼠标,选区中的图像被选中。“魔术棒魔术棒”按钮按钮 选中选中“魔术棒魔术棒”按钮按钮 ,将光标放在位图上,将光标放在位图上,光标变为光标变为 ,在要选择的位图上单击鼠标。与点取点,在要选择的位图上单击鼠标。与点取点颜色相近的图像区域被选中。颜色相近的图像区域被选中。“多边形模式多边形模式”按钮按钮 选中选中选中选中“多边形模式多边形模式”按钮按钮 ,在图像上单,在图像上单击鼠标,确定第一个定位点,松开鼠标并
13、将鼠标移击鼠标,确定第一个定位点,松开鼠标并将鼠标移至下一个定位点,再次单击鼠标,用相同的方法直至下一个定位点,再次单击鼠标,用相同的方法直到勾画出想要的图像,并使选取区域形成一个封闭到勾画出想要的图像,并使选取区域形成一个封闭的状态。双击鼠标,选区中的图像被选中。的状态。双击鼠标,选区中的图像被选中。使用矩形工具、套索工具、铅笔工具、椭圆工具来完成标志的绘制。使用矩形工具、套索工具、铅笔工具、椭圆工具来完成标志的绘制。2.1.11课堂案例绘制衣恋堂标效果图2.2图形的编辑 颜料颜料桶工具桶工具 滴管滴管工具工具 橡皮擦橡皮擦工具工具 任意任意变形工具和渐变变形工具变形工具和渐变变形工具 颜色
14、颜色面板面板 墨水瓶墨水瓶工具工具 课堂课堂案例案例绘制水晶按钮绘制水晶按钮 选择选择“颜料桶颜料桶”工具工具 ,在颜料桶工具,在颜料桶工具“属性属性”面板中将面板中将“填充颜色填充颜色”设为设为红色(红色(#FF0000)。在线框内单击鼠标,线框内被填充颜色。在工具箱的下方系统)。在线框内单击鼠标,线框内被填充颜色。在工具箱的下方系统设置了设置了4种填充模式可供选择。种填充模式可供选择。2.2.1颜料桶工具 根据线框空隙的大小,应用不同的模式进行填充 颜料桶工具“属性”面板 4种填充模式2.2.2滴管工具 吸取填充色吸取填充色 选择选择“滴管滴管”工具工具 ,将光标放在左边图形的填充色,将光
15、标放在左边图形的填充色上,光标变为上,光标变为 ,在填充色上单击鼠标,吸取填充色样本,在填充色上单击鼠标,吸取填充色样本,在工具箱的下方,取消对在工具箱的下方,取消对“锁定填充锁定填充”按钮按钮 的选取,光的选取,光标变为标变为 ,在右边图形的填充色上单击鼠标,图形的颜色,在右边图形的填充色上单击鼠标,图形的颜色被修改被修改吸取填充样本 更改填充色 吸取边框属性吸取边框属性 选择选择“滴管滴管”工具工具 ,将鼠标放在左边图形的外,将鼠标放在左边图形的外边框上,光标变为边框上,光标变为 ,在外边框上单击鼠标,吸取边,在外边框上单击鼠标,吸取边框样本,单击后,光标变为框样本,单击后,光标变为 ,在
16、右边图形的外边框,在右边图形的外边框上单击鼠标,添加边线。上单击鼠标,添加边线。吸取笔触样本 更改笔触样式吸取位图图案吸取位图图案 导入导入0606图片,按图片,按Ctrl+BCtrl+B组合键,将其打散。绘制组合键,将其打散。绘制1 1个圆形图形,选择个圆形图形,选择“滴管滴管”工具工具 ,将鼠标放在位,将鼠标放在位图上,光标变为图上,光标变为 ,单击鼠标,吸取图案样本。单击,单击鼠标,吸取图案样本。单击后,光标变为后,光标变为 ,在圆形图形上单击鼠标,图案被,在圆形图形上单击鼠标,图案被填充。填充。导入位图 绘制圆形 吸取样本 填充图形吸取文字属性吸取文字属性 滴管工具还可以吸取文字的颜色
17、。选择要修改的目标滴管工具还可以吸取文字的颜色。选择要修改的目标文字,选择文字,选择“滴管滴管”工具工具 ,将鼠标放在源文字上,光,将鼠标放在源文字上,光标变为标变为 。在源文字上单击鼠标,源文字的文字属性被。在源文字上单击鼠标,源文字的文字属性被应用到了目标文字上。应用到了目标文字上。吸取文字颜色 更改文字颜色选择目标 选择选择“橡皮擦橡皮擦”工具工具 ,在图形上想要删除的地方按下鼠标并拖动鼠标,在图形上想要删除的地方按下鼠标并拖动鼠标,图形被擦除。在工具箱下方的图形被擦除。在工具箱下方的“橡皮擦形状橡皮擦形状”按钮按钮 的下拉菜单中,可以选择橡的下拉菜单中,可以选择橡皮擦的形状与大小。如果
18、想得到特殊的擦除效果,系统在工具箱的下方设置了皮擦的形状与大小。如果想得到特殊的擦除效果,系统在工具箱的下方设置了5种擦除模式可供选择。种擦除模式可供选择。2.2.3橡皮擦工具 标准擦除 擦除填色 擦除线条 擦除所选填充 内部擦除5种擦除模式 要想删除矢量图形上的线段或填充区域,可以选择要想删除矢量图形上的线段或填充区域,可以选择“橡皮擦橡皮擦”工具工具 ,再,再选中工具箱中的选中工具箱中的“水龙头水龙头”按钮按钮 ,然后单击舞台上想要删除的线段或填充区,然后单击舞台上想要删除的线段或填充区域即可。域即可。擦除填色 擦除线条2.2.4任意变形工具和渐变变形工具任意变形工具任意变形工具 导入导入
19、0808图片,按图片,按Ctrl+BCtrl+B组合键,将其打散。选择组合键,将其打散。选择“任意变形任意变形”工具工具 ,在图形的周,在图形的周围出现控制点。拖动控制点改变图形的大小。光标放在四个角的控制点上时变为围出现控制点。拖动控制点改变图形的大小。光标放在四个角的控制点上时变为 ,拖,拖动鼠标旋转图形。在图形的周围出现控制点,拖动控制点改变图形的大小。系统在工具箱动鼠标旋转图形。在图形的周围出现控制点,拖动控制点改变图形的大小。系统在工具箱的下方设置了的下方设置了4 4种变形模式可供选择。种变形模式可供选择。缩放图形 旋转图形4种模式 倾斜、扭曲、封套效果渐变变形工具渐变变形工具 使用
20、渐变变形工具可以改变选中图形中的填充渐变效果。当图形填充使用渐变变形工具可以改变选中图形中的填充渐变效果。当图形填充色为线性渐变色时,选择色为线性渐变色时,选择“渐变变形渐变变形”工具工具 ,用鼠标单击图形,出现,用鼠标单击图形,出现3 3个个控制点和控制点和2 2条平行线。向图形中间拖动方形控制点,渐变区域缩小。条平行线。向图形中间拖动方形控制点,渐变区域缩小。将鼠标放置在旋转控制点上,光标变为将鼠标放置在旋转控制点上,光标变为 ,拖动旋转控制点来改变渐,拖动旋转控制点来改变渐变区域的角度。变区域的角度。呈现控制框 调整渐变过渡 效果 旋转渐变角度 效果 当图形填充色为径向渐变色时,选择当图
21、形填充色为径向渐变色时,选择“渐变变形渐变变形”工具工具 ,用鼠标单,用鼠标单击图形,出现击图形,出现4 4个控制点和个控制点和1 1个圆形外框,向图形外侧水平拖动方形控制点,个圆形外框,向图形外侧水平拖动方形控制点,水平拉伸渐变区域。水平拉伸渐变区域。将鼠标放置在圆形边框中间的圆形控制点上,光标变为将鼠标放置在圆形边框中间的圆形控制点上,光标变为 ,向图形内,向图形内部拖动鼠标,缩小渐变区域。将鼠标放置在圆形边框外侧的圆形控制点上,部拖动鼠标,缩小渐变区域。将鼠标放置在圆形边框外侧的圆形控制点上,光标变为光标变为 ,向上旋转拖动控制点,改变渐变区域的角度。,向上旋转拖动控制点,改变渐变区域的
22、角度。中心缩放控制框 旋转渐变角度呈现控制框 调整渐变过渡 效果 在工具箱的下方单击在工具箱的下方单击“填充颜色填充颜色”按钮按钮,弹出纯色面板。在面板中可以选,弹出纯色面板。在面板中可以选择系统设置好的颜色,如想自行设定颜色,单击面板右上方的颜色选择按钮择系统设置好的颜色,如想自行设定颜色,单击面板右上方的颜色选择按钮,弹出弹出“颜色颜色”面板,在面板右侧的颜色选择区中选择要自定义的颜色,滑动面面板,在面板右侧的颜色选择区中选择要自定义的颜色,滑动面板右侧的滑动条来设定颜色的亮度。板右侧的滑动条来设定颜色的亮度。2.2.5纯色编辑面板 “颜色”面板“纯色”面板选择选择“窗口窗口 颜色颜色”命
23、令,弹出命令,弹出“颜色颜色”面板。面板。2.2.6颜色面板 自定义纯色自定义纯色 在在“颜色颜色”面板的面板的“颜色类型颜色类型”选项中,选择选项中,选择“纯色纯色”选项。在面板选项。在面板下方的颜色选择区域内,可以根据需要选择相应的颜色。下方的颜色选择区域内,可以根据需要选择相应的颜色。自定义线性渐变色自定义线性渐变色 在在“颜色颜色”面板的面板的“颜色类型颜色类型”选项中选择选项中选择“线性渐变线性渐变”选项选项。将。将鼠标放置在滑动色带上,在色带上单击鼠标增加颜色控制点,并在面板下鼠标放置在滑动色带上,在色带上单击鼠标增加颜色控制点,并在面板下方为新增加的控制点设定颜色及明度。方为新增
24、加的控制点设定颜色及明度。自定义径向渐变色自定义径向渐变色 在在“颜色颜色”面板的面板的“颜色类型颜色类型”选项中选择选项中选择“径向渐变径向渐变”选项。用与选项。用与定义线性渐变色相同的方法在色带上定义径向渐变色,定义完成后,在面定义线性渐变色相同的方法在色带上定义径向渐变色,定义完成后,在面板的左下方显示出定义的渐变色。板的左下方显示出定义的渐变色。自定义位图填充自定义位图填充 在在“颜色颜色”面板的面板的“颜色类型颜色类型”选项中,选择选项中,选择“位图位图”选项。弹出选项。弹出“导入到库导入到库”对话框,在对话框中选择要导入的图片,单击对话框,在对话框中选择要导入的图片,单击“打开打开
25、”按钮,按钮,图片被导入到图片被导入到“颜色颜色”面板中,选择面板中,选择“矩形矩形”工具,在场景中绘制出一个工具,在场景中绘制出一个矩形,矩形被刚才导入的位图所填充。矩形,矩形被刚才导入的位图所填充。使用墨水瓶工具可以修改失量图形的边线。选择使用墨水瓶工具可以修改失量图形的边线。选择“墨水瓶墨水瓶”工具工具 ,在,在“属性属性”面板中设置笔触颜色、笔触以及笔触样式。这时,光标变为面板中设置笔触颜色、笔触以及笔触样式。这时,光标变为 ,在图,在图形上单击鼠标,为图形增加设置好的边线。形上单击鼠标,为图形增加设置好的边线。2.2.7墨水瓶工具 在“属性”面板中设置不同的属性所绘制的边线效果也不同
26、 墨水瓶工具“属性”面板 使用椭圆工具、颜色面板、柔化填充边缘命令、颜料桶工具来完成水晶按使用椭圆工具、颜色面板、柔化填充边缘命令、颜料桶工具来完成水晶按钮的绘制。钮的绘制。2.2.8课堂案例绘制水晶按钮效果图 使用椭圆工具、多角星形工具和铅笔工具绘制背景,使用椭圆工具绘制雪使用椭圆工具、多角星形工具和铅笔工具绘制背景,使用椭圆工具绘制雪人形体,使用钢笔工具和笔刷工具绘制树枝和积雪。人形体,使用钢笔工具和笔刷工具绘制树枝和积雪。2.3课堂练习绘制冬天夜景效果图 使用套索工具删除笔画,使用钢笔工具和线条工具绘制螺旋和直线效果,使用套索工具删除笔画,使用钢笔工具和线条工具绘制螺旋和直线效果,使用椭圆工具和变形面板制作花朵。使用椭圆工具和变形面板制作花朵。2.4课后习题绘制花店标志效果图