制作电子相册
综合举例,--制作电子相册
制作一个具有小图预览、选择播放图片、控制声音播放或停止等功能Flash相册。
制作关键:
1. 使用电影元件遮罩方法制作图片展示动画
2. 在按钮上添加脚本控制动画的跳转与声音的播放
操作步骤:
?. 制作图片展示动画
一( 创建文档,制作背景
1)文档宽670;高380
2)导入图片(每张图片各有大图与预览用小图)与声音文件
3)建立如图所示的各层
4)在背景层制作背景图
二.在各层添加动画所需的帧
1. 选择命令层的第2帧,按住Shift键选择小图按钮的第20帧,点击F6键。在
所选各帧上插入关键帧
2. 选择层"小图"的第20帧,按住Shift键选择背景层的第20帧,点击F5键在所
选帧上插入帧
三.给图片放置的各帧建立帧标签
1. 选择命令层的第2帧,打开属性面板,选取帧文本框,输入帧标签photo1
2. 选取命令层第3帧,选取帧文本方块,在帧文本框中输入phots2
3. 重复以上步骤在2-10帧上输入帧标签photo1-9;在12-20帧上输入帧标签
photo10-18
四.在各图片帧上放置大图
1. 打开库面板,双击打开图片文件夹,选择层"大图"的第2帧,将1.jpg拖入图框中
2. 选择层"大图"第3帧,将2.jpg拖入图框中
3. 重复以上步骤,在层"大图"2-10帧拖入图片 1.jpg,9.jpg;12-20帧拖入图片
10.jpg—18.jpg
五.将库中小图放置在小图框中
1. 选择层"小图"的第1帧,将库中的1s.jpg拖入第1个小图框中
2. 将库中的2s.jpg拖入第2个小图框中
3. 重复以上步骤将1s.jpg,9s.jpg 拖入小图框中 4. 打开属性面板,在帧文本框中将层"小图"的第1帧命名为page1
5. 选择层"小图"的第10帧,点击F7键插入空白关键帧,在帧文本框中将层"小图
"的第10帧命名为page2
6. 将库中10s.jpg拖入小图框中,将10s.jpg,18s.jpg拖入层"小图"的帧"page2"
的小图框中
六.将遮罩元件放置遮罩层各帧上建立不同的图片遮罩效果 1. 选择图片遮罩层的第2帧将库中的"大图遮罩1"拖至大图中央
2. 在图片遮罩层的2-10帧将库中的“大图遮罩”1-3拖至大图上
3. 选择图片遮罩层的第11帧,将库中的“百叶窗遮罩”拖到大图的上方
4. 在第11-13帧上将百叶窗遮罩拖至图片上方 5. 在第14帧上拖入百叶窗遮罩后打开修改菜单,选取变形,顺时针旋转 90 度,
将百叶窗遮罩拖至图片在右侧
6. 在第15-17帧将百叶窗遮罩顺时针旋转90度并放置图片右端
7. 在第18帧拖入百叶窗遮罩,选取窗口菜单,选取设计面板,变形,设置高度120%、
旋转45度,将遮罩拖到图片右上角
8. 重复以上步骤在18-20帧上添加遮罩
七.将各帧上的遮罩设置不同的实例名
1. 选择图片遮罩层的第2帧,选择舞台上的遮罩实例,选取影片剪辑名称框,输
入第1个遮罩实例名:mask1
2. 选择图片遮罩层的第3帧,选择舞台上的遮罩元件,输入影片元件实例名:mask2
3. 选择每一个遮罩帧上遮罩元件,分别命名为:mask1-mask18
4. 右键选取图片遮罩层,在弹出的菜单中选取遮罩层
?. 添加控制命令
八.在所有的图片帧上添加stop命令
1. 点击时间轴设置按钮,选取中等选项使帧显示距离加大 2. 选择命令层的第2帧,添加命令
stop()
3. 选择添加的命令,点击右键,在弹出的菜单中选取复制 4. 选择命令层的第3帧,右键点击行为面板的命令区,在弹出的菜单中选取粘贴
5. 重复以上步骤,,在2-10帧与12-20帧上添加命令stop
九.制作小图按钮:当按下按钮时转到图片所在帧 1. 选择小图按钮第1帧,选择库中"小图按钮"元件,将库中"小图按钮"元件,拖
到第1个小图框中
2. 在第一个小图按钮上添加命令
on (release) {
gotoAndPlay("photo1");
}
3. 选择输入的命令,点击右键选取复制
4. 将小图按钮拖到第2个小图上,右键点击动作面板命令区,在弹出的菜单中选
取粘贴,将photo1改为photo2
5. 在每个小图上放置按钮,,添加命令转到相应的帧标签 6. 点击小图按钮层的第1帧,将所有小图按钮选中,选取编辑菜单,选取复制选
项
7. 选择小图按钮层的第2帧,选取编辑菜单,选取粘贴到当前位置,所有按钮复
制
8. 点击空白处,取消对所有按钮的选择,选择第1个按钮,点击Delete键删除
9. 重复步骤7-8,制作第1页按钮
10. 选择小图按钮层第11帧,选取编辑,粘贴到当前位置 11. 选择第一个按钮,将转向命令中的photo1改为photo10 12. 将第2页所有小图按钮添加命令,转向图片所在的帧标签 13. 选择小图按钮层第11帧,选取全部按钮,选取编辑菜单,选取复制
14. 选择小图按钮层第12帧,选取编辑,粘贴到当前位置,点击空白处取消全选,
选择第1个按钮,点击Delete键删除
15. 重复步骤14,制作第2页按钮
十.制作翻页按钮:当按下按钮时转到指定的页
1. 选择翻页按钮层第1帧,将库中的第1页按钮拖入,添加命令
on (release) {
gotoAndPlay("page1");
}
2. 选取命令,点击右键,选择复制,拖入第2页按钮,在动作面板上点击右键,
选取粘贴,将page1改为page2
十一.制作音乐控制电影元件:当按下时播放/停止音乐
1. 选取插入菜单,选取新建元件,选择影片剪辑,输入元件名"音乐控制"
2. 建立四个层,选择帧标签层的第2帧,插入一个空白关键帧,在属性面板的帧
文本框中,输入music_play,添加命令stop 3. 选择帧标签层的第11帧,插入空白关键帧,输入帧标签music_stop,添加命令
stop
4. 在第20帧处插入关键帧,添加stop命令 5. 选择音乐层的第2帧,插入空白关键帧,选取属性面板上的声音下拉框,选取
背景音乐.mp3,设置同步为"事件",设置循环次数22, 6. 选择音乐层第11帧,点击F7键插入空白关键帧 7. 选择音乐层第20帧,点击F5键插入帧
8. 选择音乐图片层第1帧,将库中的电影元件"音乐开"拖入舞台
9. 选择图片层第11帧,点击F7键插入空白关键帧,将库中的元件"音乐关"拖入
10. 选择控制按钮层第1帧,将库中的音乐按钮拖到图片上,添加命令
on (release) {
stopAllSounds();
gotoAndPlay("music_stop");
}
11. 选择添加的命令,点击右键选择复制,选择控制按钮层第11帧,插入空白关键
帧,将库中的音乐按钮拖在图片上
12. 在动作面板,点击右键选取粘贴,将转到命令中的帧标签改为,music_play
13. 点击场景1,返回场景,将库中的电影元件音乐控制拖入舞台