快学Flash动画百例
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人

第2章 由浅入深学绘图

作为一款优秀的交互性矢量动画制作软件,丰富的矢量绘图和编辑功能是必不可少的。在Flash中,创建和编辑矢量图形主要是通过绘图工具箱提供的绘图工具来进行的,工具箱中的工具可以绘制、涂色、选择和修改图形,并且可以更改舞台的视图。Flash自身的矢量绘图功能十分强大,可以方便、快捷地绘制出各种各样的矢量图形。

2.1 基础技术汇讲

随着Flash软件版本的不断升级,它的绘图功能越来越强大,操作也更加便捷。在Flash动画的制作过程中,会大量地运用到绘图工具。在具体学习绘图实例前,先了解一下绘图工具的基本使用方法。

2.1.1 使用线条工具

在Flash中,“线条”工具是专门用来绘制直线的。选择工具箱中的“线条”工具后,在“属性”面板中将显示“线条”工具的相关属性,可以设置线条的宽度及描绘颜色,如图2-1所示。

图2-1 “线条”工具的“属性”面板

在“属性”面板中单击【自定义】按钮,弹出“笔触样式”对话框,如图2-2所示。

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

“笔触样式”对话框中主要有以下参数。

“类型”:在下拉列表中选择不同的笔触样式。

“粗细”:可以在下拉列表中直接输入数字,也可以在“属性”面板中调整滑竿来调节线形的粗细。

“锐化转角”:在画出锐角笔触的地方,不使用预设的圆角呈现,而改用尖角。

使用“线条”工具可以绘制出任意的直线。其使用方法非常简单,选择工具箱中的“线条”工具,在舞台中单击鼠标左键确定直线的起点,然后拖动并释放鼠标左键,即可在起点与终点之间绘制一条直线,如图2-3所示,可以连续单击并拖动绘制连续的线条,也可以绘制封闭的线条或交叉的直线。

图2-3 绘制直线

提示:在使用“线条”工具绘制直线时,如果按住【Shift】键的同时拖动鼠标,可以绘制出垂直或水平的直线和45°斜线,为绘制特殊直线提供了很大的帮助。

2.1.2 使用椭圆工具

“椭圆”工具可用来绘制椭圆和正圆,不仅可以任意选择轮廓线的线宽和线型,还可以任意选择轮廓线的颜色和圆的填充色,但是边界线只能使用单色,而填充区域则可以使用单色或渐变色。

选择工具箱中的“椭圆”工具,这时舞台中的鼠标将变成“┼”形状,在舞台中按住鼠标左键拖动即可绘制椭圆。

如果不想使用默认的属性进行绘制,可以对其属性进行设置,包括所绘制椭圆的轮廓色、填充色、椭圆轮廓的粗细和椭圆的轮廓类型。椭圆的轮廓色和填充色可以在工具箱中设置,也可以在“属性”面板中设置,椭圆轮廓的粗细和轮廓类型只能在“属性”面板中设置,如图2-4所示。

图2-4 “椭圆”工具的“属性”面板

2.1.3 使用矩形工具和多角星形工具

“矩形”工具和“多角星形”工具也是几何形状绘制工具,用于创建各种比例的矩形和多边形,其使用方法与“椭圆”工具相似。

1.使用矩形工具

“矩形”工具是从椭圆工具中扩展出来的一种绘图工具,其用法与椭圆工具基本相同,使用它除了可以绘制直角矩形外,还可以绘制出带有一定圆角的矩形,这是一个非常方便的功能,省去了使用其他工具绘制圆角矩形的麻烦。

(1)选择工具箱中的“矩形”工具,如图2-5所示。

图2-5 选择“矩形”工具

(2)在舞台中按住鼠标左键拖动即可绘制矩形,如图2-6所示。

图2-6 绘制矩形

(3)选择“矩形”工具后,在“属性”面板中将“矩形边角半径”设置为20,如图2-7所示。

图2-7 “矩形”工具“属性”面板

(4)在舞台中按住鼠标左键拖动即可绘制圆角矩形,如图2-8所示。

图2-8 绘制圆角矩形

提示:在绘制矩形时,拖动鼠标并按键盘上向上或向下的方向键可以调整矩形边角半径。

2.使用多角星形工具

“多角星形”工具的用法与“矩形”工具基本一样,所不同的是在“属性”面板中多出一个【选项】按钮,如图2-9所示。单击此按钮,弹出“工具设置”对话框,如图2-10所示,在对话框中可以设置多边形的样式、边数及星形顶点角度的大小。

图2-9 “多角星形”工具的“属性”面板

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

“工具设置”对话框中主要有以下参数。

“样式”:在下拉列表中可以选择多边形或星形。

“边数”:设置多边形或星形的边数。

“星形顶点大小”:可以确定星形对象的锐化程度,数值越低,锐化程度越重。

(1)选择工具箱中的“多角星形”工具

(2)在舞台中按住鼠标左键拖动即可绘制多角星形,如图2-11所示。

图2-11 绘制多角星形

(3)选择“多角星形”工具后,在“属性”面板中单击【选项】按钮,弹出“工具设置”对话框,在对话框中的“类型”下拉列表中选择“星形”选项,如图2-12所示。

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

(4)单击【确定】按钮,在舞台中按住鼠标左键拖动即可绘制星形,如图2-13所示。

图2-13 绘制星形

2.1.4 使用铅笔工具

“铅笔”工具也是用来绘制线条和形状的,与前面几种工具不同的是,铅笔可以自由绘制图形。要在绘图时绘制平滑或伸直线条,可以选择一种绘图模式;“铅笔”工具也可以绘制各种矢量线条,并且在绘制时更加灵活。选择“铅笔”工具后,单击工具箱最下方的“铅笔模式”按钮,弹出如图2-14所示的菜单。

图2-14 铅笔模式

“直线化”:使用此模式在绘图过程中,会将线条转换成接近形状的直线,绘制的图形趋向平直、规整。

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

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

(1)选择工具箱中的“铅笔”工具

(2)在铅笔模式中选择一种绘制模式。

(3)在舞台中按住鼠标左键拖动,即可绘制一条曲线,如图2-15所示。

图2-15 绘制曲线

提示:使用“铅笔”工具绘制线条时,按下【Shift】键,可以绘制出水平或垂直的直线,按下【Ctrl】键可以暂时切换到箭头工具,对工作区中的对象进行选取。

2.1.5 使用刷子工具

“刷子”工具可以在已有图形或空白工作区中绘制不同颜色、大小和形状的矢量块图形,能绘制画笔般的笔触,就像涂色一样。选择“刷子”工具后,在工具箱的最下方会出现一些设置“刷子”工具的属性,如图2-16所示。

图2-16 设置“刷子”工具的属性

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

“刷子模式”:在其下拉列表中包括“标准绘画”、“颜料填充”、“后面绘画”、“颜料选择”和“内部绘画”五个选项,如图2-17所示。

图2-17 刷子模式

