flash基础教程第二章

《flash基础教程第二章》由会员分享，可在线阅读，更多相关《flash基础教程第二章（56页珍藏版）》请在装配图网上搜索。

1、学习目标学习目标 第第2 2讲讲 绘制素材l了解了解Flash绘图工具的使用方法。绘图工具的使用方法。l使用使用Flash绘图工具绘制简易场景效果绘图工具绘制简易场景效果 。l掌握图层的概念，并学习绘制复制图形的方法掌握图层的概念，并学习绘制复制图形的方法 。l掌握艺术类动画素材的绘制方法掌握艺术类动画素材的绘制方法 。 2.1 绘制简单图形 2.2 绘制复杂图形 2.3 课后作业 本章大纲本章大纲2.1 绘制简单图形 2.1.1 知识点讲解 Flash 8提供了强大的绘图工具，给用户制作动画素材带来了提供了强大的绘图工具，给用户制作动画素材带来了方便和快捷。其方便和快捷。其【工具工具】面板中

2、的具体工具的名称和快捷键如图面板中的具体工具的名称和快捷键如图2-1所示。所示。【选择选择】工具（工具（V）【任意变形任意变形】工具（工具（Q）【线条线条】工具（工具（N）【钢笔钢笔】工具（工具（P）【椭圆椭圆】工具（工具（O）【铅笔铅笔】工具（工具（Y）【描边描边】工具（工具（S）【滴管滴管】工具（工具（I）【手形手形】工具（工具（H）笔触颜色笔触颜色填充颜色填充颜色紧贴至对象紧贴至对象平滑平滑【部分选择部分选择】工具工具（A）【填充变形填充变形】工具（工具（F）【套索套索】工具（工具（L）【文本文本】工具（工具（T）【刷子刷子】工具（工具（B）【颜料桶颜料桶】工具（工具（K）【橡皮擦橡皮擦

3、】工具（工具（E）【缩放缩放】工具（工具（M，Z）伸直伸直图图2-1 Flash 8【工具工具】面板面板 用户使用用户使用Flash的绘图工具进行图形绘制的时候，可尽的绘图工具进行图形绘制的时候，可尽量使用对应工具的快捷键去控制工具的选择和更换，这量使用对应工具的快捷键去控制工具的选择和更换，这样可以大大提高工作效率。样可以大大提高工作效率。 矢量图形：矢量图形： 定义：用矢量曲线来描述图像，包括颜色和位置等定义：用矢量曲线来描述图像，包括颜色和位置等属性。属性。 特点：矢量图形与分辨率无关，可以显示在各种分特点：矢量图形与分辨率无关，可以显示在各种分辨率的输出设备上，而不影响品质。辨率的输出

4、设备上，而不影响品质。 应用：矢量图形适合用于线性图，特别是二维卡通动应用：矢量图形适合用于线性图，特别是二维卡通动画中，能够有效地减少文件容量。画中，能够有效地减少文件容量。 位图图像：位图图像： 定义：用像素排列在网格内的彩色点来描述图像。定义：用像素排列在网格内的彩色点来描述图像。 特点：位图图像跟分辨率有关，在比图像本身的分辨特点：位图图像跟分辨率有关，在比图像本身的分辨率低的输出设备上显示位图时会降低它的外观品质。率低的输出设备上显示位图时会降低它的外观品质。 应用：位图图像适合用于表现层次和色彩细腻丰富，应用：位图图像适合用于表现层次和色彩细腻丰富，包含大量细节的图像。包含大量细节

5、的图像。矢量图形与位图图形的特点对比如图矢量图形与位图图形的特点对比如图2-2所示。所示。图图2-2 矢量图形与位图图形矢量图形与位图图形 根据用途的不同，工具可分为以下5类（1）规则形状绘制工具。 主要包括【矩形】工具、【椭圆】工具、【多角星形】工具和【线条】工具。（2）不规则形状绘制工具。 主要包括【钢笔】工具、【铅笔】工具、【笔刷】工具和【文字】工具。（3）形状修改工具。 主要包括【选择】工具、【部分选择】工具和【套索】工具。（4）颜色修改工具。 主要包括【墨水瓶】工具、【颜料桶】工具、【滴管】工具、【橡皮檫】工具、【颜色】工具和【填充变形】工具。（5）视图修改工具。 主要包括【手形】工

6、具和【缩放】工具。 2.1.2 范例解析（一）常用绘图工具练习 1、使用规则图形绘制工具、使用规则图形绘制工具【矩形矩形】工具工具 、【椭圆椭圆】工具工具 、 【多角星形多角星形】工具工具 依次绘制如图依次绘制如图2-3所示的图形所示的图形 。 2、使用不规则图形绘制工具、使用不规则图形绘制工具【钢笔钢笔】工具工具 绘制绘制“花花”、【铅铅笔笔】工具工具 绘制绘制“叶叶”、【笔刷笔刷】工具工具 绘制绘制“人人”和和【文字文字】工具工具 输入文字，得到如图输入文字，得到如图2-4所示的图形所示的图形 图图2-3 绘制规则图形绘制规则图形 图图2-4 绘制不规则图形绘制不规则图形 3、使用形状修改

