作前准备
下载六张猫咪图片,规格均为550*400,经过制图软件(ps、fw)处理后,放到指定的文件夹待用。
制作步骤
1.启动FLASH8 软件
2.确立文档属性
设置动画尺寸为550*400,背景颜色黑绿,其它默认,点击确定,进入场景1工作区。如图1所示:

图1
3.首先将准备好的图片导入到库中,并将其转换为图形元件,分别命名为图片1-图片6(规格均为550*400)。待用。
4.创建图形元件
选择“插入-新建元件”,创建一个名为“椭圆框”的图形元件,点击确定,进入元件编辑区。就一个图层。
选择图层1第1帧,用椭圆形工具在舞台拖一个笔触高度为5,笔触颜色为红色,规格为520*380的,无填充色的椭圆,全居中。如图2所示:

图2
5.创建影片剪辑元件
(1)选择“插入-新建元件”,创建一个名为“边框”的影片剪辑元件,点击确定,进入元件编辑区。就一个图层。
选择图层1第1帧,用矩形工具在舞台拖一个规格为550*400的,无边线的黑色矩形(图3-1);全居中。在矩形外,用椭圆形工具拖一个规格为520*380的,无边线的红色椭圆(图3-2);全居中,和矩形重叠(图3-3);点击该椭圆,起麻点后删除(图3-4)。其流程,如图3所示:

图3
(2)选择“插入-新建元件”,创建一个名为“矩形”的影片剪辑元件,点击确定,进入元件编辑区。就一个图层。
选择图层1第一帧,用矩形工具在舞台拖一个规格为550*50的、无边线的矩形,颜色随意。全居中。用任意变形工具选中该实例,将其注册点移到上中,在第30、60帧插入关键帧。点击第30帧上的实例,改规格为550*1,创建这两个区域间的形状补间。如图4所示:

图4
(3)选择“插入-新建元件”,创建一个名为“方形”的影片剪辑元件,点击确定,进入元件编辑区。就一个图层。
选择图层1第一帧,用矩形工具在舞台拖一个规格为50*50的、无边线的矩形,颜色随意。全居中。用任意变形工具选中该实例,将其注册点移到左中,在第30、60帧插入关键帧。点击第30帧上的实例,改规格为1*50,创建这两个区域间的形状补间。如图5所示:

图5
(4)选择“插入-新建元件”,创建一个名为“菱形”的影片剪辑元件,点击确定,进入元件编辑区。就一个图层。
选择图层1第一帧,用矩形工具在舞台拖一个规格为50*50的、无边线的矩形,颜色随意。全居中。点击该实例,选择“修改-变形-顺时针旋转90°”,再用任意变形工具选中该实例,将其注册点移到左中,在第30、60帧插入关键帧。点击第30帧上的实例,改其宽为1,高度不变,创建这两个区域间的形状补间。如图6所示:

图6
(5)选择“插入-新建元件”,创建一个名为“矩形遮罩”的影片剪辑元件,点击确定,进入元件编辑区。就一个图层。
选择图层1第一帧,分别依次从库中拖出11个“矩形”影片剪辑元件到舞台,从上到下排列好,均水平中齐,彼此间无空隙。如图7所示:

图7
(6)选择“插入-新建元件”,创建一个名为“方形遮罩”的影片剪辑元件,点击确定,进入元件编辑区。就一个图层。
选择图层1第一帧,分别依次从库中拖出11个“方形”影片剪辑元件到舞台,从左到右排列好,垂直中齐,彼此间无空隙。如图8所示:

图8
点击第一帧,选中舞台所有实例,将其转换为影片剪辑元件。从库中拖出该元件将其放置在舞台第一个实例的下方,无空隙,水平中齐。点击该实例,选择“修改-变形-水平翻转”。如图9所示:

图9
再从库中拖出此元件,其放置在舞台第二个实例的下方,无空隙,水平中齐。如此再拖出8个这样的影片剪辑元件(此时舞台共有11个这样的影片剪辑元件),依次竖向排列好,每隔一个,水平翻转。最终舞台实例显示,如图10所示:

图10
(7)选择“插入-新建元件”,创建一个名为“菱形遮罩”的影片剪辑元件,点击确定,进入元件编辑区。就一个图层。
选择图层1第一帧,分别依次从库中拖出8个菱形影片剪辑元件到舞台,从左到右排列好,垂直中齐,相互衔接,彼此间无空隙。如图11所示:

图11
点击第一帧,选中舞台所有实例,将其转换为影片剪辑元件。从库中拖出该元件将其放置在如下图所示的位置,无空隙。如图12所示:

图12
在从库中拖出此元件,其放置在舞台第二个实例的下方,无空隙。如图13所示:

图13
如此再拖出13个这样的影片剪辑元件(此时舞台共有16个这样的影片剪辑元件),按照上述规律、方法依次竖向排列好。最终舞台实例显示,如图14所示:

图14
6.编辑制作场景
返回场景1,添加四个图层,共五个图层。自下而上命名为,图片2、图片1、遮罩、边框、椭圆。
(1)选择图片2图层第一帧,从库中拖出图片2图形元件到舞台,全居中。如图15所示:

图15
在第61帧插入空白关键帧,从库中拖出图片3图形元件到舞台,全居中。同理同种方法在第121帧、181帧、241帧、301帧完成图片4、图片5、图片6、图片1图形元件的操作。在第360帧插入帧。上锁。
(2)选择图片1图层第一帧,从库中拖出图片1图形元件到舞台,全居中。如图16所示:

图16
在第61帧插入空白关键帧,从库中拖出图片2图形元件到舞台,全居中。同理同种方法在第121帧、181帧、241帧、301帧完成图片3-图片6图形元件的操作。在第360帧插入帧。上锁。
(3)选择遮罩图层第一帧,从库中拖出“矩形遮罩”影片剪辑元件到舞台,全居中。在如图17所示:

图17
在第61帧插入关键帧,点击该帧上的舞台实例,选择“修改-变形-顺时针选择90°”。如图18所示:

图18
在第121帧插入空白关键帧,从库中拖出“方形遮罩”影片剪辑元件到舞台,全居中。在如图19所示:

图19
在第181帧插入关键帧,点击该帧上的舞台实例,选择“修改-变形-顺时针选择90°”。如图20所示:

图20
在第241帧插入空白关键帧,从库中拖出“菱形遮罩”影片剪辑元件到舞台,全居中。在如图21所示:

图21
在第301帧插入关键帧,点击该帧上的舞台实例,选择“修改-变形-顺时针选择90°”。如图22所示:

图22
在第360帧插入帧。设置该图层为遮罩层。
(4)选择边框图层第一帧,从库中拖出“边框”影片剪辑元件到舞台,全居中。点击该实例,打开滤镜,设置其参数,如图23所示:

图23
在第360帧插入帧。上锁。
(5)选择椭圆图层第一帧,从库中拖出“椭圆框”图形元件到舞台,全居中,在第360帧插入帧。上锁。如图24所示:

图24
7.本作业完成后的时间轴,如图25所示:

图25
8.测试存盘。
说明:
图片2图层在第1、61、121、181、241、301帧上的图片依次是图片2、图片3、图片4、图片5、图片6、图片1;图片1图层在第1、61、121、181、241、301帧上的图片依次是图片1、图片2、图片3、图片4、图片5、图片6。
最终效果显示:
作者:翠柏