“标准绘画”:默认的绘制模式,可对同一层的线条和填充涂色。选择了此模式后,绘制后的颜色会覆盖在原有的图形上。

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

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

“颜料选择”:只对选区内的图形产生作用,而选区之外的图形不会受到影响。

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

“刷子大小”:在下拉列表中选择刷子的尺寸,如图2-18所示。

图2-18 刷子大小

“刷子形状”:在下拉列表中选择刷子的形状,如图2-19所示。

图2-19 刷子形状

2.1.6 使用钢笔工具

“钢笔”工具用于绘制路径,可以创建直线或曲线段,然后调整直线段的角度和长度以及曲线段的斜率,是比较灵活的形状创建工具。

选择“钢笔”工具后,在“属性”面板中可以设置线条的颜色、宽度和笔触样式等选项,如图2-20所示。

图2-20 “钢笔”工具的“属性”面板

“钢笔”工具是比较有用且较难掌握的绘制工具,用它可以绘制直线和曲线,并可以调节曲线的曲率,使绘制的线条按照比较理想的方向弯曲。

(1)选择工具箱中“钢笔”工具,在舞台上单击确定一个锚记点。

(2)在确定点的左右方向单击,可以绘制一条直线,单击并按住鼠标左键拖动可以绘制一条曲线,直线路径上或曲线路径结合处的锚记点被称为转角点,转角点以小方形显示,如图2-21所示。

图2-21 绘制直线

(3)将鼠标光标再向右移,在第三个点按下鼠标并向右上拖曳绘出一条曲线,可以用这种方法继续增加路径点,如图2-22所示。

图2-22 绘制曲线

2.1.7 使用墨水瓶工具

“墨水瓶”工具用于创建形状边缘的轮廓或是修改形状边缘的笔触,它不仅能够在选定图形的轮廓线上加上规定的线条,还可以改变一条线段的粗细、颜色、线型等,并且可以给打散后的文字和图形加上轮廓线。

选择工具箱中的“墨水瓶”工具,光标在舞台中变成一个小墨水瓶的形状,选中要填充轮廓的图形对象,单击鼠标左键,分离的图形会显示出轮廓。选择“墨水瓶”工具后,在“属性”面板中将显示“墨水瓶”工具的相关属性,如图2-23所示。

图2-23 “墨水瓶”工具的“属性”面板

图形如果只有填充色区域,没有文本框,使用“墨水瓶”工具能增加外框线,在群组的对象和文件上不能使用“墨水瓶”工具,图层若是锁定或隐藏的状态,也无法使用。

2.1.8 使用颜料桶工具

“颜料桶”工具用于将颜色、渐变、位图填充到封闭的区域中。“颜料桶”工具有三种填充模式,即单色填充、渐变填充和位图填充,通过选择不同的填充模式,可以使用“颜料桶”工具制作出不同的视觉效果。

选择工具箱中的“颜料桶”工具,在工具箱的最下方可以设置空隙大小,如图2-24所示。

图2-24 设置空隙大小

“不封闭空隙”:不允许有空隙,只限于封闭区域。

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

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

“封闭大空隙”:如果所填充区域不是完全封闭的,而且空隙尺寸比较大,则Flash会近似的将其判断为完全封闭而进行填充。

提示:虽然封闭大空隙模式可封闭许多空隙,但是当空隙太大时就不起作用了,这时可以采用缩小显示比例的方式来完成填充。

(1)选择工具箱中的“颜料桶”工具,并在工具箱的最下方选择需要的空隙模式。

(2)将鼠标指针移到舞台中,会发现它变成了一个颜料桶,在填充区域内部单击填充颜色,或者在轮廓内单击填充,如图2-25所示。

图2-25 填充颜色

2.1.9 使用滴管工具

“滴管”工具的作用是直接从图像上采集颜色,以便用于复制,这样用户就可以直接使用在图像上已有的颜色,而不需要自己去创建这种颜色,“滴管”工具还可以对位图进行采样作为填充元素。

选择工具箱中的“滴管”工具,然后将鼠标移动到舞台上,在不同位置,会出现不同的鼠标指针。当处于舞台空白位置时,鼠标指针为一个滴管形状,当处于图形轮廓和填充区域时,鼠标指针的滴管右侧分别带有一个小铅笔和小刷子,如图2-26所示。

图2-26 不同位置“滴管”工具的鼠标指针

当在舞台的空白位置和图形填充区域单击后,“滴管”工具会自动切换到“颜料桶”工具,表示当前可以将滴管吸取的颜色填充到指定的区域;当在图形轮廓单击线条后,“滴管”工具会自动切换为“墨水瓶”工具,可以将吸取的线条属性应用于其他的对象上。

(1)新建空白文档,选择【文件】—【导入】—【导入到舞台】命令,弹出“导入”对话框,在对话框中选择图像002.jpg,如图2-27所示。

图2-27 “导入”对话框

(2)单击【确定】按钮,导入图像,按【Ctrl+B】组合键分离图像,如图2-28所示。

图2-28 分离图像

(3)选择工具箱中的“滴管”工具,将光标移动到图像的上方,“滴管”工具的下方出现一个刷子,如图2-29所示。

图2-29 出现一个刷子

(4)在图像上单击采样填充元素后,“滴管”工具将自动转换为“颜料桶”工具,如图2-30所示。

图2-30 转换为“颜料桶”工具

(5)选中分离的图像,将其删除,选择工具箱中的“矩形”工具,绘制矩形,此时填充的颜色是吸入的图形,如图2-31所示。

图2-31 绘制矩形

2.1.10 使用橡皮擦工具

使用“橡皮擦”工具可以擦除笔触和填充,还可以快速擦除舞台上的任何内容。

选择工具箱中的“橡皮擦”工具,在工具箱的最下方可以设置其属性,如图2-32所示。

图2-32 设置“橡皮擦”工具属性

“橡皮擦模式”:用于擦除区域,包括“标准擦除”、“擦除填色”、“擦除线条”、“擦除所选填充”和“内部擦除”五个选项,如图2-33所示。

图2-33 橡皮擦模式

“标准擦除”:用于擦除同一层上的笔触和填充区域。

“擦除填色”:只擦除填充区域,不影响笔触。

“擦除线条”:只擦除笔触,不影响填充区域。

“擦除所选填充”:只擦除当前选定的填充区域,不影响笔触。

“内部擦除”:只擦除橡皮擦笔触开始处的填充,如果从空白点开始擦除,则不会擦除任何内容,以这种模式使用橡皮擦并不影响笔触。

“水龙头”:可以直接清除所选取的区域,使用时只需单击笔触或填充区域,就可以擦除笔触或填充区域。

“橡皮擦形状”:设置橡皮擦的形状以进行精确的擦除。

