扩展案例——制作茶叶网站首页
【案例学习目标】使用变形和对齐面板
编辑图形。
【案例知识要点】使用导入到库命令导
入素材;使用变形面板缩放图像的大小;使
用对齐面板设置图像的对齐方式,效果如图
1 所示。
【效果所在位置】云盘/Ch03/效果/制
作茶叶网站首页 .fla。
图 1
(1)选择“文件 > 打开”命令,在弹出
的“打开”对话框中,选择云盘中的
“Ch03 > 素材 > 制作茶叶网站首页 > 01”文
件,单击“打开”按钮,打开文件,如图 2
所示。
图 2
(2)选择“文件 > 导入 > 导入到库”命
令,在弹出的“导入到库”对话框中,选择
云盘中的“Ch03 > 素材 > 制作茶叶网站首
页 > 02 ~ 09”文件,如图 3 所示,单击“打
开”按钮,文件被导入到“库”面板中,如
图 4 所示。
图 3
图 4
(3)在“时间轴”面板中创建新图层并将
其命名为“分类”。将“库”面板中的位图
“02”文件拖曳到舞台窗口中,如图 5 所示。
图 5
(4)保持图像的选取状态,按 Ctrl+T 组
合键,弹出“变形”面板,将“缩放宽度”
和“缩放高度”均设为 90,如图 6 所示,
效果如图 7 所示。
图 6
图 7
(5)用相同的方法将“库”面板中的位
图“03”“04”和“05”文件,拖曳到舞台
窗口中并缩放大小,效果如图 8 所示。
图 8
(6)在“时间轴”面板中单击“分类”
图层,将该图层中的图像全部选中,如图 9
所示。
图 9
(7)按 Ctrl+K 组合键,弹出“对齐”面
板,单击面板中的“垂直居中”按钮 ,如
图 10 所示,将选中的对象垂直居中,效果
如图 11 所示。
图 10
图 11
(8)用步骤 3 中的方法将“库”面板中的
位图“06”“07”“08”和“09”文件拖曳到
舞台窗口中并缩放大小,效果如图 12 所示。
图 12
(9)选择“选择”工具 ,按住 Shift 键
的同时,在舞台窗口中选中需要的图像,如
图 13 所示。单击“对齐”面板中的“左对
齐”按钮 ,将选中的图像左对齐,效果
如图 14 所示。
图 13
图 14
(10)选择“选择”工具 ,按住 Shift 键
的同时,在舞台窗口中选中需要的图像,如
图 15 所示。单击“对齐”面板中的右对
齐”按钮 ,将选中的图像右对齐,效果如
图 16 所示。
图 15
图 16
(11)选中第 1 行的所有图像,如图 17
所示。
图 17
(12)单击“对齐”面板中的“水平居中
分布”按钮 ,将选中的对象水平居中分
布,效果如图 18 所示。用相同的方法将第
2 行图像进行水平居中分布,效果如图 19
所示。
图 18
图 19
(13)保持第 2 行图像的选取状态,单击
“对齐”面板中的“垂直居中”按钮 ,将
选中的对象垂直居中,效果如图 20 所示。
图 20
(14)保持第 2 行图像的选取状态并将其
垂直向下拖曳到适当的位置,效果如图 21
所示。
图 21
(15)在“时间轴”面板中单击“分类”
图层,将该图层中的图像全部选中,按
Ctrl+G 组合键,将选中的图像进行编组,效
果如图 22 所示。
图 22
(16)勾选“对齐”面板中的“与舞台对
齐”复选框,单击“水平居中”按钮 ,将
编组对象与舞台水平居中,效果如图 23 所
示。茶叶网站首页制作完成。
图 23