7、工具、使用形状修改工具【选择选择】工具工具 、【部分选择部分选择】工具工具 、【套索套索】工具工具 将如图将如图2-4所示的不规则图形进行修改，得到如图所示的不规则图形进行修改，得到如图2-5所示的效果。所示的效果。 4、使用颜色修改工具、使用颜色修改工具【墨水瓶墨水瓶】工具工具 、【颜料桶颜料桶】工具工具 、【滴管滴管】工具工具 、【颜色颜色】工具和工具和【填充变形填充变形】工具工具 对如图对如图2-5所示的图形进行颜色修改，得到如图所示的图形进行颜色修改，得到如图2-6所示的效果所示的效果 。图图2-5 修改图形修改图形 图图2-6 为图形上色为图形上色 2.1.3 范例解析（二）绘制“简

8、易建筑物” 本例将使用本例将使用Flash 8中基本的绘图工具绘制一座既简单又生动中基本的绘图工具绘制一座既简单又生动的建筑物，带领读者来一同体验绘制素材的快乐，设计思路及效的建筑物，带领读者来一同体验绘制素材的快乐，设计思路及效果如图果如图2-7所示所示 图图2-7 设计思路及效果图设计思路及效果图 图图2-8 选择选择【文档属性文档属性】选项选项 1、绘制建筑物轮廓、绘制建筑物轮廓 （1）新建一个）新建一个Flash文档，在舞台上单击鼠标右键，在弹文档，在舞台上单击鼠标右键，在弹出的快捷菜单中选择出的快捷菜单中选择【文档属性文档属性】命令，如图命令，如图2-8所示。在弹所示。在弹出的出的【

9、文档属性文档属性】对话框中设置文档对话框中设置文档【尺寸尺寸】为为“420 px230px”，文档其他属性使用默认参数，效果如图，文档其他属性使用默认参数，效果如图2-9所示所示 图图2-9 【文档属性文档属性】对话框对话框 图图2-10 设置设置【属性属性】面板参数面板参数 （2）在工具面板中选择）在工具面板中选择【矩形矩形】工具工具 ，在，在【属性属性】面面板中设置板中设置【笔触颜色笔触颜色】为为“黑色黑色”，【笔触高度笔触高度】为为“1”，如，如图图2-10所示。单击所示。单击 旁边旁边 的按钮，弹出如图的按钮，弹出如图2-11所示所示的颜色设置对话框，单击的颜色设置对话框，单击 按钮设

10、置按钮设置【填充颜色填充颜色】为为“无无”。并确认。并确认【对象绘制对象绘制】功能没有启动，如图功能没有启动，如图2-12所示。所示。 图图2-11 设置颜色设置颜色 填充颜色笔触颜色笔触高度笔触样式颜色为无对象绘制边角半径设置图图2-12 设置绘制属性设置绘制属性 ：【对象绘制对象绘制】按钮。没按下状态表示未启用对象绘制功按钮。没按下状态表示未启用对象绘制功能，通常称为能，通常称为“合并绘制合并绘制”，表示在重叠绘制图形时，会自动，表示在重叠绘制图形时，会自动进行合并，如果选择的图形与另一个图形合并，移动时则会永进行合并，如果选择的图形与另一个图形合并，移动时则会永久改变下方的图形，如图久改

11、变下方的图形，如图2-13所示；按下时表示启用对象绘制所示；按下时表示启用对象绘制功能，分离或重排重叠图形时，也不会改变它们的外形。如图功能，分离或重排重叠图形时，也不会改变它们的外形。如图2-14所示所示 。 ：【边角半径边角半径】设置。单击该按钮，弹出设置。单击该按钮，弹出【矩形设置矩形设置】对对话框，如图话框，如图2-15所示。当所示。当【边角半径边角半径】为为0时，表示绘制的图形时，表示绘制的图形是一般矩形；当边角半径不为是一般矩形；当边角半径不为0时，表示绘制的图形是倒圆角矩时，表示绘制的图形是倒圆角矩形，效果如图形，效果如图2-16所示。所示。 图图2-13 未启动未启动【对象绘制

12、对象绘制】功能功能 图图2-14 启动启动【对象绘制对象绘制】功能功能 图图2-16 两种矩形的区别两种矩形的区别 图图2-17 设置大小和位置设置大小和位置 图图2-15 【矩形设置矩形设置】对话框对话框 一般矩形一般矩形 倒圆角矩形倒圆角矩形 （3）在舞台上绘制一个矩形当作）在舞台上绘制一个矩形当作“第一个屋顶第一个屋顶”，利用，利用【选择选择】工具工具 ，双击矩形的任一线条，将整个矩形选中，然后在，双击矩形的任一线条，将整个矩形选中，然后在【属性属性】面板中设置宽高为面板中设置宽高为“100.6px30.1px”，位置坐标，位置坐标x、y分别为分别为“66.2”、“2.1”，如图，如图2

13、-17所示。所示。 对于非对象绘制的连续线条或含有填充的图形，双击其中一个线条，可以选中连续线条。双击图形的填充，则可以选中整个图形，包含图形外部的所有链接线条。对于选择一定区域范围内的图形，可以使用框选。在图形的外部，单击鼠标，向图形内部拖动，会看到形成的虚框，继续拖动鼠标至虚框完全包含所需图形，则可选中所需图形 。（4）绘制矩形，效果如图2-18所示 。（5）利用工具，拖动鼠标，效果如图2-19所示。第1个屋顶第2个屋顶变形中心移动后图图2-18 绘制矩形绘制矩形 图图2-19 移动中心点移动中心点 （6）在【变形】面板中的设置参数如图2-20所示 。图图2-20 设置设置“第第1个屋顶个

