2.2 绘图工具的使用

随着Flash软件的不断升级,软件的绘图功能也越来越强大。Flash CS3作为目前的最新版本,有很强的绘图功能,可以方便、快捷地绘制出各种各样的图形,操作也更加便捷。在Flash动画的制作过程中,将会大量地运用矢量图形。本节主要讲述绘图工具的使用,以及综合利用这些工具绘制各种图形。

任务2设计精致的小屋

情景模拟

通过线条勾画的有门有窗的精致立体小屋,如图2-8所示。

图2-8 立体小屋

任务目标与分析

由于【线条工具】是Flash CS3中最基本也是最重要工具,在会使用的同时,也要能够熟练掌握【线条工具】的使用技巧,绘制出漂亮的图形。

操作步骤

(1)选择【文件】→【新建】命令,新建一个Flash文档。选择【线条工具】,在“属性”面板中将笔触高度设为2,笔触颜色设为蓝色(#0000FF),如图2-9所示。

图2-9 参数设置

(2)选择【视图】→【网格】→【显示网格线】命令,将网格线显示出来,用【线条工具】在舞台上画出房子的轮廓,注意衔接点的连接,如图2-10所示。

(3)同样,用【线条工具】画出小屋的烟囱,如图2-11所示。

(4)在小屋的屋顶上画出装饰部分,如图2-12所示。

(5)给小屋添上一扇门,如图2-13所示。

图2-10 小屋的轮廓图

图2-11 画出烟囱后的小屋

图2-12 画出装饰部分的小屋

图2-13 画出门后的小屋

小知识

若【贴紧至对象 】按钮处于选中状态,单击此对象取消选中,这样可以画出距离很近的两条线。

(6)再给小屋添上两个窗户,就完成了效果图制作,如图2-14所示。

(7)选择【文件】→【保存】命令,将作品保存为“小屋子.fla”。

(8)按Ctrl+Enter组合键测试影片,如图2-8所示。

图2-14 画出窗户后的小屋

知识链接

线条工具

【线条工具】是Flash中最基本、最常用的工具,使用【线条工具】可以轻松绘制出平滑的直线。

单击工具箱中的【线条工具】,然后将指针移动到工作区后就会变成一个十字形,这说明已经激活了该工具。此时,窗口下面的“属性”面板会变成直线工具属性面板,可以对直线工具的属性进行设置,如图2-15所示。

图2-15 直线工具属性面板

面板中各参数作用及设置如下。

(1)笔触颜色:用来设置线条颜色。用鼠标单击笔触颜色框,会打开如图2-16 所示的调色板,可以对笔触颜色进行选择。

图2-16 笔触颜色选择

(2)笔触高度:用来设置所绘线条的宽度,范围从0.25~200,可以通过右边的滑杆来调节,单位是dpi。

(3)笔触样式:用来选择所绘的线条类型,比如实线、虚线、点状线、锯齿线、点描线等,各种线条如图2-17所示。

(4)端点:设定直线端点的状态,有“无”、“圆角”和“方形”三个选择项,各项设置效果如图2-18所示。

图2-17 “笔触样式”下拉列表框图

图2-18 直线端点的三种状态

(5)接合:定义两个路径片段的相接方式,有“尖角”、“圆角”和“斜角”三个选项,各项设置效果如图2-19所示。

图2-19 两个路径的相接方式

(6)笔触提示:可在全像素下调整直线锚点和曲线锚点,防止出现模糊的垂直或水平线。

(7)缩放:在播放器中保持笔触缩放,它的选择有“一般”、“水平”、“垂直”和“无”。

(8)自定义:使用户自己定义线型,即笔触样式。在这里可定义实线、虚线、点状线、锯齿状线、点描线和斑马线等,图2-20是“笔触样式”对话框。

图2-20 “笔触样式”对话框

(9)【线条工具】用法:选中【线条工具】,给出相应的设置后,在舞台上直接拖动鼠标即可绘制出线条。

小知识

在绘制的过程中如果按下Shift键,可以绘制出垂直、水平的直线,或者45°斜线。

任务3绘制弯弯的小路

情景模拟

一条弯弯的小路,从精致的小屋前一直延伸到远方,如图2-21所示。

图2-21 小屋前的路

任务目标与分析

【铅笔工具】也是Flash在绘图中经常使用的工具,它不但可以画直线,而且可以画出优美的曲线,在作图中应用广泛。通过本任务来学习熟练钢笔工具的使用。

操作步骤

(1)打开“任务2”中绘制的“精致的小屋”,并利用【选择工具】选中整个小屋子,将其放在舞台靠左上角的位置。

(2)用鼠标单击舞台空白处,在文档的“属性”面板中,单击【文档属性】按钮,将舞台高设为“500像素”。

(3)双击“属性”面板的标题栏,将其隐藏,使舞台的面积尽量大地显示在屏幕上。拖动舞台右侧滚动条,调整舞台位置,使舞台下面的区域都显示出来。

(4)单击【铅笔工具】,在工具箱下侧的铅笔附属工具选项中设置的铅笔模式为“平滑”,然后在舞台上拖动鼠标,在小屋门前绘制出一条弯弯的小路,如图2-22所示。

(5)单击【文件】→【保存】命令,将作品保存为“小屋_路.fla”。

(6)按Ctrl+Enter组合键测试影片,如图2-21所示。

试一试

动动手,给烟囱加点“烟”,使小屋更有活力,如图2-23所示。

图2-22 小屋之路

图2-23 画上“烟”的小屋

知识链接

铅笔工具

【铅笔工具】可以更自由地绘制线条,它的使用方法和真实铅笔的使用方法大致相同。用它可以绘制出比较柔和的曲线。

【铅笔工具】的属性面板和【线条工具】面板基本相同,但【铅笔工具】的属性面板下面多了一项“平滑”选项,如图2-24 所示。当选择【铅笔工具】时,在工具箱下侧会出现“铅笔模式”附属选项,通过它可以选择笔触的模式,有3 种模式可供选择,如图2-25所示。

图2-24 【铅笔工具】面板的平滑选项

图2-25 铅笔模式附属工具选项

(1)直线化:在绘图过程中,会将线条转换成接近形状的直线,绘制的图形趋向平直、规整。

(2)平滑:适用于绘制平滑图形,在绘制过程中会自动将所绘图形的棱角去掉,转换成接近形状的平滑曲线,使绘制的图形趋于平滑、流畅。

(3)墨水:可随意地绘制各类线条,这种模式不对笔触进行任何修改。

如图2-26所示是三种铅笔模式效果比较。

图2-26 三种铅笔模式效果比较

【铅笔工具】的用法:选中【铅笔工具】后,先进行有效的设置,然后在舞台上直接拖动即可绘制出相应的线条。

任务4绘制“天下粮仓”

情景模拟

电视剧“天下粮仓”给人们留下了很深的印象,剧中的一个个粮仓存储着国家的命运。粮仓的形状还有印象吗?下面来画一个“天下粮仓”,如图2-27所示。

图2-27 天下粮仓

任务目标与分析

【钢笔工具】能绘出柔美的曲线,【刷子工具】能起到填色作用,这两种工具一起使用,能够绘制出出色的图形。通过“天下粮仓”的绘制来学习这两个工具的综合运用。

操作步骤

(1)选择【文件】→【新建】命令,新建一个Flash文档。按Ctrl+’组合键使舞台上显示出网格线(绘图中会经常用到显示网格线)。

(2)用【钢笔工具】在舞台上绘制出粮仓的顶部,如图2-28所示。

(3)用【钢笔工具】和【刷子工具】绘制出仓顶的边沿,如图2-29所示。

图2-28 绘出粮仓顶部

图2-29 绘制粮仓顶的边沿

(4)用【线条工具】或【钢笔工具】绘制出粮仓的主体部分,并在仓顶绘制出一面飘动的小旗,如图2-30所示。

(5)用【刷子工具】绘制出粮仓周围的小草,如图2-31所示。

图2-30 绘出粮仓体和小旗

图2-31 绘出粮仓周围的小草

(6)给粮仓画上有趣的“笑脸”如图2-32所示。

图2-32 画出笑脸

(7)选择【文件】→【保存】命令,将作品保存为“天下粮仓.fla”。

(8)按Ctrl+Enter组合键测试影片,效果如图2-27所示。

知识链接

钢笔工具

【钢笔工具】又叫贝塞尔曲线工具,它是许多绘图软件广泛使用的一种重要工具,用它可以创建直线或曲线段,然后调整直线的角度和长度及曲线段的低斜率,【钢笔工具】是比较灵活的形状创建工具,熟练掌握【钢笔工具】的使用方法,才能绘制出漂亮美观的图形。

选择【钢笔工具】,鼠标在工作区中将变为一个钢笔形状,同时窗口下面将弹出【钢笔工具】属性面板,可以看出此面板与线条工具的面板作用和设置相同,这里不再介绍。

单击【钢笔工具】右下角的黑色三角,会弹出【钢笔工具】下拉列表,如图2-33所示。

(1)钢笔工具:用于绘制直线或曲线。

使用方法:选中【钢笔工具】,设置各个选项,在舞台上给出起止点,即可绘制出线条,如图2-34所示。

图2-33 【钢笔工具】下拉列表

图2-34 钢笔绘制的直线曲线

(2)添加锚点工具:对曲线添加锚点。如果对绘制的曲线不太满意,使用【添加锚点工具】可以对曲线添加锚点。

使用方法:选择【添加锚点工具】,用钢笔在线条上要添加锚点的地方单击即可,如图2-35所示。

(3)删除锚点工具:与添加锚点工具的作用相反,可以删除曲线上多余的锚点。

使用方法:选择【删除锚点工具】,单击线条上的锚点进行删除,如图2-36所示。

(4)转换锚点工具:能够调整锚点的弯曲程度与形状。

使用方法:选择【转换锚点工具】,将其置于锚点上,然后单击并拖动锚点改变线条的弯曲程度,如图2-37所示。

图2-35 增加锚点

图2-36 删除锚点

图2-37 转换锚点

小知识

如果对鼠标使用不太熟练,可以选择【编辑】→【首选参数】命令,弹出“首选参数”对话框,在“类别”列表中选择“绘画”选项,在“钢笔工具”选项组中选择“显示钢笔预览”、“显示实心点”和“显示精确光标”复选框。

刷子工具

【刷子工具】能绘制出像刷子一样的笔触,就像涂色一样。它还可以创建特殊效果,如书法效果。

选择【刷子工具】后,指针会变成黑色圆点状,同时窗口下面会弹出相应的属性面板,【刷子工具】的属性面板内容很简单,只有一个“填充颜色”属性,用来对【刷子工具】的颜色进行设置,如图2-38所示。

图2-38 【刷子工具】的属性面板

【刷子工具】还有一些附加的功能选项,当选中“刷子工具”时,在工具箱的选项面板下面将出现【刷子工具】的附加功能选项,如图2-39所示。

(1)刷子大小:用于设置刷子的尺寸,如图2-40所示。

(2)刷子形状:用于设置刷子的样式,如图2-41所示。

(3)填充锁定:控制刷子在具有渐变的区域涂色。若打开此功能,整个舞台成一个大型渐变,而每个笔触只是显示所在区域的一部分渐变。若封闭此功能,每个笔触都将显示整个渐变。

(4)刷子模式:其下拉列表中有五个选项,如图2-42所示。

图2-39 附加功能选项

图2-40 刷子大小 图2-41 刷子形状

图2-42 刷子模式

① 标准绘画:可对同一层的线条和填充区域涂色。绘制后的颜色会覆盖在原有的图形上。

② 颜料填充:只对填充区域和空白区域涂色,而笔触则不受到任何影响。所绘制的图形只将已有图形的填充区域覆盖掉,而笔触部分仍保留不被覆盖。

③ 后面绘画:对舞台同一层的区域进行涂色,绘制出来的图形始终位于已有图形的下方,不影响当前图形的线条和填充。

④ 颜料选择:它只对选区内的图形产生作用,而选区之外的图形不会受到影响,与简单地选择一个填充区域并应用新填充一样。

⑤ 内部绘画:它绘制的区域限制在落笔时所在位置的填充区域中,但不对线条涂色。如果在空白区域中开始涂色,该填充不会影响现有填充区域。

五种刷子效果的比较如图2-43所示。

图2-43 刷子5种刷子模式比较

任务5绘制小船

情景模拟

平静的大海上,一叶小舟在向目标方向慢慢航行,驶向远方,如图2-44 所示为小船效果图。

图2-44 小船

任务目标与分析

绘制形状的几种工具在Flash中经常使用,由于它能很快地绘制出不同形状的常用图形,所以得到绘图人员的喜爱。下面通过一艘小船的制作来演示绘制形状的几种工具的使用。此任务还将用到前面学习过的【删除锚点工具】、【添加锚点工具】等。

操作步骤

(1)选择【文件】→【新建】命令,新建一个Flash文档,并把背景改为浅蓝色。按Ctrl+’组合键使舞台内显示网格线。

(2)选择【矩形工具】,在“属性”面板上单击按钮,使绘制图形时只显示边框。然后拖动鼠标,绘制一个矩形,如图2-45所示。

(3)选择工具箱的【删除锚点工具】,单击舞台中的矩形,这时矩形四周出现四个可操作的锚点,单击矩形左上角的锚点,将该锚点删除,此时矩形变成三角形,如图2-46所示。

图2-45 绘制矩形图

图2-46 删除矩形左上角的锚点

(4)按照上述方法,在该三角形的右边再画一个较小的直角三角形,如图2-47所示。

(5)选择【多角星形工具】,将边数改为3,再画一个三角形,将其放置在小直角三角形的上面,如图2-48所示。

图2-47 绘制出的两个三角形

图2-48 绘制出的三个三角形

(6)选择【矩形工具】,在两个三角形的下面绘制一个矩形,并用【添加锚点工具】在矩形下边线上添加两个锚点,如图2-49所示。

(7)用【删除锚点工具】将矩形下面的两个直角上的锚点删除,删除锚点后的效果如图2-50所示。

(8)用【椭圆工具】画出四个圆,作为装饰,如图2-51所示。

图2-49 添加锚点的矩形

图2-50 删除锚点后的矩形

图2-51 画出四个装饰圆

(9)选择【文件】→【保存】命令,将作品保存为“小船.fla”。(10)按Ctrl+Enter组合键测试影片,如图2-44所示。

试一试

给小船下面画一些水波纹、浪花等,想想用什么工具?

知识链接

几何形状绘制工具用来绘制矩形(正方形)、椭圆(圆)和多边形等形状,可以任意选择轮廓线的颜色、线型、宽度及填充区域的颜色,利用基本椭圆工具和基本矩形工具还可以针对椭圆形或矩形的一个点或矩形的一个角进行调整,绘制出镂空的图形。

矩形工具

选择【矩形工具】后,指针在舞台中显示为十字形,同时在窗口的下面弹出相应的属性面板,如图2-52所示,在舞台上拖动鼠标,就会绘制出一个矩形。

图2-52 【矩形工具】属性面板

小知识

角度值的范围为0~999,以“磅”为单位。数字越小,绘制的矩形的4 个角上的圆角弧度就越小,默认值为0,即没有弧度,表示4个角为直角。

图2-53~图2-55分别将角度值设为0、-12和12时绘制出的三个矩形。

图2-53 角度值为0

图2-54 角度值为-12

图2-55 角度值为12

小知识

将角度值设为0,拖动鼠标绘制矩形的同时按住Shift键,能绘制出正方形。按住Ctrl键可以暂时切换到【选择工具】,对工作区中的对象进行选取。

椭圆工具

单击【矩形工具】右下角的黑色小三角,就会出现一个“几何形状工具”下拉列表,如图2-56所示。选择【椭圆工具】,指针在舞台中显示为十字形,同时在窗口的下面弹出相应的属性面板,如图2-57所示,在舞台上拖动指针,就会绘制出一个椭圆。

图2-56 “几何形状工具”下拉列表

图2-57 【椭圆工具】面板

可以用“属性”面板中相关设置,绘制出扇形的图案,图2-58~图2-60 是当结束角度为0,内径为0时,更改起始角度的值分别为0、40、300时绘制出来的图形。

图2-58 起始角值为0

图2-59 起始角值为40

图2-60 起始角值为300

小知识

将角度值设为0,拖动鼠标绘制椭圆的同时按住Shift键,能绘制出正圆。按住Ctrl键可以暂时切换到【选择工具】,对工作区中的对象进行选取。

如果结束角为0,起始角为0,内径为50,绘制的图形如图2-61所示。

如果结束角为0,起始角为50,内径为50,绘制的图形如图2-62所示。

图2-61 起始角值为0

图2-62 起始角值为50

基本矩形工具和基本椭圆工具

在“几何形状工具”下拉列表中,选择【基本矩形工具】或【基本椭圆工具】,相应的工具就被激活,同时窗口下面弹出对应工具的属性面板。可以看出,【基本矩形工具】的属性面板与【矩形工具】的属性面板相同,【基本椭圆工具】的属性面板与【椭圆工具】的属性面板相同,且用法一样,只是前者绘制的是更加易于控制的矩形对象(或椭圆形对象),如图2-63所示。不同的是【基本矩形工具】绘制出矩形的四个顶点上各有一个控制点,利用【选择工具】拖动控制点可以将直角矩形变化为圆角矩形,如图2-64 所示。而【基本椭圆工具】绘制出的圆,在圆心和边缘上各有一个控制点,如图2-65 所示。利用【选择工具】拖动边缘上的控制点可以将圆变化为扇形,如图2-66 所示。再拖动圆心的控制点,将变为环形,如图2-67所示。

图2-63 直角矩形对象

图2-64 变化后的圆角矩形

图2-65 圆对象

图2-66 变化后的扇形

图2-67 变化后的环形

多角星形工具

【多角星形工具】的使用方法同【矩形工具】一样,不同的是在“属性”面板上多了一个【选项】按钮,如图2-68所示。

图2-68 【多角星形工具】属性面板

在面板中单击【选项】按钮,弹出“工具设置”对话框,如图2-69 所示,在对话框中可以设置多边形的样式,边数及星形顶点角度的大小。更改对话框中的数值,可以达到不同的效果,如图2-70所示。

图2-69 “工具设置”对话框

图2-70 【多角星形工具】绘制出的图形

用法:选中【多角星形工具】,给出相应的设置后,在舞台上拖动指针即可绘制所要的图形。例如:

图1和图2的样式为“多边形”,边数分别为5和6。

图3 和图4 的样式为“星形”,边数均为5,但星形顶点的大小不一样,图3 的顶点为0.5,图4的顶点为1。

图5的样式为“星形”,边数为7,顶点为0.5。

任务6绘制灿烂的星空

情景模拟

夏夜的天空繁星点点,抬头望去,星光灿烂,多么美妙的夜色啊,如图2-71 所示灿烂星空最终效果。

图2-71 灿烂星空

任务目标与分析

用【墨水瓶工具】为图形边线添加颜色是非常方便的,有时可以达到意想不到的效果,绘制灿烂的星空巩固了【多角星形工具】的使用方法,而且还让用户感受到Flash的美妙。

操作步骤

(1)选择【文件】→【新建】命令,新建一个Flash文档,将背景色修改为黑色。

(2)单击【椭圆工具】,将“属性”面板中笔触颜色选中(这样绘制出的图形无边线)。填充颜色为黄色。按住Shift键的同时拖动鼠标,绘制出一个圆,如图2-72所示。

(3)单击【选择工具】,选中舞台上的“圆”,按Ctrl+C组合键(复制),再按Ctrl+V组合键(粘贴),此时舞台上有两个圆,选中刚复制的圆,将其移动至第一个圆上,并与第一个圆部分重叠,只漏出月牙状的一部分(注意:此时第二个圆处于选中状态),如图2-73所示。

图2-72 绘制出的圆

图2-73 绘制出第二个圆

(4)按Delete键将第二个圆删除,这时,月牙出现了,如图2-74所示。

(5)选中【多角星形工具】,在“属性”面板中将“笔触颜色”设为白色,“笔触高度”设为4。单击【选项】按钮,在弹出的对话框中将“样式”设置为星形,其余不变。在舞台上拖动鼠标,绘制出一个星星图形,如图2-75所示。

图2-74 绘制出月牙

图2-75 绘制出的星星

(6)用同样的方法绘制多个大小不同的星星,效果就更好了,如图2-76所示。

(7)选中【墨水瓶工具】,此时指针在舞台中变为墨水瓶状。在“属性”面板中将笔触颜色改为绿色,用鼠标单击月牙上星星的白色边线,这时边线变为绿色,如图2-77所示。

(8)用同样的方法,将其余星星的边线分别变成不同的颜色,这样灿烂的星空就完成了,如图2-78所示。

图2-76 绘制多个星星后的效果

图2-77 月牙上的星星边线为绿色

(9)选择【文件】→【保存】命令,将作品保存为“灿烂星空.fla”。

(10)按Ctrl+Enter组合键测试影片,效果如图2-71所示。

图2-78 灿烂星空

试一试

将任务5中的小船改成彩色的边线,效果会很好哦。

知识链接

墨水瓶工具

使用【墨水瓶工具】可以更改线条或形状轮廓的笔触颜色、宽度和样式,它只影响形状对象。

单击【墨水瓶工具】,窗口下面将弹出相应属性面板,该属性面板与【铅笔工具】的属性面板具有相同的设置,如图2-79所示。

图2-79 【墨水瓶工具】属性面板

使用方法:选中【墨水瓶工具】,在其属性面板中进行相应的设置后,单击图形的轮廓线,即可改变图形的轮廓线颜色。

任务7我的小船我着色

情景模拟

天色渐晚,大海上的小舟挂满了彩灯,远远望去,灿烂无比,如图2-80 所示为“彩色的小船”效果图。

任务目标与分析

在任务5 中已经将小船做好了,但是它只是用线条画出来的,通过【颜料桶工具】和【墨水瓶工具】,将小船再装扮一下,效果会更好。通过本任务来学习颜料桶工具和墨水瓶工具的使用。

图2-80 彩色的小船

操作步骤

(1)选择【文件】→【打开】命令,在弹出的对话框中选中创建的文件“小船.fla”,并将其打开。

(2)在“属性”面板上,将舞台的背景色改为黑色。

(3)选择【颜料桶工具】,将小船上面的三个三角形分别填充三种自己喜欢的颜色,小船船体填充成浅紫到深紫渐变,四个圆圈也分别填充自己喜欢的颜色,如图2-81所示。

(4)更改“笔触颜色”为彩色渐变,“笔触高度”为2,“笔触样式”为“虚线”。用【墨水瓶工具】修改小船的线条颜色和线型。改后如霓红灯效果,非常漂亮,如图2-82所示。

图2-81 填充颜色后的小船

图2-82 更改小船线条颜色和样式

(5)选择【文件】→【保存】命令,将作品保存为“彩色的小船.fla”。(6)按Ctrl+Enter组合键测试影片,如图2-80所示。

试一试

打开前面做的作品,将星星、粮仓、小屋子涂上色彩,或更改线条的样式,会有不一样的效果哦。

知识链接

颜料桶工具

使用【颜料桶工具】可以为封闭区域填充颜色,也可以填充未完全封闭的区域,并能够自动地将不闭合区域闭合起来。用户可以使用纯色、渐变色和位图填充或更改已填充色彩区域的颜色。

选择【颜料桶工具】后,窗口下面会弹出相应的属性面板,如图2-83所示。【颜料桶工具】的属性面板参数很少,只有一个“填充颜色”选项。同时工具箱的下部会出现“空隙大小”附属工具选项,如图2-84所示。

图2-83 【颜料桶工具】属性面板

(1)不封闭空隙:不允许有空隙,只限于封闭区域。

(2)封闭小空隙:如果所填充区域不是完全封闭的,但是空隙很小,则Flash会近似地将其判断为完全封闭的,并将其进行填充。

(3)封闭中等空隙:如果所填充区域不是完全封闭的,但是空隙大小中等,则Flash会近似地将其判断为完全封闭的,并将其进行填充。

图2-84 “空隙大小”附属工具选项

(4)封闭大空隙:如果所填充区域不是完全封闭的,但是空隙比较大,则Flash会近似地将其判断为完全封闭的,并将其进行填充。

渐变色的设置

Flash不仅可以将笔触颜色和填充颜色设置为纯色,而且还可以设置为渐变色。有时用渐变色来填充图形或描绘图形都会达到意想不到的效果。在Flash的样本面板下方已经给出了一部分的渐变色,如图2-85 所示。但这些颜色有时不能满足用户的意图,需要用户自己定义渐变色。定义渐变色是在“颜色”面板中进行的,如图2-86所示。

(1)类型:填充的样式。有无、纯色、线性、放射状和位图五种样式。

(2)溢出:控制超出渐变限制的颜色。

图2-85 “样本”面板

图2-86 “颜色”面板

双击颜料瓶可以选择颜色以自定义渐变。另外面板上的其他一些设置都可以用于定义渐变。面板中所圈部分用于设置渐变色,将鼠标置于两个颜料瓶之间,指针旁边会增加一个“+”号,这时可以添加颜色。

任务8位图的导入和填充

情景模拟

舞台上一只小熊在玩耍,拖动鼠标,就能绘制第二个一样的小熊,再拖动鼠标,绘制出第三个……真神奇,如图2-87所示。

任务目标与分析

用【滴管工具】来采集颜色是常见的,只要熟悉Flash的用户都会用。但是,用【滴管工具】采集位图图形不是很常见,本任务来学习如何用【滴管工具】采集位图图形。

图2-87 拖动鼠标 “绘制”小熊

操作步骤

(1)选择【文件】→【新建】命令,新建一个Flash文档,选择【文件】→【导入】→【导入到舞台】命令,将素材库中的“素材2-1.jpg”文件导入到舞台中,如图2-88所示。

(2)按Ctrl+B组合键,将位图图形分离,如图2-89所示。

图2-88 导入到舞台中的位图

图2-89 将位图分离

(3)选择工具箱中【滴管工具】,将指针放在要复制其属性的位图图形上,这时滴管右侧带有一个刷子,单击滴管吸入图形,如图2-90所示。

(4)在工具箱中选择【矩形工具】,在舞台中绘制一个矩形,此时填充的颜色是吸入的图形,如图2-91所示。

(5)选择【文件】→【保存】命令,将作品保存为“小熊.fla”。

(6)按Ctrl+Enter组合键测试影片,即如图2-87所示。

图2-90 用滴管吸入图形

图2-91 将吸入的位图填充矩形

知识链接

Flash能够识别的图形格式为位图模式和矢量图模式两种。在绘图中经常会涉及位图、矢量图和图像的分辨率,下面分别介绍位图、矢量图和图像分辨率的概念。

位图

位图由排列成网格的点组成,所以,位图也叫做栅格图像。每个点称为一个“像素”,计算机的屏幕就是一个大的像素网格。在位图中,图像是由网格中的每个像素的位置和颜色值决定的。因为组成位图的基本单位是像素,所以在对位图进行缩放操作时会改变其显示的质量。尤其在对位图进行放大处理时会产生很多的像素块,如图2-92 所示是放大前和放大后的比较。可以看出,放大后的图像不清晰。

图2-92 位图放大前后比较

矢量图

矢量图也称为面向对象的图像或绘图图像,在数学上定义为一系列由线连接的点。像Adobe Illustrator、CorelDraw、CAD等软件是以矢量图为基础进行创作的。矢量文件中的图形元素称为对象。每个对象都是一个自成一体的实体,它具有颜色、形状、轮廓、大小和屏幕位置等属性。既然每个对象都是一个自成一体的实体,就可以在维持它原有清晰度和弯曲度的同时,多次移动和改变它的属性,而不会影响图例中的其他对象。这些特征使基于矢量的程序特别适用于图例和三维建模,因为它们通常要求能创建和操作单个对象。基于矢量的绘图与分辨率无关。这意味着它可以缩放到任意大小和以任意分辨率在输出设备上输出,都不会遗漏细节或清晰度,如图2-93所示。

图2-93 矢量图放大前后比较

图像的分辨率

分辨率是指单位长度内所包含点(即像素)的数量,其作用是衡量图像的精细程度。

图像的分辨率是指每英寸图像所含的点数或像素数,单位是dpi(像素)。例如,72dpi就表示该图像每英寸含72 个点或像素。在位图中,分辨率的大小会直接影响到图像的品质。分辨率越高图像就越精细,产生的文件就越大,在工作中占用的内存容量就越大,CPU处理图像时花费的时间也就越长,所以设置一个合适的分辨率是非常必要的。另外,图像的尺寸、分辨率和文件大小三者之间有着很密切的关系,分辨率相同的图像,如果尺寸不同,文件大小也不同,尺寸越大文件就越大。如果尺寸相同,分辨率越高文件越大。

滴管工具

【滴管工具】是用来选择颜色的工具,它的作用是采集某一对象的色彩特征,以便应用到其他对象上。另外,它还可以对位图进行属性采样。

在工具箱中选择【滴管工具】,将鼠标移到舞台中,鼠标就会变成滴管的形状;当【滴管工具】移动到图形填充区域后,【滴管工具】的右边就出现一把刷子标志,如图2-94 所示;当鼠标在填充区域单击后,滴管工具会自动切换到【颜料桶工具】,表示当前可以将滴管吸取的颜色填充到指定的区域,如图2-95 所示;当【滴管工具】移到图形轮廓线上后,【滴管工具】右边出现一支铅笔标志,如图2-96所示;在轮廓线上单击后,【滴管工具】会自动切换为【墨水瓶工具】,如图2-97所示。

图2-94 滴管移到填充区域时

图2-95 滴管切换到【颜料桶工具】

图2-96 滴管移到图形边线时

图2-97 滴管切换到【墨水瓶工具】

任务9小草青青

情景模拟

有这么一幅画:春天来了,到处是一片生机盎然。嫩绿的小草,清清的河水,给予大自然无限的活力,如图2-98所示。

图2-98 小草青青

任务目标与分析

在Flash中,经常用到位图,但位图放大后容易失真,且占空间较大,所以有时为了压缩动画所占的空间,并且能很容易地对图形进行放大、缩小和旋转等操作,需要把位图转换成矢量图。本任务学习将导入到舞台的位图转换为矢量图。

操作步骤

(1)选择【文件】→【新建】命令,新建一个Flash文档。在文档属性面板中将舞台大小调整为“426×260”像素,背景色为#FF6600。

(2)选择【文件】→【导入】→【导入到舞台】命令,将素材库中“素材2-4.jpg”图像导入到舞台中,调整图像的位置,使其在舞台的中央,如图2-99所示。

(3)用【选择工具】选中图像,选择【修改】→【位图】→【转换位图为矢量图】命令,此时会弹出如图2-100所示的对话框。

图2-99 导入到舞台中的图像

图2-100 “转换参数设置”对话框

(4)参数按图中设置完成后,单击【确定】按钮,即完成位图到矢量图的转换。

(5)选择【文件】→【保存】命令,将文件保存为“小草青青.fla”。

(6)按Ctrl+Enter组合键测试影片,效果如图2-98所示。

知识链接

“转换位图为矢量图”命令可以将位图转换为可编辑的离散颜色区域的矢量图。将位图作为矢量图处理,可以减小文件规模。另外将位图转换为矢量图时,矢量图形不再链接到“库”面板中作为位图元件。此时可以使用Flash绘画和涂色工具修改图形。

小知识

如果导入的位图包含复杂的形状和许多颜色,则转换后的矢量图形的文件比原始的位图文件大。若要找到文件大小和图像品质之间的平衡点,请尝试“转换位图为矢量图”对话框中的各种设置。

位图转换为矢量图的方法:

(1)选择当前场景中的位图。

(2)选择【修改】→【位图】→【转换位图为矢量图】命令。

(3)在打开的对话框中设置转换参数,如图2-100所示。

① 颜色阈值:当两个像素进行比较后,如果它们在RGB颜色值上的差异低于该颜色阈值,则认为这两个像素颜色相同。如果增大了该阈值,则意味着降低了颜色数量。

② 最小区域:输入一个值来设置为某个像素指定颜色时需要考虑周围像素的数量。

③ 曲线拟合:选择一个选项来确定绘制轮廓所用的平滑程度。

④ 转角阈值:选择一个选项来确定保留锐边还是进行平滑处理。

任务10绘制花朵

情景模拟

如果眼前有一片片美丽的花朵,你是不是会眼花缭乱呢?如图2-101所示。

图2-101 花朵

任务目标与分析

绘制花朵将用到【椭圆工具】,【任意变形工具】和【选择工具】,还要进行图形边线不可见设置等。本任务通过绘制花瓣实例来说明它们的作用。

操作步骤

(1)选择【文件】→【新建】命令,新建一个Flash文档,并把背景色改为#CCCCFF,笔触颜色选择,填充色选择红色。

(2)选择【基本椭圆工具】,在舞台上画一个花瓣(椭圆),如图2-102所示。

(3)选择【任意变形工具】,椭圆形花瓣中心会出现一个中心控制点,用鼠标拖动中心控制点,将其移动到椭圆靠下的位置,如图2-103所示。

图2-102 椭圆形花瓣

图2-103 移动中心控制点

(4)在不取消变形工具的情况下,选择【编辑】→【复制】命令和【编辑】→【粘贴到当前位置】命令,对花瓣进行复制,然后选择【任意变形工具】面板上的【旋转与倾斜】按钮,将指针放在花瓣右上角,拖动指针,对刚复制的花瓣进行旋转,如图2-104所示。

(5)重复第4 步的操作,用相同的方法再复制4 个花瓣(能够组成一朵花为止),将它们旋转变化,组成一朵花,如图2-105所示。

图2-104 将花瓣旋转

图2-105 组成的花朵

(6)选择【基本椭圆工具】,将填充色更改为黄色,在舞台上花朵以外的地方拖动鼠标,画一个大小合适的圆,再用【移动工具】,将其移动到花的中心做花蕊,如图2-106 所示。

(7)选中整个花朵,选择【编辑】→【复制】命令和【编辑】→【粘贴】命令,复制一个花朵,并用【任意变形工具】附属面板的【旋转与倾斜】或【缩放工具】,将其变形,形成第二朵花,如图2-107所示。

图2-106 添加花蕊

图2-107 复制后变形

(8)重复第7 步,复制多个花朵,将它们变形为不同的大小和样式,放置到舞台上,如图2-108所示。

图2-108 复制并调整后的多个花朵

(9)选择【文件】→【保存】命令,将文件保存为“花朵.fla”。

(10)按Ctrl+Enter组合键测试影片,效果如图2-101所示。

试一试

利用以前学过的知识将花朵变为五颜六色。

知识链接

绘制图形完成后,常常要使用一些工具对图形进行抓取、选择、移动和变形,它们是使用频率最高的工具,在绘图操作中,常常需要选择将要处理的对象,然后对这些对象进行处理。这些常用的工具包括【选择工具】、【部分选取工具】、【套索工具】和【任意变形工具】。

选择工具

单击工具箱中的【选择工具】,将指针移到舞台后,指针的旁边就会出现一个虚的小矩形,如图2-109所示。这时在舞台拖动指针,会出现一个矩形框,矩形框中的对象就会被选中,图像将由实变虚。【选择工具】没有自己的属性面板。但在工具箱的下部会弹出相应的附属工具选项,如图2-110所示。

图2-109 【选择工具】指针形状

图2-110 附属工具选项

(1)贴紧至对象:选择此项,绘图、移动、旋转,以及调整的对象将自动对齐。

(2)平滑:使绘制的曲线趋于平滑。

(3)伸直:用于修饰曲线,使曲线趋于直线。

提示

提示1:平滑和伸直只适用于形状对象,而对组合、文本、实例和位图不起作用。

提示2:如果要选择线条,直接单击相应线条即可。有时单击某线条时,只能选中其中一部分,如果此时在线条上双击,可以将它们全部选中。按住Shift键单击其他对象,可以选中多个对象。

提示3:如果将指针放置在对象的边线上,拖动指针,可以将对象变形。

部分选取工具

在工具箱中单击【部分选取工具】,将指针移到舞台并拖动,会出现一个矩形框,矩形框中的对象就会被选中,选中的图像轮廓线上将出现很多的控制点,表示该对象已被选中,如图2-111所示。

【部分选取工具】除可以像【选择工具】那样选取并移动对象外,它还可以对图形进行变形等处理。在选中路径之后,可对其中的控制点进行拉伸或对曲线进行修改。

使用方法:将鼠标放在控制点上,拖动鼠标进行拉伸变形,如图2-112所示。

图2-111 轮廓上的控制点

图2-112 扭曲后的图形

提示

提示1:当指针指向控制点时,指针右下角会出现一个空白的正方形,拖动控制点,轮廓会随之改变。

提示2:将【部分选取对象工具】靠近对象,当指针右下角出现黑色实心方块时,按下鼠标左键就可以拖动对象了。

任意变形工具

【任意变形工具】使用比较广泛,主要用于对对象进行各种方式的变形处理,如拉伸、压缩、旋转、翻转和自由变形等。通过此工具,可以将对象变形成自己需要的各种样式。在工具箱中单击【任意变形工具】,【任意变形工具】就被激活。

用法:选中【任意变形工具】后,单击要变形的对象,对象四周会出现8个控制点,拖动四角的控制点可以对图形进行变形处理,如图2-113所示。

图2-113 【任意变形工具】的使用

【任意变形工具】有4个附属选项,如图2-114所示。

图2-114 附属选项

(1)旋转与倾斜:对选中的对象进行旋转与倾斜操作。

(2)缩放:对选中的对象进行放大与缩小操作。

(3)扭曲:对选中的对象进行扭曲操作。只有将对象分离后,此功能才有效,并且只对四角的控制点有效。

(4)封套:选中的对象四周会出现更多的控制点,可以方便地对对象进行精确的变形操作。

套索工具

与【选择工具】的功能相似,【套索工具】也是用来选择对象的。但它的选择方式不同,使用【套索工具】可以自由地选定要选择的区域,而不是像【选择工具】那样将整个对象都选中。

单击【套索工具】,【套索工具】就会被激活;当把指针移动到舞台上,指针变成套索工具状,如图2-115所示。

【套索工具】的3个附属选项,如图2-116所示。

图2-115 选择【套索工具】后的光标形状

图2-116 附属选项

(1)魔术棒:根据对象的差异选择对象的不规则区域。

(2)魔术棒设置:调整魔术棒工具的设置,单击此按钮,弹出“魔术棒设置”对话框,如图2-117所示。

① 阈值:用来设置所选颜色的近似程度。只能输入0~200之间的整数,数值越大,差别大的其他邻接颜色就越容易被选中。

② 平滑:所选颜色近似程度的单位,默认为“一般”。

(3)多边形模式:选择多边形区域及不规则区域。

小知识

如果图像是位图,则先将其分离,再使用【套索工具】。

视图调整工具

在使用Flash绘图时,除了用以上的一些主要绘图工具外,还常常用到一些辅助绘图工具。【视图调整工具】就是常用的辅助绘图工具,它包括两个工具,一个是【手形工具】,另一个是【缩放工具】。

(1)手形工具

【手形工具】用于调整图像在舞台中的位置,当制作的图很大,屏幕中不能完全显示出来时,它的作用尤为突出。

选择【手形工具】,然后将指针移到舞台上就变为“手”的形状,如图2-118所示。

图2-117 “魔术棒设置”对话框

图2-118 【手形工具】

当拖动鼠标时,图像就会跟着移动,但实际上是整个舞台在移动。使用此工具移动舞台要比拖动滚动条方便。

小知识

如果双击工具箱中的【手形工具】,可以快速将工作区中的对象移动到工作区的中心位置,并将对象进行适当缩放,使整个对象显示在工作区中。

当从工具箱中选择其他工具时,若按下空格键不放,此时工具将暂时切换为【手形工具】,松开空格键后,工具就会恢复到原有的工作状态。

(2)缩放工具

【缩放工具】用于放大或缩小舞台的显示比例。

选择【缩放工具】,然后将鼠标移动到舞台,指针将变为一个放大镜,此时在工作区中单击就可以实现工作区的放大或缩小,如图2-119所示。

图2-119 【缩放工具】的使用效果

从图中的【缩放工具】的样式可以看出:

放大:选择后单击,将图形放大为原来的两倍。

缩小:选择后单击,将图形缩小为原来的二分之一。

(3)对齐工具

【对齐工具】可以根据要求将被选的多个对象进行各种形式的排列和对齐,使用【对齐工具】的操作步骤如下:

① 选中需要对齐的多个对象,按住Shift键可以进行多选。

② 选择【窗口】→【对齐】命令,打开“对齐”面板,如图2-120所示。

③ 在面板中选择某种对齐或分布方式,即可对选中的对象进行对齐操作。

图2-120 “对齐”面板