提示:“橡皮擦”工具仅用于擦除场景中当前帧的线条和填充区域,不能擦除组合、符号或文字。当要擦除组合的一部分时,有两种方法:选择组件后,再选择【编辑】—【编辑所选项目】命令;或者选择组件后,再选择【修改】—【取消组合】命令。当要擦除文字、符号时,要先将其选中,按【Ctrl+B】组合键将其打散后才能使用“橡皮擦”工具擦除。

2.1.11 使用选择工具

“选择”工具是工具箱中使用率最高的工具之一,它主要用于对舞台中的对象进行选择和对一些线条进行修改。在绘图过程中,常常需要选择将要处理的对象,然后对这些对象进行处理,而选择对象通常都是使用“选择”工具。

选择“选择”工具后,在工具箱的最下方可以设置其属性,如图2-34所示。

图2-34 设置“选择”工具属性

“贴紧至对象”:可以在拖动舞台中的对象时,使其吸附在工作区中已存在的对象上,单击此按钮可以切换吸附功能的开与关。

“平滑”:可以简化选定的曲线。

“伸直”:此按钮与平滑按钮基本相同,可以使选定的直线减少弯曲,不过是将线段变直而不是平滑。

(1)选择工具箱中的“选择”工具,如果要选择线条,直接单击相应的线条即可,这时在线条上会出现网格式选取框,有时单击某线条时,只能选中其中的一部分,如图2-35所示。

图2-35 选中一部分线条

(2)这时可以双击线条将它们全部选中,如图2-36所示。

图2-36 全部选中线条

(3)按住【Shift】键单击其他对象,可以选中多个对象,如图2-37所示。

图2-37 选中多个对象

提示:在移动对象时,选中对象可以使用以下方法移动对象。

(1)使用键盘上的方向键可以移动选中的对象,按方向键一次可以移动1个像素,按【Shift】键并按方向键一次可以移动10个像素。

(2)按住【Shift】键拖动对象可以沿水平、垂直或45°的方向移动。

(3)按住【Alt】键拖动,可以复制对象并进行移动。

2.1.12 使用套索工具

“套索”工具可以用来选择舞台上的形状对象,与“选择”工具不同的是“套索”工具能够选取不规则的区域,还可以选择分离后位图的不同颜色区域。

选择“套索”工具后,在工具箱的最下方出现几个选项,如图2-38所示。

图2-38 “套索”工具

“魔术棒”:根据颜色的差异选择对象的不规则区域。

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

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

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

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

“多边形模式”:选择多边形区域及不规则区域。

选择“套索”工具后,在舞台中使用“套索”工具需要绘制出选择对象的区域,而使用魔术棒选取对象的区域时,只需在选取的对象上单击即可。

在对位图进行魔术棒选取前,应将位图进行分离,在图像上单击,会有连续的区域被选中。

提示:要取消选择,只需要单击舞台上的空白区,或选择【编辑】—【取消全选】命令,在有多个被选对象时,如果要取消对单个对象的选择,只需按住【Shift】键,然后单击该对象即可。

2.1.13 使用任意变形工具

对形状进行变形是应用比较广泛的技巧,其作用是调整形状在舞台中的比例,并协调与其他形状的关系。“任意变形”工具主要用于对各种对象进行变形处理,如拉伸、压缩、旋转、翻转和自由变形等。

选择“任意变形”工具后,在工具箱的最下方出现几个选项,如图2-40所示。

图2-40 “任意变形”工具

“旋转与倾斜”:对选中对象进行旋转或倾斜操作。

“缩放”:对选中对象进行放大或缩小操作。

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

“封套”:当选中此功能后,当前被选中的对象四周会出现更多的控制点,可以方便地对对象进行精确的变形操作。

2.2 精彩实训荟萃

通过前面基础知识的学习,读者应该已经掌握了绘图工具的使用方法。在本节中,通过实例,帮助用户熟练掌握矢量图绘制的技巧及绘图工具的综合应用。

实训01—绘制星空

【技术分析】

本实例的星空效果如图2-41所示。在制作时首先使用“矩形”工具和“选择”工具绘制小草,然后使用“刷子”工具绘制草地,接着使用“椭圆”工具和“选择”工具绘制月亮,最后使用“多角星形”工具绘制星星。

图2-41 绘制星空效果

源文件

光盘/本书实例/02/实例01 绘制星空.fla

效果文件

光盘/本书实例/02/实例01 绘制星空.swf

【制作步骤】

01 选择【文件】—【新建】命令,弹出“新建文档”对话框,如图2-42所示。

图2-42 “新建文档”对话框

02 单击【确定】按钮,新建空白文档,选择【修改】—【文档】命令,弹出“文档属性”对话框,在对话框中将“尺寸”分别设置为500、350像素,如图2-43所示。

图2-43 “文档属性”对话框

03 单击【确定】按钮,修改文档属性,选择工具箱中的“矩形”工具,绘制一个与舞台相同大小的矩形,如图2-44所示。

图2-44 绘制矩形

04 选中矩形,选择【窗口】—【颜色】命令,打开“颜色”面板,在面板中的“类型”下拉列表中选择“线性”选项,将第1个色标设置为#000000,第2个色标设置为#0033FF,如图2-45所示。

图2-45 “颜色”面板

05 设置矩形渐变填充后的效果如图2-46所示。

图2-46 设置填充后的效果

06 选择工具箱中的“渐变变形”工具,单击选中矩形,按住按钮对矩形的渐变颜色进行旋转,如图2-47所示。

图2-47 调整渐变颜色

07 选择工具箱中的“矩形”工具,将“填充颜色”设置为#66CC00,绘制矩形,如图2-48所示。

图2-48 绘制矩形

08 选择工具箱中的“选择”工具,将光标置于矩形的周围,当鼠标指针变成形状时,调整矩形的形状,将其调整成小草的形状,如图2-49所示。

图2-49 调整成小草的形状

09 按照步骤8的方法,绘制相应矩形并将其调整成小草的形状,如图2-50所示。

图2-50 调整成小草的形状

10 选择工具箱中的“刷子”工具,在工具箱的最下方设置刷子的属性,在舞台中绘制形状,作为草地,如图2-51所示。

图2-51 绘制草地

提示:如果在刷子上色的过程中按住【Shift】键,则可以在工作区中给一个水平或垂直的区域上色,如果按住【Ctrl】键,则可以暂时切换到“选择”工具,对工作区中的对象进行选取。

11 选中草地,在“颜色”面板中的“类型”下拉列表中选择“线性”选项,将第1个色标设置为#0033FF,第2个色标设置为#FFFFFF,如图2-52所示。

图2-52 “颜色”面板

12 设置草地渐变填充后的效果如图2-53所示。

图2-53 设置填充后的效果

13 选择工具箱中的“渐变变形”工具,选中矩形,按住按钮将矩形的渐变颜色旋转,如图2-54所示。

图2-54 调整渐变颜色

14 选择工具箱中的“椭圆”工具,将“填充颜色”设置为#FFFFFF,绘制椭圆,如图2-55所示。

图2-55 绘制椭圆