14、屋顶”变形变形 如果找不到如果找不到【变形变形】面板，可以执行面板，可以执行【窗口窗口】/【变变形形】菜单命令，将菜单命令，将【变形变形】面板打开。面板打开。如果约束没有被取消勾选，则被选中图形的如果约束没有被取消勾选，则被选中图形的x、y方向方向变形将保持大小一致变形将保持大小一致 （7）使用任意工具。（8）在【变形】面板中设置参数如图2-21所示 。【变形变形】面板面板 “第第1个屋顶个屋顶”变形效果变形效果 “第第2个屋顶个屋顶”变形效果变形效果 【变形变形】面板面板 图图2-21 设置设置“第第2个屋顶个屋顶”变形变形 （9）选择【线条】工具，效果如图2-22所示 。图图2-22 连接

15、两图形连接两图形 在这里绘制线条时，确认在这里绘制线条时，确认【贴紧至对象贴紧至对象】 处于按处于按下状态，以方便在连接两个图形时捕捉两图形的端点下状态，以方便在连接两个图形时捕捉两图形的端点 （10）删除多余线条，效果如图2-23所示 。图图2-23 删除多余线条删除多余线条 连接两图形的线条（11）利用【线条】工具 ，按住Shift键向下拖动，绘制3条竖直线条，效果如图2-24所示 。图图2-24 绘制绘制3条竖直线条条竖直线条 对于对于【椭圆椭圆】工具和工具和【矩形矩形】工具，按住工具，按住Shift键拖动可将形状限制为圆形和正方形。键拖动可将形状限制为圆形和正方形。 对于对于【线条线条

16、】工具，按住工具，按住Shift键拖动，可将线条键拖动，可将线条角度限制为角度限制为45的倍数，其中包括水平和竖直方向的倍数，其中包括水平和竖直方向 （12）接着利用【线条】工具 绘制剩余的线条，效果如图2-25所示 。图图2-25 绘制剩余的线条绘制剩余的线条 高度128px高度95.3px高度77.7px剩余的线条剩余的线条确保如图确保如图2-25所示的图形，每个区域都是封闭区域。所示的图形，每个区域都是封闭区域。如果不封闭，则会在填充颜色时失败如果不封闭，则会在填充颜色时失败 。 （1）选择【矩形】工具 ，设置【笔触颜色】为“黑色”，【笔触高度】为“1”，【填充颜色】为“无”，绘制一个矩

17、形来当作“矩形门”，并设置其宽高为“18.5px32.5px”，位置坐标x、y分别为“259.5”、“175.6”。 （2）按住Ctrl+C快捷键，复制“矩形门”。 （3）按住Ctrl+V 快捷键，粘贴“矩形门”，在【属性】面板中设置位置坐标x，y分别为“110.6”、“138.2”，形成第2个“矩形门”，效果如图2-26所示 。2、绘制矩形门和窗户 确保绘制的矩形处于被选中的状态，复制矩形。后面将确保绘制的矩形处于被选中的状态，复制矩形。后面将多次用到这种复制操作，减少重复绘制的难度。粘贴完多次用到这种复制操作，减少重复绘制的难度。粘贴完成后，保持粘贴出的矩形处于被选中状态，否则由于未成后，

18、保持粘贴出的矩形处于被选中状态，否则由于未启动启动【对象绘制对象绘制】按钮按钮 ，所绘制矩形线条可能和其，所绘制矩形线条可能和其他线条重叠，并自动进行合并。他线条重叠，并自动进行合并。 （4）选择【矩形】工具，绘制一个矩形当作“矩形窗” 。（5）利用【线条】工具绘制窗格，完成“第1个矩形窗”的绘制 。（6）按Ctrl+C快捷键，复制“矩形窗” （7）按Ctrl+V快捷键，粘贴“矩形窗”，在【属性】面板中设置其位置坐标x、y分别为“89.7”、“46.9”，形成第2个“矩形窗”，效果如图2-27所示 复制的矩形门第1个矩形门复制的矩形窗第1个矩形窗图图2-26 绘制门绘制门 图图2-27 绘制窗

19、户绘制窗户3、制作倾斜门和窗 （1）选中已绘制的“第1个矩形门”将变形中心调至左下角 。（2）在【变形】面板中，设置其变形参数如图2-28所示，按键盘上的Enter键执行命令。变形面板变形面板 “第第1个矩形门个矩形门”变形效变形效果果 图图2-28 设置设置“第第1个矩形门个矩形门”变形变形 （3）选中）选中“第第2个矩形门个矩形门”，按照同样操作对其进行倾斜变形，按照同样操作对其进行倾斜变形 。需要删除的线条缩小的第2个矩形门图图2-29 删除多余线条删除多余线条 图图2-30 “矩形门矩形门”变形后的效果变形后的效果 （4）删除两矩形门下端多余的线条，效果如图2-29所示 。 修改变形后

