扩展案例
——制作风景相册
【案例知识要点】使用“导入到库”命令,
导入素材文件;使用“新建元件”命令,制
作图形元件和按钮元件;使用“创建传统补
间”命令,制作照片浏览动画;使用“动作”
面板,添加脚本语言,如图 1 所示。
【效果所在位置】云盘/Ch14/效果/制作风
景相册.fla。
1.导入素材制作元件
(1)在欢迎页的“详细信息”选项组中,
将“宽”选项设为 800,“高”选项设为 800,
“平台类型”选项的下拉列表中选择
“ActionScript ”选项,单击“创建”按钮,
完成文档的创建。
图 1
(2)选择“文件 > 导入 > 导入到库”命
令,在弹出的“导入到库”对话框中,选择
资源包中的“Ch14 > 素材 > 制作风景相
册 > 01 ~ 08”文件,单击“打开”按钮,文
件被导入到“库”面板中,如图 2 所示。
图 2
(3)按 Ctrl+F8 组合键,弹出“创建新元件”
对话框,在“名称”选项的文本框中输入“照
片”,在“类型”选项下拉列表中选择“图形”
选项,如图 3 所示,单击“确定”按钮,新
建图形元件“照片”,如图 4 所示。舞台窗口
也随之转换为图形元件的舞台窗口。
图 3
图 4
(4)分别将“库”面板中的位图“04”“05”
“06”“07”“08”拖曳到舞台窗口中的适当
的位置,如图 5 所示。选择“选择”工具 ,
将舞台窗口中的对象全部选中,如图 6 所示。
图 5
图 6
(5)按 Ctrl+G 组合键,将其编组,效果如
图 7 所示。按住 Alt+Shift 组合键的同时,将
组合对象向右拖曳到适当的位置,复制图像,
效果如图 8 所示。
图 7
图 8
(6)按 Ctrl+F8 组合键,弹出“创建新元
件”对话框,在“名称”选项的文本框中输
入“播放”,在“类型”选项下拉列表中选择
“按钮”选项,单击“确定”按钮,新建按
钮元件“播放”,如图 9 所示。舞台窗口也随
之转换为按钮元件的舞台窗口。
图 9
(7)将“库”面板中的图形元件“02”拖
曳到舞台窗口中,如图 10 所示。
图 10
(8)选中“图层_1”的“指针经过”帧,
按 F6 键,插入关键帧。在舞台窗口中选中
“02”实例,在图形“属性”面板中,选择
“色彩效果”选项组,在“样式”选项的下
拉列表中选择“色调”选项,将“着色”设
为橙黄色(#FFCC00),“着色量”设为 100,
如图 11 所示,舞台窗口中效果如图 12 所示。
图 11
图 12
(9)用鼠标右键单击“库”面板中的按钮
元件“播放”,在弹出的菜单中选择“直接复
制元件”命令,弹出“直接复制元件”对话
框,在“名称”文本框中输入“停止”,单击
“确定”按钮,创建按钮元件“停止”,如图
13 所示。
图 13
(10)双击“库”面板中的按钮元件“停
止”进入到舞台窗口中。选中“图层_1”的
“弹起”帧,在舞台窗口中选中“02”实例,
在实例“属性”面板中,单击“交换...”按
钮 ,弹出“交换元件”对话框,在列表
中选择“03”文件,如图 14 所示,单击“确
定”按钮,效果如图 15 所示。用相同的方法
设置“图层_1”的“指针经过”帧,效果如
图 16 所示。
图 14
图 15
图 16
2.制作场景动画
(1)单击舞台窗口左上方的“场景 1”图
标 ,进入“场景 1”的舞台窗口。将“图
层_1”重新命名为“底图”。将“库”面板中
的位图“01”拖曳到舞台窗口的中心位置,
如图 17 所示。选中“底图”图层的第 300
帧,按 F5 键,插入普通帧。
图 17
(2)在“时间轴”面板中创建新图层并将
其命名为“照片”。将“库”面板中的图形元
件“照片”拖曳到舞台窗口中,并放置在适
当的位置,如图 18 所示。
图 18
(3)选中“照片”图层的第 300 帧,按
F6 键,插入关键帧。将舞台窗口中的“照片”
实例水平向左拖曳到适当的位置,如图 19
所示。用鼠标右键单击“照片”图层的第 1
帧,在弹出的菜单中选择“创建传统补间”
命令,生成传统补间动画。
图 19
(4)在“时间轴”面板中创建新图层并将
其命名为“按钮”。分别将“库”面板中的按
钮元件“播放”和“停止”拖曳到舞台窗口
中,并放置在适当的位置,如图 20 所示。
图 20
(5)选中舞台窗口中的“播放”实例,在
实例“属性”面板中的“实例名称”文本框
中输入 “start_Btn”,如图 21 所示。
图 21
(6)选中舞台窗口中的“停止”实例,在
实例“属性”面板中的“实例名称”文本框
中输入“stop_Btn”,如图 22 所示。
图 22
(7)在“时间轴”面板中创建新图层并将
其命名为“动作脚本”。选中“动作脚本”图
层的第 1 帧,选择“窗口 > 动作”命令,弹
出“动作”面板(其快捷键为 F9 键)。在“动
作”面板中设置脚本语言,“脚本窗口”中显
示的效果如图 23 所示。风景相册制作完成,
按 Ctrl+Enter 键即可查看效果,如图 24 所示。
图 23
图 24