提示:绘制椭圆时按住【Shift】键即可绘制出正圆。

15 选择工具箱中的“选择”工具,将椭圆调整成月亮的形状,如图2-56所示。

图2-56 调整成月亮的形状

16 选择工具箱中的“多角星形”工具,选择【窗口】—【属性】—【属性】命令,打开“属性”面板,在面板中单击【选项】按钮,弹出“工具设置”对话框,在对话框中的“样式”下拉列表中选择“星形”,如图2-57所示。

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

17 单击【确定】按钮,在舞台中绘制多个星形,如图2-58所示。

图2-58 绘制星形

18 按【Ctrl+Enter】组合键测试效果如图2-41所示。

实例02—绘制QQ

【技术分析】

QQ是我们喜欢的聊天工具,首先绘制QQ的头部和躯干,然后绘制眼睛、嘴巴、翅膀,接着绘制腹部、脚,最后绘制围巾,绘制QQ效果如图2-59所示。在制作时使用了“椭圆”工具、“选择”工具和“刷子”工具,具体操作步骤如下。

图2-59 绘制QQ效果

源文件

光盘/本书实例/02/实例02 绘制QQ.fla

效果文件

光盘/本书实例/02/实例02 绘制QQ.swf

【制作步骤】

01 选择【文件】—【新建】命令,弹出“新建文档”对话框,如图2-60所示。

图2-60 “新建文档”对话框

02 单击【确定】按钮,新建空白文档,选择【文件】—【导入】—【导入到舞台】命令,弹出“导入”对话框,在对话框中选择图像002.jpg,如图2-61所示。

图2-61 “导入”对话框

03 单击【打开】按钮,将文件导入到舞台,选择【修改】—【文档】命令,弹出“文档属性”对话框,在对话框中将“尺寸”分别设置为500、50像素,如图2-62所示。

图2-62 “文档属性”对话框

04 单击【确定】按钮,修改文档属性,调整图像与舞台相吻合,如图2-63所示。

图2-63 调整图像与舞台相吻合

05 单击“时间轴”面板中的【插入图层】按钮,新建图层,选择工具箱中的“椭圆”工具,将“填充颜色”设置为#000000,绘制椭圆,如图2-64所示。

图2-64 绘制椭圆

06 选择工具箱中的“椭圆”工具,再绘制一个椭圆,将其放置在第一个椭圆的下面,如图2-65所示。

图2-65 绘制椭圆

07 选择工具箱中的“椭圆”工具,将“填充颜色”设置为#FFFFFFF,绘制椭圆,如图2-66所示。

图2-66 绘制椭圆

08 选择工具箱中的“线条”工具,在“属性”面板中将“笔触颜色”设置为#000000,“笔触高度”设置为1,绘制线条,如图2-67所示。

图2-67 绘制线条

09 选择工具箱中的“选择”工具,调整线条的形状,并将其放置在如图2-68所示的位置。

图2-68 调整线条的形状

10 选择工具箱中的“椭圆”工具,将“填充颜色”设置为#000000,绘制椭圆,如图2-69所示。

图2-69 绘制椭圆

11 按照步骤7~10的方法,绘制QQ的另一只眼睛,如图2-70所示。

图2-70 绘制QQ的另一只眼睛

12 选择工具箱中的“椭圆”工具,将“填充颜色”设置为#FF9900,绘制椭圆,作为QQ的嘴巴,如图2-71所示。

图2-71 绘制QQ的嘴巴

13 选择工具箱中的“椭圆”工具,将“填充颜色”设置为#000000,绘制两个椭圆,作为QQ的翅膀,并使用“选择”工具调整椭圆的形状,如图2-72所示。

图2-72 绘制QQ的翅膀

14 选择工具箱中的“椭圆”工具,将“填充颜色”设置为#FFFFFF,绘制椭圆,作为QQ的腹部,如图2-73所示。

图2-73 绘制椭圆

15 选择工具箱中的“椭圆”工具,将“填充颜色”设置为#FF9900, “笔触颜色”设置为#000000,绘制两个椭圆,作为QQ的脚,并使用“选择”工具调整椭圆的形状,如图2-74所示。

图2-74 绘制QQ的脚

16 选择工具箱中的“刷子”工具,在工具箱的最下方设置刷子的属性,在舞台中绘制形状,作为QQ的围巾,如图2-75所示,按【Ctrl+Enter】组合键测试效果如图2-59所示。

图2-75 绘制QQ的围巾

实例03—绘制精美雨伞

【技术分析】

本实例绘制一把精美的雨伞,效果如图2-76所示,制作时主要使用“椭圆”工具、“颜料桶”工具、“多角星形”工具和“线条”工具。

图2-76 绘制精美雨伞效果

源文件

光盘/本书实例/02/实例03 绘制精美雨伞.fla

效果文件

光盘/本书实例/02/实例03 绘制精美雨伞.swf

【制作步骤】

01 新建空白文档,选择【文件】—【导入】—【导入到舞台】命令,弹出“导入”对话框,在对话框中选择图像003.jpg,如图2-77所示。

图2-77 “导入”对话框

02 单击【打开】按钮,将文件导入到舞台,选择【修改】—【文档】命令,弹出“文档属性”对话框,在对话框中将“尺寸”分别设置为550、383像素,如图2-78所示。

图2-78 “文档属性”对话框

03 单击【确定】按钮,修改文档属性,调整图像与舞台相吻合,如图2-79所示。

图2-79 调整图像与舞台相吻合

04 单击“时间轴”面板中的【插入图层】按钮,新建图层,选择工具箱中的“椭圆”工具,在“属性”面板中将“起始角度”设置为180,如图2-80所示。

图2-80 “属性”面板

05 在舞台中按住鼠标左键拖动,绘制半圆,如图2-81所示。

图2-81 绘制半圆

06 选择工具箱中的“椭圆”工具,绘制3个大小相等的椭圆,并按如图2-82所示的方式排列。

图2-82 绘制椭圆

07 选中三个椭圆,按【Delete】键删除;选择工具箱中的“线条”工具,将“笔触颜色”设置为#FF00FF, “笔触高度”设置为1,绘制线条,如图2-83所示。

图2-83 绘制线条

08 选择工具箱中的“选择”工具,调整线条的形状,如图2-84所示。

图2-84 调整线条的形状

09 按照步骤7~8的方法,绘制线条并调整线条的形状,如图2-85所示。

图2-85 调整线条的形状

10 选择工具箱中的“颜料桶”工具,选择【窗口】—【颜色】命令,打开“颜色”面板,在面板中的“类型”下拉列表中选择“放射状”,将第1个色标设置为#FF66FF,第2个色标设置为#FFCC00,如图2-86所示。

图2-86 “颜色”面板

11 在舞台中要填充颜色的位置单击,填充颜色,如图2-87所示。

图2-87 填充颜色

12 选择工具箱中的“多角星形”工具,在“属性”面板中单击【选项】按钮,弹出“工具设置”对话框,在对话框中的“类型”下拉列表中选择“星形”,如图2-88所示。

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