20、，两个修改变形后，两个“矩形门矩形门”的最下端和建筑物轮廓的最下端和建筑物轮廓的最下端部分的线条重合或叠加，如图的最下端部分的线条重合或叠加，如图2-29所示，造成所示，造成错误，因此需要删除多余的线条错误，因此需要删除多余的线条 。（5）选中“第2个矩形门” ，在【变形】面板中请读者根据情况调整 。（6）使用【线条】工具在两个门内分别绘制一条表现其立体感的直线，如图2-30所示的效果 （7）选中已绘制的“第1个矩形门窗”将变形中心调至左下角 。（8）在）在【变形变形】面板中，设置其变形参数如图面板中，设置其变形参数如图2-31所示，按键盘上所示，按键盘上的的Enter键执行命令。键执行命令。

21、（9）选中）选中“第第2个矩形窗个矩形窗”，按照同样操作对其进行倾斜变形。，按照同样操作对其进行倾斜变形。（10）在）在【变形变形】面板中，勾选，设置其面板中，勾选，设置其x、y方向变形都为方向变形都为90%，则可得到缩小的则可得到缩小的“第第2个矩形窗个矩形窗”，效果如图，效果如图2-32所示。所示。变形面板变形面板 第第1个矩形窗个矩形窗”变形效果变形效果 缩小的第2个矩形窗图图2-31 矩形窗的变形矩形窗的变形 图图2-32 所有所有“矩形门窗矩形门窗”变形后的效果变形后的效果 4、绘制弧形窗和路灯、绘制弧形窗和路灯 。（1）选择）选择【椭圆椭圆】工具，在工具，在【属性属性】面板中设置。

22、面板中设置。（2）利用）利用【矩形矩形】工具绘制一个矩形工具绘制一个矩形 并设置，效果如图并设置，效果如图2-33所示所示 。（3）删除多余的线条，效果如图）删除多余的线条，效果如图2-34所示。所示。（4）利用）利用【线条线条】工具绘制窗格，效果如图工具绘制窗格，效果如图2-35所示。所示。（5）按住）按住Shfit键绘制键绘制45线条，效果如图线条，效果如图2-36所示所示 45线条图图2-33 绘制矩形绘制矩形 图图2-34 删除线条删除线条 图图2-35 绘制窗格绘制窗格图图2-36 绘制绘制45线条格线条格（6）选中已绘制的）选中已绘制的“第第1个弧形窗个弧形窗”，按，按Ctrl+C

23、快捷键复制。快捷键复制。（7）按）按Ctrl+V快捷键，粘贴快捷键，粘贴“弧形窗弧形窗”，在，在【属性属性】面板中设置其位面板中设置其位置坐标置坐标x，y分别为分别为“89.7”、“46.9”，形成，形成“第第2个弧形窗个弧形窗”，效，效果如图果如图2-37所示。所示。 复制的弧形窗第1个弧形窗图图2-37 绘制弧形窗绘制弧形窗 （8）在）在【 变形变形 】面板中，设置面板中，设置“第第1个弧形窗个弧形窗”变形参数如图变形参数如图2-38所示，按键盘上的所示，按键盘上的Enter键执行命令键执行命令 。（9）选中）选中“第第2个弧形窗个弧形窗”，按照同样操作对其进行倾斜变形，按照同样操作对其进

24、行倾斜变形 。变形面板变形面板 “第第1个弧形窗个弧形窗”变形效果变形效果 图图2-38 设置设置“第第1个弧形窗个弧形窗”变形变形 （10）在）在【变形变形】面板中，勾选面板中，勾选 ，设置其，设置其x、y方向变形都为方向变形都为90%，则可得到缩小的，则可得到缩小的“第第2个矩形窗个矩形窗”，效果如图，效果如图2-39所示所示 。图图2-39 弧形门窗变形后的整体效果弧形门窗变形后的整体效果 （11）利用）利用【线条线条】工具和工具和【椭圆椭圆】工具绘制灯柱、灯罩和灯泡，参工具绘制灯柱、灯罩和灯泡，参数如图数如图2-40所示，并删除多余的线条。所示，并删除多余的线条。（12）选中整个路灯，

25、在）选中整个路灯，在【属性属性】面板中设置其位置坐标面板中设置其位置坐标x、y分别为分别为“14.2”、“62.0” 直径为17.4 px的圆直径17.4 px的大圆直径10.0 px的小圆绘制灯柱绘制灯柱 绘制灯罩和灯泡绘制灯罩和灯泡 删除多余线条删除多余线条 图图2-40 绘制路灯绘制路灯 5、填充房屋颜色。、填充房屋颜色。（1）选择）选择【颜料桶颜料桶】工具，设置工具，设置【填充颜色填充颜色】为为“#568BAB”，填充，填充两个两个“屋顶屋顶”的区域，效果如图的区域，效果如图2-41所示。所示。（2）使用同样的方法填充其他区域的颜色，颜色参数如图）使用同样的方法填充其他区域的颜色，颜色

26、参数如图2-42所示所示 。#568BAB#CCCCCC#FFFF00#DCEFED#9FC6CE#79F4DB图图2-41 填充房身的颜色填充房身的颜色 图图2-42 填充其他区域的颜色填充其他区域的颜色 6、修改线条颜色和粗细。、修改线条颜色和粗细。（1）选中建筑物的轮廓，修改）选中建筑物的轮廓，修改【笔触颜色笔触颜色】为为“#999999”，【笔触笔触样样式式】为为“极细极细” （2）选中所有门窗的轮廓和路灯的轮廓，修改）选中所有门窗的轮廓和路灯的轮廓，修改【笔触颜色笔触颜色】为为“#666666”，【笔触样式笔触样式】为为“2”，效果如图，效果如图2-43所示所示 。读者也可以根据自己

