Adobe Flash CS5 动画设计与制作技能基础教程
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人

2.6 综合案例——绘制居室

学习目的

能够熟练使用各绘图工具和颜色填充工具。通过对本案例的学习,将对Flash软件有更深一步的认识,并对其强大功能有初步的感悟。

重点难点

绘图工具的使用

各种图形和形状的绘制

各种模块的颜色填充

本实例效果如图2-61所示。

图2-61

操作步骤

Step 01 新建文件,执行【修改】>【文档】命令,在弹出的【文档设置】对话框中设置【尺寸】为550像素×400像素,单击【确定】按钮,如图2-62所示。

图2-62

Step 02 将“图层1”重命名为“BG”。将“背景.jpg”导入到【库】面板,然后从【库】面板拖曳至舞台上,调整其大小使之布满舞台区域,如图2-63所示。

图2-63

Step 03 将“BG”图层锁定,然后在“BG”图层上新建图层“屋顶”。使用线条工具在编辑区域绘制屋顶的轮廓,并利用选择工具对其进行修改,如图2-64所示。

图2-64

Step 04 使用颜料桶工具对屋顶轮廓的各个部分填充如图2-65所示的颜色。选中整个屋顶,按快捷键【F8】将屋顶转换为图形元件“屋顶”。

图2-65

Step 05 将“屋顶”图层显示为轮廓,然后在“屋顶”图层上新建图层“墙壁”。使用线条工具绘制墙壁的轮廓,如图2-66所示。

图2-66

Step 06 使用颜料桶工具对墙壁轮廓的各个部分填充如图2-67所示的颜色。选中整个墙壁,然后将其转换为图形元件“墙壁”。

图2-67

Step 07 将“墙壁”图层锁定,然后再“墙壁”图层上新建图层“方形窗”。使用线条工具在墙壁上绘制窗户的轮廓,如图2-68所示。

图2-68

Step 08 使用颜料桶工具对窗户轮廓的各个部分填充如图2-69所示的颜色。选中整个窗户,然后将其转换为图形元件“方形窗1”。

图2-69

Step 09 参照上述操作,继续绘制图形元件“方形窗2”和图形元件“方形窗3”,效果如图2-70所示。

图2-70

Step 10 在“方形窗”图层上新建图层“圆形窗”。使用钢笔工具绘制圆形窗的轮廓,如图2-71所示。

图2-71

Step 11 使用颜料桶工具对窗户轮廓的各个部分填充如图2-72所示的颜色。选中整个窗户,然后将其转换为图形元件“圆窗1”。

图2-72

Step 12 参照绘制图形元件“圆窗1”的方法,继续绘制元件“圆窗2”、元件“圆窗3”和元件“圆窗4”,效果如图2-73所示。

图2-73

Step 13 在“圆形窗”图层上新建图层“中间层”。使用线条工具在阳台位置栅栏的轮廓,如图2-74所示。

图2-74

Step 14 使用颜料桶工具对栅栏轮廓的各个部分填充如图2-75所示的颜色。选中整个栅栏,然后将其转换为图形元件“阳台”。

图2-75

Step 15 在“中间层”图层上继续绘制屋檐和墙棱,并为其填充颜色,效果如图2-76所示。

图2-76

Step 16 在“中间层”图层上新建图层“门”。使用线条工具和钢笔工具绘制大门的轮廓,并利用选择工具对其修改和调整。如图2-77所示。

图2-77

Step 17 使用颜料桶工具对大门轮廓的各个部分填充如图2-78所示的颜色。选中整个栅栏,然后将其转换为图形元件“大门”。

图2-78

Step 18 在“门”图层上继续绘制图形元件“仓库门”,并为其填充颜色,效果如图2-79所示。

图2-79

Step 19 在“门”图层上新建图层“走道”,使用线条工具绘制走道的轮廓,如图2-80所示。

图2-80

Step 20 使用颜料桶工具为走道填充颜色,然后选中整个走道,将其转换为图形元件“走道”。最后调整图层的位置,使“屋顶”图层在所有图层的最上方,并取消其轮廓显示;使“走道”图层在“BG”图层的上方。效果如图2-81所示。

图2-81