13 单击【确定】按钮,在舞台中绘制星形,如图2-89所示。

图2-89 绘制星形

14 选中星形,在“颜色”面板中的“类型”下拉列表中选择“放射状”,将第1个色标设置为#FF6E0E,第2个色标设置为#FFFFFF,如图2-90所示。

图2-90 “颜色”面板

15 设置渐变填充后的效果如图2-91所示。

图2-91 设置填充后的效果

16 按照步骤12~15的方法绘制星形,并设置渐变填充效果,如图2-92所示。

图2-92 绘制星形

17 选择工具箱中的“椭圆”工具,绘制椭圆,如图2-93所示。

图2-93 绘制椭圆

18 选中绘制的椭圆,在“颜色”面板的“类型”下拉列表中选择“放射状”,将第1个色标设置为#FFFFFF,第2个色标设置为#9900FF,效果如图2-94所示。

图2-94 设置填充后的效果

19 按照步骤17~18的方法绘制椭圆,并设置渐变填充效果,如图2-95所示。

图2-95 绘制椭圆

20 选择工具箱中的“线条”工具,在“属性”面板中将“笔触颜色”设置为#FFB538, “笔触高度”设置为8, “笔触样式”设置为“实线”,绘制线条,如图2-96所示。

图2-96 绘制线条

21 选择工具箱中的“线条”工具,在“属性”面板中将“笔触颜色”设置为#FFB538, “笔触高度”设置为10, “笔触样式”设置为“实线”,绘制线条,如图2-97所示。

图2-97 绘制线条

22 选择工具箱中的“选择”工具,调整线条的形状,将其作为伞的手柄,如图2-98所示。

图2-98 调整线条的形状

23 按【Ctrl+Enter】组合键测试效果如图2-76所示。

实例04—绘制卡通动物

【技术分析】

近年来,平面的卡通虽然不可能被淘汰,但是越来越多的人开始重视立体卡通的制作,使用Flash可以将动画变得具有相当程度的立体感。下面练习绘制卡通动物,效果如图2-99所示,主要使用了“椭圆”工具、“选择”工具、“线条”工具和“颜料桶”工具。

图2-99 绘制卡通动物效果

源文件

光盘/本书实例/02/实例04 绘制卡通动物.fla

效果文件

光盘/本书实例/02/实例04 绘制卡通动物.swf

【制作步骤】

01 新建空白文档,导入图像004.jpg,调整舞台的大小与图像相吻合,如图2-100所示。

图2-100 导入图像

02 单击“时间轴”面板左下角的【插入图层】按钮,新建图层,选择工具箱中的“椭圆”工具,将“笔触颜色”设置为#000000, “填充颜色”设置为#FFCCCC,绘制椭圆,如图2-101所示。

图2-101 绘制椭圆

03 选择工具箱中的“选择”工具,调整椭圆的形状,如图2-102所示。

图2-102 调整椭圆的形状

04 选择工具箱中的“椭圆”工具,将“笔触颜色”设置为#000000, “填充颜色”设置为#FFCCCC,绘制椭圆,并使用“选择”工具调整椭圆的形状,如图2-103所示。

图2-103 调整椭圆的形状

05 选择工具箱中的“椭圆”工具,将“填充颜色”设置为#000000,绘制3个椭圆,分别放置在相应的位置作为眼睛和鼻子,如图2-104所示。

图2-104 绘制椭圆

06 选择工具箱中的“线条”工具,在“属性”面板中将“笔触颜色”设置为#FFB538,“笔触高度”设置为1, “笔触样式”设置为“实线”,绘制线条,并使用“选择”工具调整线条的形状,作为小熊的耳朵,如图2-105所示。

图2-105 调整线条的形状

07 选择工具箱中的“颜料桶”工具,将“填充颜色”设置为#FFCCCC,在小熊的耳朵中单击,填充颜色,并删除与小熊头部相连的线条,如图2-106所示。

图2-106 填充颜色并删除相连的线条

08 选择工具箱中的“椭圆”工具,将“填充颜色”设置为#000000,绘制椭圆,如图2-107所示。

图2-107 绘制椭圆

09 按照步骤6~8的方法,绘制小熊的另一只耳朵,如图2-108所示。

图2-108 绘制小熊的另一只耳朵

10 选择工具箱中的“线条”工具,在“属性”面板中将“笔触颜色”设置为#000000, “笔触高度”设置为1, “笔触样式”设置为“实线”,绘制线条,并使用“选择”工具调整线条的形状,如图2-109所示。

图2-109 调整线条的形状

11 选择工具箱中的“线条”工具,在“属性”面板中将“笔触颜色”设置为#000000, “笔触高度”设置为1, “笔触样式”设置为“实线”,绘制线条,并使用“选择”工具调整线条的形状,如图2-110所示。

图2-110 调整线条的形状

12 选择工具箱中的“椭圆”工具,在“属性”面板中将“笔触颜色”设置为#000000, “填充颜色”设置为#FFFFFF,绘制椭圆,并使用“选择”工具调整椭圆的形状,如图2-111所示。

图2-111 调整椭圆的形状

13 选择工具箱中的“椭圆”工具,在“属性”面板中将“填充颜色”设置为#FFFFFF,绘制4个椭圆,并按如图2-112所示的方式排列。

图2-112 绘制椭圆

14 按照步骤10~13的方法,绘制小熊身体另一侧的轮廓,如图2-113所示。

图2-113 绘制轮廓

15 选择工具箱中的“线条”工具,在“属性”面板中将“笔触颜色”设置为#000000,“笔触高度”设置为1, “笔触样式”设置为“实线”,绘制线条,并使用“选择”工具调整线条的形状,如图2-114所示。

图2-114 调整线条的形状

16 选择工具箱中的“颜料桶”工具,将“填充颜色”设置为#FFCCCC,在小熊的身体部分单击,填充颜色,如图2-115所示。

图2-115 填充颜色

17 分别使用“椭圆”工具和“线条”工具绘制椭圆和线条,并使用“选择”工具调整成如图2-116所示的形状,作为小熊的尾巴。

图2-116 绘制小熊的尾巴

18 选择工具箱中的“颜料桶”工具,对小熊的尾巴填充颜色,如图2-117所示。

图2-117 填充颜色

19 选择工具箱中的“矩形”工具,在“属性”面板中将“填充颜色”设置为#FF0000,绘制两个矩形,并使用“选择”工具调整成如图2-118所示的形状,作为小熊的围巾。

图2-118 绘制小熊的围巾

20 将小熊的轮廓线删除,按【Ctrl+Enter】组合键测试效果如图2-99所示。

实例05—绘制精美的气球

【技术分析】

对形状进行变形是应用比较广泛的技巧,其作用是调整形状在舞台中的比例,协调与其他形状的关系。使用“变形”面板可以调整对象的形状,下面使用“椭圆”工具、“铅笔”工具和“变形”面板绘制精美的气球效果,如图2-119所示。