27、的喜好修改填充的颜色、线条的颜读者也可以根据自己的喜好修改填充的颜色、线条的颜色、粗细和样式，或者删除所有线条。色、粗细和样式，或者删除所有线条。 7、添加自定义线条或填充、添加自定义线条或填充 。（1）利用）利用【线条线条】工具绘制窗户的光泽，选择工具绘制窗户的光泽，选择【颜料桶颜料桶】工具，设工具，设置置【填充颜色填充颜色】为为“#999999”，填充，填充“矩形门矩形门”的阴影区域，效的阴影区域，效果如图果如图2-44所示。所示。（2）保存测试影片，一个简单生动的建筑物制作完成。）保存测试影片，一个简单生动的建筑物制作完成。建筑物的轮廓路灯的轮廓门窗的轮廓窗户的光泽门的阴影图图2-43

28、修改线条颜色和粗细修改线条颜色和粗细 图图2-44 添加自定义线条或填充添加自定义线条或填充 2.1.4 课堂练习绘制“简易场景” 请同学们自己使用绘图工具绘制一个简易场景，效果如图请同学们自己使用绘图工具绘制一个简易场景，效果如图2-45所示所示 。图图2-45 效果图效果图 1、新建一个、新建一个Flash文档，文档所有属性使用默认参数。文档，文档所有属性使用默认参数。2、绘制背景，效果如图、绘制背景，效果如图2-46所示所示 。3、绘制金字塔，效果如图、绘制金字塔，效果如图2-47所示所示 # FF0000#00CCFF#FFFFFF#FFFFFF#FFFF00图图2-46 绘制背景绘制

29、背景 #880002#000000#FF8400金字塔填充色金字塔填充色 图图2-46 绘制背景绘制背景 图图2-47 绘制金字塔绘制金字塔 4、绘制线条，最终效果如图、绘制线条，最终效果如图2-48所示所示 。#FF6600图图2-48 绘制线条绘制线条 2.2 绘制复杂图形 2.2.1 知识点讲解 使用使用Flash 8进行复杂图形绘制时，一般都需要利用图层来管进行复杂图形绘制时，一般都需要利用图层来管理各个图形元素，所以本节首先从图层的概念入手进行讲解，进而理各个图形元素，所以本节首先从图层的概念入手进行讲解，进而深化到学习较复杂的图形绘制深化到学习较复杂的图形绘制 .一、一、图层的概念

30、图层的概念 图层被比喻成透明的醋酸纤维薄片，在舞台上一层层地向上叠图层被比喻成透明的醋酸纤维薄片，在舞台上一层层地向上叠加。在图层上可以进行对象绘制和编辑，并且各个图层上的加。在图层上可以进行对象绘制和编辑，并且各个图层上的绘制相互不会影响。透过一个图层的空白部分可以看到它下绘制相互不会影响。透过一个图层的空白部分可以看到它下面图层的内容，如图面图层的内容，如图2-49所示所示 。图层图层1上的图形上的图形 图层图层2上的图形上的图形 真实效果真实效果 图图2-49 图层效果一图层效果一 二、对图层的操作二、对图层的操作 。表表2-1图层操作控制按钮及功能图层操作控制按钮及功能 控制按钮 操作

31、及功能 【显示/隐藏所有图层】 单击 按钮隐藏/显示所有图层，图层被隐藏后，图层内容不可见也不能再被修改 【锁定/解除锁定所有图层】 单击 按钮锁定/取消锁定所有图层，图层被锁定后，图层内容不能再被修改 【显示所有图层的轮廓】 单击 按钮显示/取消显示所有图层上图形的轮廓，显示轮廓可以节约系统开销 下面对应的 单击 按钮可以分别对单独的图层进行隐藏、锁定、显示轮廓控制 【插入图层】 单击 按钮在当前选中的图层上新建一个图层 【添加运动引导层】 单击 按钮在当前选中图层上新建一个运动引导层，并将当前选中图层转换成其被引导层 【删除图层】 单击 按钮删除当前选中的图层 2.2.2 范例解析（一）图

32、层操作练习 1、新建一个、新建一个Flash文档，单击文档，单击【插入图层插入图层】按钮新建如图按钮新建如图2-50所示所示的图层效果的图层效果 。图图2-50 新建图层新建图层 2、分别在各个图层上绘制如图、分别在各个图层上绘制如图2-51所示的简单图形所示的简单图形 。图层图层1 图层图层2 图层图层3 图层图层4图图2-51 绘制简单图形绘制简单图形 3、然后对图层进行如图、然后对图层进行如图2-52所示的操作后观察舞台的效果所示的操作后观察舞台的效果 。无操作隐藏图层锁定图层显示轮廓图图2-52 图层操作图层操作 2.2.3 范例解析（二）绘制“仿真苹果” 本例将使用本例将使用Flas

33、h 8常用绘图工具来绘制精美的苹果，效果如图常用绘图工具来绘制精美的苹果，效果如图2-53所示所示 。图图2-53 效果图二效果图二 1、绘制苹果轮廓。、绘制苹果轮廓。（2）新建一个）新建一个Flash文档，设置文档文档，设置文档【尺寸尺寸】为为“550px300px”，文档其他属性使用默认参数。文档其他属性使用默认参数。（2）利用）利用【插入插入】/【新建元件新建元件】命令，打开命令，打开【创建新元件创建新元件】对话框对话框。设置。设置【名称名称】为为“苹果苹果”，【类型类型】为为“图形图形”，效果如图，效果如图2-54所示。所示。（3）单击）单击 按钮进入按钮进入“苹果苹果”元件的编辑界面

