制作步骤
作前准备:准备好9张自己和他人的照片,在制图软件(如ps、fw)加工,并设置其规格为300*400,放置在指定的文件夹待用。
1.启动FLASH8 软件。
2.确立文档属性 设置动画尺寸为340*440,帧频为12,背景颜色任意,其它默认,点击确定。如图1所示:
图1
3.创建图形元件
(1)点击“插入-新建元件”建立一个名为“边框”的图形元件。在编辑区用矩形工具拖一个无填充色,笔触高度为20,规格为320*420(外边缘为340*440),颜色自定的边框(你也可将其转换影片剪辑,选择滤镜-斜角,作成立体边框)。全居中。
(2)点击“插入-新建元件”建立一个名为“图1”的图形元件。将准备好的照片1导入到元件编辑区,设置其规格为300*400。全居中。
同理,将照片2-9也作成图形元件,名为图2-图9。
4.创建影片剪辑
(1)点击“插入-新建元件”建立一个名为“图组1”的影片剪辑元件,点击确定进入影片编辑区。添加9个图层,共10个图层。自上而下分别命名为边框、图1-图9。然后,从库中将边框元件拖到编辑区,全居中。再分别从库中拖出图1-图9。并将其规格均设置为93*124,放置在相对应的图层上。其摆放位置(自左向右横向),上锁。如图2所示:
图2
(2)用鼠标将所有帧刮蓝,右键点击刮兰处选择复制帧。之后分别选择“插入-新建元件”建立8个名为“相册2-9”的影片剪辑元件,点击确定进入影片编辑区。右键图层1第1帧选择粘贴帧。这样库中就有9个图组1-图组9的影片剪辑。
(3)右键库中图组1影片剪辑,选择“编辑”,进入图组1影片编辑区。打开图1图层上的锁,在第80帧处插入关键帧,右键单击该帧打开动作面板,在as编辑区内输入stop(); 指令。再在第20帧处插入关键帧,将编辑区中实例(图1)规格设置为300*400。全居中。在第60帧处插入关键帧。将其它各图层延长至第80帧。本环节操作后各帧的实例,如图3所示:
图3
分别右键第1和第60帧,创建这两个区域间的补间动画。上锁。其时间轴,如图4所示:
图4
再右键库中图组2影片剪辑,选择“编辑”,进入图组2影片编辑区。将图2图层拖到图1图层上边。打开图2图层上的锁,在第80帧处插入关键帧。右键单击该帧打开动作面板,在as编辑区内输入stop(); 指令。再在第20帧处插入关键帧,将编辑区中实例(图2)规格设置为300*400。全居中。在第60帧处插入关键帧。将其它各图层延长至第80帧。本环节操作后各帧的实例,如图5所示:
图5
分别右键第1和第60帧,创建这两个区域间的补间动画。上锁。其时间轴,如图4所示:
图6
同理同样的方法完成图组3-图组9的影片编辑。
注意:作那个“图”的补间变化就将该图所在图层推到边框图层以下,其它图层以上。
5.创建按钮元件 点击“插入-新建元件”建立一个名为“按钮”的隐形按钮元件,点击确定进入该元件编辑区。在第4帧(点击)处插入空白关键帧,在编辑区中用矩形工具拖一个规格为93*124。无边的,颜色任意的矩形。全居中。如图7所示:
图7
6.组织编辑场景 返回场景1,添加两个图层,共三个图层。自下而上分别命名为相册、按钮、as。
(1)选择相册图层,分别在第1帧-第9帧处插入空白关键帧。之后点击第1帧从库中拖出图组1影片剪辑于工作区,全居中。同理同样的操作方法将库中的图组2-图组9放置在相对应空白关键帧上编辑区中(注意必须全居中)。上锁。
(2)选择按钮图层第1帧,从库中将按钮元件分别依次放置在图1-图9的之上(最好是对齐)。上锁。如图8所示:
图8
给按钮添加语句 右键点击图1上的按钮,打开动作面板,在as编辑区输入:
on (release) {
gotoAndStop(1);
}
右键点击图2上的按钮,打开动作面板,在as编辑区输入:
on (release) {
gotoAndStop(2);
}
右键点击图3上的按钮,打开动作面板,在as编辑区输入:
on (release) {
gotoAndStop(3);
}
按此操作规律完成图4-图9上的按钮语句的添加。(相信你已经看出来了吧)。那图9上的按钮在as编辑区的语句就应该是:
on (release) {
gotoAndStop(9);
}
锁定本图层。
(3)右键as图层第1帧,打开动作面板在as编辑区输入:stop(); 指令。上锁。
7.该作业完成后的时间轴如图9所示:
图9
8.测试存盘
*说明:
1.本教材主要侧重于相册的制作原理,依据这一原理,举一反三,可创作出各式各样的漂亮相册来。
2.如果照片的显示用图片切换的方法,例如淡出淡入、蔗罩特效、羽化效果等,给人们又是另一种感觉。
3.如果利用按钮进一退一之指令制作个性相册,其效果又该如何呢?
4.如果将每张照片作成动态按钮又会怎样?