图2-119 绘制精美的气球效果

源文件

光盘/本书实例/02/实例05 绘制精美的气球.fla

效果文件

光盘/本书实例/02/实例05 绘制精美的气球.swf

【制作步骤】

01 新建空白文档,导入图像005.jpg,调整舞台的大小与图像相吻合,如图2-120所示。

图2-120 导入图像

02 单击“时间轴”面板左下角的【插入图层】按钮,新建“图层2”,选择工具箱中的“椭圆”工具,绘制椭圆,如图2-121所示。

图2-121 绘制椭圆

03 选中椭圆,选择【窗口】—【颜色】命令,打开“颜色”面板,在面板的“类型”下拉列表中选择“放射状”选项,将第1个色标设置为#FFFFFF,第2个色标设置为#9966FF,如图2-122所示。

图2-122 “颜色”面板

04 设置椭圆渐变填充后的效果,如图2-123所示。

图2-123 设置填充后的效果

05 选择工具箱中的“铅笔”工具,在“属性”面板中将“笔触颜色”设置为#9966FF, “笔触高度”设置为1,绘制曲线,如图2-124所示。

图2-124 绘制曲线

06 按照步骤2~5方法,绘制椭圆、设置填充颜色并绘制曲线,如图2-125所示。

图2-125 绘制曲线

07 选中所有的气球,选择【窗口】—【变形】命令,打开“变形”面板,在面板中将旋转角度设置为-60°,按【Enter】键对气球进行旋转并调整到合适的位置,如图2-126所示。

图2-126 对气球进行旋转并调整位置

08 按【Ctrl+Enter】组合键测试效果如图2-119所示。

实例06—绘制绽放的花朵

【技术分析】

本例通过运用“椭圆”工具、“颜色”面板、“变形”面板和“任意变形”工具等知识,制作一个绽放的花朵效果,如图2-127所示。

图2-127 绘制绽放的花朵效果

源文件

光盘/本书实例/02/实例06 绘制绽放的花朵.fla

效果文件

光盘/本书实例/02/实例06 绘制绽放的花朵.swf

【制作步骤】

01 新建空白文档,导入图像006.jpg,调整舞台的大小与图像相吻合,如图2-128所示。

图2-128 导入图像

02 单击“时间轴”面板左下角的【插入图层】按钮,新建图层,选择工具箱中的“椭圆”工具,绘制椭圆,如图2-129所示。

图2-129 绘制椭圆

03 选中椭圆,选择【窗口】—【颜色】命令,打开“颜色”面板,在面板中的“类型”下拉列表中选择“放射状”选项,将第1个色标设置为#FF0000,第2个色标设置为#E8F722,如图2-130所示。

图2-130 “颜色”面板

04 设置椭圆渐变填充后的效果,如图2-131所示。

图2-131 设置填充后的效果

05 选择工具箱中的“椭圆”工具,将“填充颜色”设置为#E8F722,绘制椭圆,如图2-132所示。

图2-132 绘制椭圆

06 选中椭圆,选择【窗口】—【变形】命令,打开“变形”面板,在面板中单击【复制并应用变形】按钮,复制椭圆,将旋转角度设置为40°,效果如图2-133所示。

图2-133 复制椭圆

07 按照步骤6的方法,复制椭圆并设置旋转角度,效果如图2-134所示。

图2-134 复制椭圆

08 按住【Shift】键选中花朵,选择工具箱中的“任意变形”工具,调整花朵的大小,如图2-135所示。

图2-135 调整花朵的大小

09 按照步骤2~8的方法,绘制不同大小和颜色的花朵,如图2-136所示。

图2-136 绘制花朵

10 按【Ctrl+Enter】组合键测试效果如图2-127所示。

实例07—绘制苹果

【技术分析】

“封套”工具用于改变规则图形的外形,以调整出复杂的不规则图形。下面通过使用“椭圆”工具、“刷子”工具和“渐变变形”工具绘制苹果,效果如图2-137所示。

图2-137 绘制苹果效果

源文件

光盘/本书实例/02/实例07 绘制苹果.fla

效果文件

光盘/本书实例/02/实例07 绘制苹果.swf

【制作步骤】

01 新建空白文档,导入图像007.jpg,调整舞台的大小与图像相吻合,如图2-138所示。

图2-138 导入图像

02 单击“时间轴”面板左下角的【插入图层】按钮,新建图层,选择工具箱中的“椭圆”工具,绘制椭圆,如图2-139所示。

图2-139 绘制椭圆

03 选中椭圆,单击鼠标右键,在弹出的菜单中选择【封套】选项,拖动调节手柄调整圆的形状,拖动控制点调整圆各部分的大小,将圆调整成苹果的形状,如图2-140所示。

图2-140 绘制椭圆

04 选中苹果,选择【窗口】—【颜色】命令,打开“颜色”面板,在面板的“类型”下拉列表中选择“放射状”选项,将第1个色标设置为#FFD3B5,第2个色标设置为#FF0000,如图2-141所示。

图2-141 “颜色”面板

05 设置渐变填充后的效果如图2-142所示。

图2-142 设置填充后的效果

06 选择工具箱中的“渐变变形”工具,调整渐变的颜色,如图2-143所示。

图2-143 调整渐变颜色

07 选择工具箱中的“椭圆”工具,绘制椭圆,并使用“选择”工具调整成如图2-144所示的形状。

图2-144 调整椭圆的形状

08 选中椭圆,选择【窗口】—【颜色】命令,打开“颜色”面板,在面板的“类型”下拉列表中选择“线性”选项,将第1个色标设置为#00FF00,第2个色标设置为#006600,效果如图2-145所示。

图2-145 设置填充颜色

09 选择工具箱中的“刷子”工具,将“填充颜色”设置为#996600,绘制如图2-146所示的形状。

图2-146 绘制形状

10 选择工具箱中的“椭圆”工具,绘制椭圆,并使用“选择”工具调整形状,在“颜色”面板中的“类型”下拉列表中选择“线性”选项,将第1个色标设置为#00FF00,第2个色标设置为#006600,效果如图2-147所示。

图2-147 设置填充颜色

11 按【Ctrl+Enter】组合键测试效果如图2-137所示。

实例08—绘制霓虹灯光

【技术分析】

本实例制作一个霓虹灯光效果,如图2-148所示,主要使用了“椭圆”工具、“柔化填充边缘”命令、“线条”工具。

图2-148 绘制霓虹灯光效果

源文件

光盘/本书实例/02/实例08 绘制霓虹灯光.fla

效果文件

光盘/本书实例/02/实例08 绘制霓虹灯光.swf

【制作步骤】

01 新建空白文档,选择【修改】—【文档】命令,弹出“文档属性”对话框,在对话框中将“背景颜色”设置为#000000,如图2-149所示。

图2-149 “文档属性”对话框

