|
作前准备 准备九张规格约为240*240的人物图片，经过制图软件（ps、fw）处理后，保存到指定的文件夹待用。 制作过程 1.启动flash8软件。 2.确立文档属性 设置动画尺寸为240*240，背景颜色自定，其它默认,点击确定，进入场景1。如图1所示： 图1 3.将准备好的素材图片导入库中，待用。 4.创图形元件 （1）选择“插入－新建元件”，建立一个名为“01”的图形元件，点击确定，进入元件编辑区。就一个图层。 选择图层1第1帧，从库中拖出人物素材图片1到舞台，规格为240*240，全居中。如图2所示： 图2 同理同种方法完成素材图片2－9的“02－09”图形元件的创建与操作。 （2）选择“插入－新建元件”，建立一个名为“矩形”的图形元件，点击确定，进入元件编辑区。就一个图层。 选择图层1第1帧，用矩形工具在舞台拖一个，规格80*80的，灰色无边线的矩形。全居中。如图3所示：
图3 （3）选择“插入－新建元件”，建立一个名为“小图组合”的图形元件，点击确定，进入元件编辑区。添加两个图层，共三个图层。自下而上命名为底图、小图。 A.选择底图图层第1帧，用矩形工具在舞台拖一个，规格240*240的矩形，颜色随意。全居中。上锁。如图4所示：
图4 B.选择小图图层第1帧，从库中拖出“01”图形元件到舞台，改规格80*80，将其放置在底板的左上角。在从中拖出“02”图形元件到舞台，规格80*80，将其放置在底板的上中位置。同理同种方法完成“03－09”图形元件的操作，依次放置在底板上的相应位置。完成各小图的摆放，上锁。如图5所示：
图5 删除底图图层。 5.创建影片剪辑元件 （1）选择“插入－新建元件”，建立一个名为“蒙板”的影片剪辑元件，点击确定，进入元件编辑区。添加一个图层，共两个图层。自下而上命名为矩形、as。 A.选择矩形图层第1帧，从库中拖出“矩形”图形元件到舞台，规格不变，全居中。在第5幀插入关键帧。如图6所示： 图6 点击第一幀舞台实例，设置其规格为5*5，全居中 。创建本区域间的动画补间，上锁。如图7所示： 图7 B.选择as图层第5帧插入空白关键帧，点击该幀，按f9，打开动作面板，在as编辑区输入停止命令语句：stop(); 上锁。 C.本环节完成后的时间轴如图8所示： 图8 （2）选择“插入－新建元件”，建立一个名为“蒙板组合”的影片剪辑元件，点击确定，进入元件编辑区。添加两个图层，共三个图层。自下而上命名为小图、蒙板、as。 A.选择小图图层第1帧，从库中拖出“小图组合”图形元件到舞台，全居中，上锁。如图9所示： 图9 B.首先，进入蒙板影片剪辑元件编辑区，将第1幀舞台实例规格改为80*80（目的是便于下边的操作）。而后，选择蒙板图层第1帧，依次从库中拖出两个“蒙板”影片剪辑元件到舞台，规格不变，将其放置在小图01－09之上。如图10所示：
图10 在第3帧插入关键帧，依次从库中拖出两个“蒙板”影片剪辑元件到舞台，规格不变，将其放置在小图03－07之上。如图11所示：
图11 在第5帧插入关键帧，依次从库中拖出两个“蒙板”影片剪辑元件到舞台，规格不变，将其放置在小图02－08之上。如图12所示：
图12 在第7帧插入关键帧，依次从库中拖出两个“蒙板”影片剪辑元件到舞台，规格不变，将其放置在小图04－06之上。如图13所示：
图13 在第9帧插入关键帧，再从库中拖出一个“蒙板”影片剪辑元件到舞台，规格不变，将其放置在小图05之上。如图14所示：
图14 在第12幀插入空白关键帧，点击该幀，按f9，打开动作面板，在as编辑区输入停止命令语句：stop(); 上锁。删除底图或底图图层。 注意：在返回蒙板影片剪辑编辑区，将第1幀舞台实例规格恢复到5*5。完成后的舞台实例，如图15所示：
图15 D.本环节完成后的时间轴如图16所示：
图16 （3）选择“插入－新建元件”，建立一个名为“小图遮罩”的影片剪辑元件，点击确定，进入元件编辑区。添加一个图层，共两个图层。自下而上命名为小图组合、蒙板组合。 A.选择小图组合图层第1帧，从库中拖出“小图组合”图形元件到舞台，全居中。上锁。如图17所示：
图17 B.选择蒙板组合图层第1帧，从库中拖出“蒙板组合”影片剪辑元件到舞台，全居中。上锁。如图18所示：
图18 设置本图层为遮罩层。 C.本环节完成后的时间轴,如图19所示： 图19 （4）选择“插入－新建元件”，建立一个名为“大图1”的影片剪辑元件，点击确定，进入元件编辑区。添加两个图层，共三个图层。自下而上命名为小图组、大图、蒙板组合。 A.选择小图组图层第1幀，从库中拖出 “小图组合”图形元件到舞台，全居中。上锁。如图20所示：
图20 B.选择大图图层第1帧，从库中拖出“01”图形元件到舞台，规格为不变，全居中。上锁。如图21所示：
图21 C.选择蒙板组合图层第1帧，从库中拖出“蒙板组合”影片剪辑元件到舞台，规格不变，全居中。上锁。如图22所示： 图22 设置本图层为遮罩层。本环节完成后的时间轴，如图23所示：
图23 同理同种方法，完成“大图2－大图9”的创建与操作。 6.创建按钮元件 选择“插入－新建元件”，建立一个名为“隐钮”的按钮元件，点击确定，进入元件编辑区。就一个图层。 选择图层1第4幀（点击）插入空白关键幀，从库中拖出“矩形”图形元件到舞台，全居中。如图24所示： 图24 7.编辑制作场景 返回场景1，添加两个图层，共三个图层。自下而上命名为图片、按钮、as。 （1）选择图片图层第1帧，从库中拖出“小图遮罩”影片剪辑元件到舞台，规格不变，全居中。如图25所示： 图25 在第2幀插入空白关键帧，从库中拖出“大图1”影片剪辑到舞台，规格不变，全居中。如图26所示：
图26 同理同种方法，在第3－10幀完成“大图2－大图9”的操作。上锁。 （2）选择按钮图层第1帧，分别依次从库中拖出9个“隐钮”按钮元件到舞台，规格不变，将其依次摆满在舞台之上。如图27所示： 图27 点击左上的按钮，按f9，打开动作面板，在as编辑区输入，如下指令语句： on (release) { } 点击左上中的按钮，按f9，打开动作面板，在as编辑区输入，如下指令语句： on (release) { } 同理同种方法，依次完成按钮3－按钮9指令语句的添加，语句内容同上，所不同的是将语句中的红色阿拉伯数字，依次改为向对应的4－10即可。 选择按钮图层第2帧，从库中拖出“隐钮”按钮元件的舞台，改其规格为240*240，全居中。如图28所示： 图28 点击该按钮，按f9，打开动作面板，在as编辑区输入，如下指令语句： on (release) { } 在第3－10幀依次插入关键帧。上锁。 （3）选择as图层第1帧，按f9，打开动作面板，在as编辑区输入停止命令语句：stop(); 。在第10幀插入幀，上锁。 8.本作业完成后的时间轴如图29所示： 图29 9.测试存盘
说明： 本相册的特点是点选小图看大图，点击大图看小图，缺点是大图转到小图，不是小图对大图的覆盖。下一个教程来解决此问题。
最终效果显示效果： http://hsb345./domName/hsb345/201211261694650264.swf
祝你成功
|
|
|