34、。元件的编辑界面。（4）新建并重命名图层，直至图层效果如图）新建并重命名图层，直至图层效果如图2-55所示。所示。 图图2-54 设置设置【名称名称】及及【类型类型 图图2-55 图层效果二图层效果二 （5）选择）选择【椭圆椭圆】工具工具 ，如图，如图2-56所示所示 。 （6）选择）选择【任意变形任意变形】工具工具 ，如图，如图2-57所示，得到效果如图所示，得到效果如图2-58所示所示 。图图2-56 绘制椭圆绘制椭圆 图图2-57 调整苹果的轮廓调整苹果的轮廓 图图2-58 轮廓的最终效果轮廓的最终效果 这里调节外轮廓时，需要用户利用这里调节外轮廓时，需要用户利用【封套封套】工具对轮工具

35、对轮廓各个锚记点的位置及切线手柄进行调节，直到调出廓各个锚记点的位置及切线手柄进行调节，直到调出满意的效果满意的效果 。2、为苹果上色、为苹果上色 。（1）选择）选择【颜料桶颜料桶】工具工具 ，得到如图，得到如图2-59所示的效果所示的效果 。（2）选中）选中“底色层底色层”图层上图形的轮廓线，按图层上图形的轮廓线，按Ctrl+X快捷键剪切轮快捷键剪切轮廓线，然后锁定廓线，然后锁定“底色层底色层”图层。图层。 （3）选中）选中“高光层高光层”图层的第图层的第1帧，按帧，按Ctrl+Shift+V快捷键将轮廓线快捷键将轮廓线粘贴到粘贴到“高光层高光层” 。（4）选择）选择【颜料桶颜料桶】工具工具

36、 ，得到如图，得到如图2-60所示的效果所示的效果 。图图2-59 填充苹果颜色填充苹果颜色 【混合器混合器】面板面板 填充颜色填充颜色 【混合器混合器】面板面板 填充高光颜填充高光颜 图图2-60 制作高光效果制作高光效果 （5）删除轮廓线，锁定）删除轮廓线，锁定“高光层高光层” 。（6）选择）选择【椭圆椭圆】工具工具 并设置，效果如图并设置，效果如图2-61所示所示 。图图2-61 制作亮点制作亮点 【混合器混合器】面板面板 填充高光颜色填充高光颜色 3、绘制凹陷效果、绘制凹陷效果 。（1）锁定）锁定“亮点层亮点层”图层，利用图层，利用【线条线条】工具工具 ，【选择选择】工具调工具调节，调

37、整后的效果如图节，调整后的效果如图2-62所示所示 。（2）选择）选择【颜料桶颜料桶】工具工具 ，填充凹陷轮廓线内部，然后删除轮廓，填充凹陷轮廓线内部，然后删除轮廓线，效果如图线，效果如图2-63所示所示 。（3）锁定）锁定“凹陷层凹陷层1”，选择，选择【矩形矩形】工具工具 ，最终效果如图，最终效果如图2-64所示所示。 图图2-62 绘制苹果上部凹陷轮廓绘制苹果上部凹陷轮廓 图图2-63 填充苹果上部凹陷轮填充苹果上部凹陷轮 综合效果综合效果 矩形效果矩形效果 图图2-64 制作苹果蒂凸起的部分制作苹果蒂凸起的部分 （4）选择）选择【椭圆椭圆】工具，并设置，效果如图工具，并设置，效果如图2-

38、65所示所示 。图图2-65 制作苹果蒂高光效果制作苹果蒂高光效果 综合效果综合效果 椭圆处于选中状态的效果椭圆处于选中状态的效果 4、绘制苹果蒂、绘制苹果蒂 。（1）锁定）锁定“凹陷层凹陷层2”和和“凹陷层凹陷层3”图层，选择图层，选择【线条线条】工具工具 ，调，调整后的效果如图整后的效果如图2-66所示所示 。（2）选择）选择【颜料桶颜料桶】工具工具 ，颜色设置如图，颜色设置如图2-67所示，然后填充苹所示，然后填充苹果蒂下半部分。果蒂下半部分。 。（3）选择）选择【颜料桶颜料桶】工具工具 ，颜色设置如图，颜色设置如图2-68所示，填充苹果蒂所示，填充苹果蒂上半部分，然后删除多余的线条，效

39、果如图上半部分，然后删除多余的线条，效果如图2-69所示所示 。图图2-66 绘制苹果蒂轮廓绘制苹果蒂轮廓 图图2-67 【颜色颜色】面板面板 图图2-68 【颜色颜色】面板面板 图图2-69 填充苹果蒂填充苹果蒂 利用利用【刷子刷子】工具时，需设置工具时，需设置【刷子大小刷子大小】为为 ，设置设置【刷子形状刷子形状】为为 ，然后进行斑点的绘制操作，然后进行斑点的绘制操作 。5、制作斑点、制作斑点 。（1）选择）选择【刷子刷子】工具工具 ，在，在“斑点斑点”图层上绘制斑点，效果如图图层上绘制斑点，效果如图2-70所示所示 。（2）选中）选中“斑点斑点”图层上的第图层上的第1帧，按帧，按F8快捷