02 单击【确定】按钮,修改文档属性,选择工具箱中的“椭圆”工具,绘制椭圆,如图2-150所示。

图2-150 绘制椭圆

03 选中椭圆,在“颜色”面板的“类型”下拉列表中选择“放射状”选项,将第1个色标设置为#FFFFFF,第2个色标设置为#FDE724,第3个色标设置为#FFFF33,第4个色标设置为#FF9900,第5个色标设置为#CEC67D,效果如图2-151所示。

图2-151 设置填充后的效果

04 选中椭圆,选择【修改】—【形状】—【柔化填充边缘】命令,弹出“柔化填充边缘”对话框,在对话框中进行相应的设置,如图2-152所示。

图2-152 “柔化填充边缘”对话框

05 单击【确定】按钮,柔化填充边缘效果如图2-153所示。

图2-153 柔化填充边缘效果

06 选择工具箱中的“线条”工具,在“属性”面板中将“笔触高度”设置为1,绘制线条,如图2-154所示。

图2-154 绘制线条

07 选中线条,在“颜色”面板的“类型”下拉列表中选择“线性”选项,将第1个色标设置为#999999,第2个色标设置为#99FFFF,第3个色标设置为#DF865D,第4个色标设置为#00CC99,第5个色标设置为#FDE724,效果如图2-155所示。

图2-155 设置填充后的效果

08 按照步骤6~7的方法,绘制线条并设置填充颜色,如图2-156所示,按【Ctrl+Enter】组合键测试效果如图2-148所示。

图2-156 绘制线条

实例09—绘制小木屋

【技术分析】

下面使用“矩形”工具、“选择”工具、“多角星形”工具、“椭圆”工具和“线条”工具绘制小木屋,效果如图2-157所示。

图2-157 绘制小木屋效果

源文件

光盘/本书实例/02/实例09 绘制小木屋.fla

效果文件

光盘/本书实例/02/实例09 绘制小木屋.swf

【制作步骤】

01 新建空白文档,选择工具箱中的“矩形”工具,将“笔触颜色”设置为#000000,“笔触高度”设置为1, “填充颜色”设置为#DC0028,绘制矩形,如图2-158所示。

图2-158 绘制矩形

02 选择工具箱中的“选择”工具,调整矩形的形状,如图2-159所示。

图2-159 调整矩形的形状

03 选择工具箱中的“多角星形”工具,在“属性”面板中单击【选项】按钮,弹出“工具设置”对话框,在对话框的“样式”下拉列表中选择“多边形”, “边数”设置为3,如图2-160所示。

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

04 单击【确定】按钮,将“笔触颜色”设置为#892B28, “笔触高度”设置为4, “填充颜色”设置为#FFF5E6,绘制三角形,如图2-161所示。

图2-161 绘制三角形

05 使用“选择”工具将三角形的底边删除。选择工具箱中的“矩形”工具,将“笔触颜色”设置为#EAD1A5, “笔触高度”设置为1, “填充颜色”设置为#FFF5E6,绘制矩形,如图2-162所示。

图2-162 绘制矩形

06 按照步骤3~5的方法绘制矩形和三角形,并使用“选择”工具删除相应的边,如图2-163所示。

图2-163 绘制矩形

07 选择工具箱中的“椭圆”工具,将“填充颜色”设置为#DE9F42,绘制椭圆,并使用“选择”工具将底部的部分删除,效果如图2-164所示。

图2-164 绘制椭圆

08 分别使用工具箱中的“椭圆”工具和“线条”工具,将“填充颜色”设置为#993300,绘制椭圆和线条,如图2-165所示。

图2-165 绘制椭圆和线条

09 选择工具箱中的“矩形”工具,将“笔触颜色”设置为#892B28, “矩形边角半径”设置为5,绘制矩形,如图2-166所示。

图2-166 绘制矩形

10 选择工具箱中的“颜料桶”工具,在“颜色”面板的“类型”下拉列表中选择“线性”,将第1个色标设置为#74B8F1,第2个色标设置为#DBEDFB,第3个色标设置为#6AB3F0,在要填充颜色的位置拖曳出一条直线填充颜色,如图2-167所示。

图2-167 填充颜色

11 选择工具箱中的“线条”工具,绘制两条直线,并按照如图2-168所示的方式放置。

图2-168 绘制线条

12 按照步骤9~11的方法,绘制矩形、线条和设置填充颜色,如图2-169所示。

图2-169 绘制线条

13 选择工具箱中的“刷子”工具,绘制一些形状,如图2-170所示。

图2-170 绘制形状

14 按【Ctrl+Enter】组合键测试效果如图2-157所示。

2.3 高级实例应用

实例10—绘制多媒体光盘

【技术分析】

使用“颜料桶”工具可以为封闭区域填充颜色;可以更改已涂色区域的颜色;可以使用纯色、渐变填充和位图填充进行涂色。下面通过使用“椭圆”工具、“任意变形”工具和“颜料桶”工具绘制多媒体光盘,效果如图2-171所示。

图2-171 绘制多媒体光盘效果

源文件

光盘/本书实例/02/实例10 绘制多媒体光盘.fla

效果文件

光盘/本书实例/02/实例10 绘制多媒体光盘.swf

【制作步骤】

01 新建空白文档,选择工具箱中的“椭圆”工具,将“笔触颜色”设置为#996600,“笔触高度”设置为1,绘制椭圆,如图2-172所示。

图2-172 绘制椭圆

02 选择工具箱中的“椭圆”工具,在“属性”面板中将“笔触颜色”设置为#FF9900, “笔触高度”设置为1,绘制椭圆,如图2-173所示。

图2-173 绘制椭圆

03 按照步骤2的方法,绘制另外两个椭圆,如图2-174所示。

图2-174 绘制椭圆

04 选择工具箱中的“颜料桶”工具,在“颜色”面板的“类型”下拉列表中选择“线性”,将第1个色标设置为#FFFFFF,第2个色标设置为#FFCC00,在要填充颜色的位置拖曳出一条直线填充颜色,如图2-175所示。

图2-175 填充颜色

05 选择工具箱中的“文本”工具,输入文字,如图2-176所示。

图2-176 输入文字

06 选择工具箱中的“任意变形”工具,对文字进行变形,如图2-177所示。

图2-177 对文字进行变形

07 按【Ctrl+Enter】组合键测试效果如图2-171所示。

实例11—绘制太阳

【技术分析】

下面运用“线条”工具、“椭圆”工具和“颜料桶”工具绘制太阳效果,如图2-178所示。

图2-178 绘制太阳效果

源文件

光盘/本书实例/02/实例11 绘制太阳.fla

效果文件

光盘/本书实例/02/实例11 绘制太阳.swf

【制作步骤】

01 新建空白文档,导入图像008.jpg,调整舞台的大小与图像相吻合,如图2-179所示。

图2-179 导入图像

02 单击“时间轴”面板左下角的【插入图层】按钮,新建图层,选择工具箱中的“椭圆”工具,在“属性”面板中将“笔触颜色”设置为#990000, “笔触高度”设置为1, “填充颜色”设置为#E75B26,绘制椭圆,如图2-180所示。

图2-180 绘制椭圆

03 按照步骤2的方法,绘制另外两个椭圆,如图2-181所示。

图2-181 绘制椭圆

04 选择工具箱中的“线条”工具,将“笔触颜色”设置为#000000, “笔触高度”设置为1,绘制3条直线,并使用“选择”工具调整成如图2-182所示的形状。

图2-182 绘制线条并调整形状

05 选择工具箱中的“颜料桶”工具,将“填充颜色”设置为#FFFFFF,在太阳的眼睛处单击填充颜色,如图2-183所示。

图2-183 填充颜色

06 选择工具箱中的“椭圆”工具,在“属性”面板中将“笔触颜色”设置为#000000,绘制太阳的眼珠,并使用“线条”工具绘制线条,效果如图2-184所示。

图2-184 绘制太阳的眼珠和线条

07 按照步骤4~6的方法,绘制线条和椭圆,调整形状并填充颜色,如图2-185所示。

图2-185 绘制线条和椭圆

08 分别使用“线条”和“椭圆”工具绘制直线和椭圆,并使用“选择”工具调整形状,作为太阳的嘴巴,如图2-186所示。

图2-186 绘制太阳的嘴巴

09 按【Ctrl+Enter】组合键测试效果如图2-178所示。

实例12—绘制海报宣传页

【技术分析】

使用“文本”工具和滤镜效果可以创造出丰富的图像效果和特效的花样文字,下面以海报宣传页为例说明具体操作方法,效果如图2-187所示。

图2-187 绘制海报宣传页效果

源文件

光盘/本书实例/02/实例12 绘制海报宣传页.fla

效果文件

光盘/本书实例/02/实例12 绘制海报宣传页.swf

【制作步骤】

01 新建空白文档,导入图像009.jpg,调整舞台的大小与图像相吻合,如图2-188所示。

图2-188 导入图像

02 单击“时间轴”面板左下角的【插入图层】按钮,新建图层,选择工具箱中的“多角星形”工具,在“属性”面板中单击【选项】按钮,弹出“工具设置”对话框,在对话框中进行相应的设置,如图2-189所示。

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

03 单击【确定】按钮,在舞台中绘制星形,如图2-190所示。

图2-190 绘制星形

04 选中星形,选择【修改】—【形状】—【柔化填充边缘】命令,弹出“柔化填充边缘”对话框,在对话框中进行相应的设置,如图2-191所示。

图2-191 “柔化填充边缘”对话框

05 单击【确定】按钮,柔化填充边缘后的效果如图2-192所示。

图2-192 柔化填充边缘后的效果

06 按照步骤2~5的方法绘制星形并柔化填充边缘,如图2-193所示。

图2-193 绘制星形并柔化填充边缘

07 选择工具箱中的“文本”工具,输入文字,如图2-194所示。

图2-194 输入文字

08 选中输入的文字,选择【窗口】—【属性】—【滤镜】命令,打开“滤镜”面板,在面板中单击按钮,在弹出的菜单中选择【阴影】选项,如图2-195所示。

图2-195 选择“阴影”选项

09 选择【阴影】选项后,在面板中进行相应的设置,如图2-196所示。

图2-196 “滤镜”面板

10 在“滤镜”面板中单击按钮,在弹出的菜单中选择【阴影】选项,在面板中进行相应的设置,如图2-197所示。

图2-197 “滤镜”面板

11 设置滤镜后的效果如图2-198所示。

图2-198 设置滤镜后的效果

12 选择工具箱中的“文本”工具,输入文字,如图2-199所示。

图2-199 输入文字

13 选中输入的文字,在“滤镜”面板中单击按钮,在弹出的菜单中选择【发光】选项,在面板中进行相应的设置,如图2-200所示。

图2-200 “滤镜”面板

14 设置滤镜后的效果如图2-201所示。

图2-201 设置滤镜后的效果

15 按【Ctrl+Enter】组合键测试效果如图2-187所示。

实例13—绘制标志

【技术分析】

标志的设计要能够充分体现该公司的核心理念,并且设计要求动感、活力、简约、大气、高品位、色彩搭配合理、美观、印象深刻。下面通过实例讲述使用“椭圆”工具和“颜料桶”工具绘制标志,效果如图2-202所示。

图2-202 绘制标志效果

源文件

光盘/本书实例/02/实例13 绘制标志.fla

效果文件

光盘/本书实例/02/实例13 绘制标志.swf

【制作步骤】

01 新建空白文档,选择工具箱中的“椭圆”工具,在“属性”面板中将“填充颜色”设置为#00CCFF,绘制椭圆,如图2-203所示。

图2-203 绘制椭圆

02 选择工具箱中的“椭圆”工具,在“属性”面板中将“笔触颜色”设置为#FFFFFF,“笔触高度”设置为1,绘制椭圆,并使用“任意变形”工具进行旋转,如图2-204所示。

图2-204 绘制椭圆并进行旋转

03 选择工具箱中的“颜料桶”工具,将“填充颜色”设置为#009900,在要填充颜色的位置单击,效果如图2-205所示。

图2-205 填充颜色

04 选择工具箱中的“椭圆”工具,绘制椭圆,并使用“选择”工具调整其形状,如图2-206所示。

图2-206 调整椭圆形状

05 选中调整后的形状,在“颜色”面板的“类型”下拉列表中选择“线性”,将第1个色标设置为#FFFF00,第2个色标设置为#009900,效果如图2-207所示。

图2-207 设置填充颜色

06 按照步骤4~5的方法,绘制椭圆,调整其形状并设置填充颜色,如图2-208所示。

图2-208 绘制椭圆

07 按【Ctrl+Enter】组合键测试效果如图2-202所示。

2.4 习题

一.填空题

(1)“椭圆”工具可用来绘制_____________,不仅可以任意选择轮廓线的_______________,还可以任意选择_______________。

(2)“颜料桶”工具用于将颜色、渐变、位图填充到封闭的区域中。“颜料桶”工具有3种填充模式,即______________、_______________、_______________。通过选择不同的填充模式,可以使用“颜料桶”工具制作出不同的视觉效果。

二.操作题

制作如图1.209所示的旋转图像动画。

图1.209 旋转动画

关键提示:

(1)新建一个空白文档,在文档中导入图像,并调整大小及位置,如图1.210所示。

图1.210 导入图像

(2)选中第40帧,按【F6】键插入关键帧,在关键帧之间单击鼠标右键,在弹出的菜单中选择【创建补间动画】选项,创建补间动画,如图1.211所示。

图1.211 创建补间动画

(3)将光标置于帧之间,在“属性”面板中将“旋转”设置为“顺时针”,如图1.212所示。

图1.212 设置属性

(4)保存文档,测试动画效果如图1.209所示。