40、键将所有斑点图形转快捷键将所有斑点图形转换为影片剪辑元件，并命名为换为影片剪辑元件，并命名为“斑点斑点”，然后选中舞台上的斑点元，然后选中舞台上的斑点元件，在件，在【滤镜滤镜】面板中为元件添加模糊效果，参数设置如图面板中为元件添加模糊效果，参数设置如图2-71所所示，最后苹果的效果如图示，最后苹果的效果如图2-72所示。至此，苹果的绘制完成所示。至此，苹果的绘制完成 。图图2-70 制作苹果上的斑点制作苹果上的斑点 图图2-71 添加模糊效果添加模糊效果 图图2-72 最终苹果图形最终苹果图形 6、绘制盘子、绘制盘子 。（1）新建一个图形元件并命名为）新建一个图形元件并命名为“盘子盘子” 。（

41、2）选择）选择【椭圆椭圆】工具工具 进行设置，效果如图进行设置，效果如图2-73所示所示 。（3）使用同样的方法，在舞台上绘制一个宽高为）使用同样的方法，在舞台上绘制一个宽高为“223px58px”的椭圆，然后调整其位置，效果如图的椭圆，然后调整其位置，效果如图2-74所示。所示。 （4）利用）利用【线条线条】工具连接小椭圆和大椭圆，效果如图工具连接小椭圆和大椭圆，效果如图2-75所示所示 图图2-73 绘制上部两个椭圆绘制上部两个椭圆 图图2-74 绘制下部的小椭圆绘制下部的小椭圆 图图2-75 绘制线条绘制线条 （5）选择所有线条，按）选择所有线条，按Ctrl+B快捷键将图形打散，然后删除

42、多余线快捷键将图形打散，然后删除多余线条，效果如图条，效果如图2-76所示所示 。（6）选择）选择【颜料桶颜料桶】工具，在工具，在【颜色颜色】面板中设置面板中设置【填充颜色填充颜色】的的【类型类型】为为“放射状放射状”，从左至右第，从左至右第1个色块颜色为个色块颜色为“白色白色”，第，第2个色块颜色为个色块颜色为“#EAE9DF”，第，第3个色块为个色块为“#F7F9F9”，颜色设置，颜色设置如图如图2-77所示，然后填充盘子中央，效果如图所示，然后填充盘子中央，效果如图2-78所示所示 。图图2-76 删除多余线条删除多余线条 注 意 此 处的设置图图2-77 【颜色颜色】面板三面板三 图图

43、2-78 填充盘子中央填充盘子中央 （7）选择）选择【颜料桶颜料桶】工具，在工具，在【颜色颜色】面板中设置面板中设置【填充颜色填充颜色】为为“#DDDBCC”，填充盘子边缘。，填充盘子边缘。 。（8）选择）选择【颜料桶颜料桶】工具，在工具，在【颜色颜色】面板中设置面板中设置【填充颜色填充颜色】为为“放射状放射状”，从左至右第，从左至右第1个色块颜色为个色块颜色为“#B7B1A6”，第，第2个色块个色块颜色为颜色为“#CCC7B3”，颜色设置如图，颜色设置如图2-79所示，填充盘子下部区域所示，填充盘子下部区域，效果如图，效果如图2-80所示所示 。（9）删除多余线条，效果如图）删除多余线条，效

44、果如图2-81所示所示 。图图2-79 【颜色颜色】面板四面板四 图图2-80 填充盘子底部填充盘子底部 图图2-80 删除轮廓线删除轮廓线 7、设置场景、设置场景 。（1）回到主场景中，新建并重命名图层，直至图层效果如图）回到主场景中，新建并重命名图层，直至图层效果如图2-82所所示示 。（2）选择）选择【矩形矩形】工具，设置工具，设置【笔触颜色笔触颜色】为为“无无”，设置，设置【填充填充颜色颜色】为为“线性渐变线性渐变”，从左至右第，从左至右第1个色块为个色块为“#CCFF00”，第，第2个色块为个色块为“#00CC66”，在，在“背景背景”图层上绘制一个宽高为图层上绘制一个宽高为“550

45、px300px”的矩形，并相对舞台居中对齐，如图的矩形，并相对舞台居中对齐，如图2-83所示。所示。 图图2-82 图层效果图层效果 颜色面板颜色面板 矩形矩形 图图2-83 绘制背景二绘制背景二 （3）然后将）然后将【库库】面板中的面板中的“盘子盘子”元件和元件和“苹果苹果”元件分别放置元件分别放置到到“盘子盘子”图层和图层和“苹果苹果”图层上，并调整它们的位置，得到如图图层上，并调整它们的位置，得到如图2-84所示的效果所示的效果 。图图2-84 放置到舞放置到舞 （4）保存测试影片，一个精美的苹果效果制作完成）保存测试影片，一个精美的苹果效果制作完成 。2.2.4 课堂练习绘制“精美爱心

46、” 请同学们自己使用绘图工具绘制一个精美的爱心，效果如图请同学们自己使用绘图工具绘制一个精美的爱心，效果如图2-85所示所示 。1、新建一个、新建一个Flash文档，设置背景颜色为文档，设置背景颜色为“黑色黑色”，文档其他属性使，文档其他属性使用默认参数用默认参数 。2、利用、利用【直线直线】工具绘制一条直线，然后利用工具绘制一条直线，然后利用【选择选择】工具将直线设工具将直线设置成如图置成如图2-86所示的曲线所示的曲线 。3、利用、利用【部分选取部分选取】工具调节直线两端的锚点将曲线调整到如图工具调节直线两端的锚点将曲线调整到如图2-87所示的效果所示的效果 。4、复制出另一半构成心形，并

47、使用、复制出另一半构成心形，并使用【修改修改】/【变形变形】/【水平翻转水平翻转】菜单命令水平翻转复制出的曲线，然后调整位置形成如图菜单命令水平翻转复制出的曲线，然后调整位置形成如图2-88所示的所示的效果效果 。图图2-85 效果图效果图 图图2-86 绘制曲线绘制曲线 图图2-87 调节曲线形状调节曲线形状 图图2-88 复制出另一半构成心形复制出另一半构成心形 5、填充心形，并删除边线，具体参数设置及最终效果如图、填充心形，并删除边线，具体参数设置及最终效果如图2-89所示所示 。#AF057C#E207C8【颜色颜色】面板面板 填充效果填充效果 图图2-89 填充颜色填充颜色 6、在默

48、认、在默认“图层图层1”上新建一个图层，并将心形复制到新图层上，然上新建一个图层，并将心形复制到新图层上，然后修改新图层上心形的填充颜色如图后修改新图层上心形的填充颜色如图2-90所示，其中从左至右第所示，其中从左至右第2个个色块为色块为“#FFFFFF”，且其，且其【Alpha】为为“78%” 。#F91CEE#FFFFFF【颜色颜色】面板面板 填充效果填充效果 图图2-90 调整填充效果调整填充效果 7、在默认、在默认“图层图层2”上新建一个图层，并将上新建一个图层，并将“图层图层2”上的心形复制到上的心形复制到新图层上，然后修改新图层上心形的填充颜色如图新图层上，然后修改新图层上心形的填

49、充颜色如图2-91所示，其中所示，其中从左至右第从左至右第2个色块颜色为个色块颜色为“#F444C9”，且其，且其【Alpha】为为“63%”。 为了方便为读者展示设置心形图形填充颜色时的控制柄为了方便为读者展示设置心形图形填充颜色时的控制柄效果，这里将文档的效果，这里将文档的【背景颜色背景颜色】暂时设置为暂时设置为“白色白色” 。#FA3AF0#F444C9填充效果填充效果 颜色面板颜色面板 图图2-91 设置填充颜色一设置填充颜色一 8、选中、选中“图层图层3”上的心形图形，利用上的心形图形，利用【修改修改】/【形状形状】/【柔化填柔化填充边缘充边缘】菜单命令打开菜单命令打开【柔化填充边缘

50、柔化填充边缘】对话框，设置如图对话框，设置如图2-92所所示的参数，舞台效果如图示的参数，舞台效果如图2-93所示所示 。图图2-92 设置柔化填充边缘参数设置柔化填充边缘参数 图图2-93 舞台效果舞台效果 9、锁定所有图层，然后在、锁定所有图层，然后在“图层图层3”上新建一个图层，将上新建一个图层，将“图层图层2”上上的图形复制到新建图层上，然后将新建图层上的心形的下半部分删的图形复制到新建图层上，然后将新建图层上的心形的下半部分删除得到如图除得到如图2-94所示的效果所示的效果 。10、利用、利用【部分选取部分选取】工具调整心形，如图工具调整心形，如图2-95所示所示 。图图2-94 设

51、置光效设置光效 图图2-95 调整光效图形形状调整光效图形形状 11、修改、修改“图层图层4”上图形的填充颜色，再利用上图形的填充颜色，再利用【填充变形填充变形】工具调工具调整渐变，效果如图整渐变，效果如图2-96所示所示,其中从左至右第其中从左至右第2个颜色块的个颜色块的【Alpha】值为值为“0%” 。#FFFFFF#FFFFFF【颜色颜色】面板面板 设置光效设置光效 图图2-96 设置填充颜色二设置填充颜色二 12、选中、选中“图层图层1”上的心形图形，在上的心形图形，在【变形变形】面板中设置如图面板中设置如图2-97所示的参数，最后得到如图所示的参数，最后得到如图2-98所示的最终效果

52、所示的最终效果 。图图2-97 设置变形参数设置变形参数 图图2-98 最终效果最终效果 2.3 课后作业一、操作题一、操作题 1、利用绘图工具绘制如图、利用绘图工具绘制如图2-99所示的蜘蛛网效果。所示的蜘蛛网效果。2、利用绘图工具绘制如图、利用绘图工具绘制如图2-100所示的太阳效果所示的太阳效果 。图图2-99 蜘蛛网蜘蛛网 图图2-100 绘制可爱太阳绘制可爱太阳 3、利用绘图工具绘制如图、利用绘图工具绘制如图2-101所示的鼠标效果所示的鼠标效果 图图2-101 绘制鼠标绘制鼠标 4、请动手将、请动手将Flash 8工具栏中的所有工具使用一次工具栏中的所有工具使用一次 。二、思考题二、思考题1、Flash中中“变形中心变形中心”的功能是什么？的功能是什么？2、通常可以把、通常可以把Flash中的图层比作成什么中的图层比作成什么 ？