flash8水杯式横滚反转相册的制作原理与方法
flash8水杯式横滚反转相册的制作原理与方法 作前准备
下载六张规格高约为480,宽度不限的图片,经过制图软件(ps、fw)处理后,保存到指定的文件夹待用。
制作过程
1.启动flash8软件。
2.确立文档属性 设置动画尺寸为500*650,幀频12,背景颜色随意,其它默认,点击确定,进入场景1。如图1所示:
图1
3.将准备好的素材图片导入库中,待用。
4.创建图形元件
(1)选择“插入-新建元件”,建立一个名为“图组1”的图形元件,点击确定,进入元件编辑区。就一个图层。
选择图层1第1帧,从库中拖出素材图片1到舞台,规格高为480,宽度不限,右对齐-垂直中齐;再从库中拖出素材图片2到舞台,规格高为480,宽度不限,左对齐-垂直中齐,点击第一幀选中舞台所有实例,选择“修改-组合”后,右对齐、垂直中齐;再从库中拖出素材图片3到舞台,规格高为480,宽度不限,左对齐-垂直中齐,点击第一幀选中舞台所有实例,选择“修改-组合”后,右对齐、垂直中齐。同理方法将6张图片水平并列在一起。如图2所示:
图2
(2)选择“插入-新建元件”,建立一个名为“图组2”的图形元件,点击确定,进入元件编辑区。就一个图层。
选择图层1第1帧,从库中拖出“组图1”图形元件到舞台,规格不变,右对齐-垂直中齐;再从库中拖出“组图1”图形元件到舞台,规格不变,左对齐-垂直中齐。如图3所示:
图3
5.创建影片剪辑元件
(1)选择“插入-新建元件”,建立一个名为“滚动”的影片剪辑元件,点击确定,进入元件编辑区。就一个图层。
选择图层1第1帧,从库中拖出“图组2”图形元件到舞台,规格不变 ,左对齐-垂直中齐。如图4所示:
图4
在第400幀插入关键帧,将该幀舞台实例向左平移到使后边的第二组的第一张图片和第一组第一张图片相同的位置上。创建本区域间的动画补间。再在第399幀插入关键帧,然后删除第400幀。如图5所示:
图5
本环节完成后的尾幀时间轴,如图6所示:
图6
(2)选择“插入-新建元件”,建立一个名为“遮罩1”的影片剪辑元件,点击确定,进入元件编辑区。添加一个图层,共两个图层。自下而上命名为图组、遮罩。 A.选择图组图层第1帧,从库中拖出“滚动”影片剪辑元件到舞台,左对齐-垂直中齐。上锁。如图7所示:
图7
B.选择遮罩图层第1帧,用矩形工具在舞台拖一个规格为256*416的,无边线的矩形,然后,用选择工具将其调整为,如图8所示:
图8
(在删除蓝色椭圆之前,将其转换为图形元件)
然后将该实例放置在第一组第一张图片的适当位置上,如图9所示:
图9
设置本图层为遮罩层。完成后的舞台实例,如图10所示:
图10
C.本环节完成后的时间轴,如图11所示:
图11
(3)选择“插入-新建元件”,建立一个名为“遮罩2”的影片剪辑元件,点击确定,进入元件编辑区。添加一个图层,共两个图层。自下而上命名为图组、遮罩。
A.选择图组图层第1帧,从库中拖出“滚动”影片剪辑元件到舞台,左对齐-垂直中齐。上锁。如图12所示:
图12
B.选择遮罩图层第1帧,从库中拖出“椭圆”图形元件到舞台,将其打散后,放置在第一组图片的最后一张的适当位置上。如图13所示:
图13
设置本图层为遮罩层。完成后的舞台实例,如图14所示:
图14
C.本环节完成后的时间轴,如图15所示:
图15
(4)选择“插入-新建元件”,建立一个名为“组合”的影片剪辑元件,点击确定,进入元件编辑区。添加一个图层,共两个图层。自下而上命名为遮罩2、遮罩1。
A.选择遮罩1图层第1帧,从库中拖出“遮罩1”影片剪辑元件到舞台,规格不变。全居中。上锁。如图16所示:
图16
B.选择遮罩2图层第1帧,从库中拖出“遮罩2”影片剪辑元件到舞台,规格不变,并将其水平翻转后,放置在遮罩1实例的上口处,与其向衔接,水平中齐。上锁。如图17所示:
图17
点击该实例,在属性面板设置其颜色参数,如图18所示:
图18
完成后的舞台实例,如图19所示:
图19
C.本环节完成后的时间轴,如图20所示:
图20
6.编辑组织场景 返回场景1,添加两个图层,共三个图层。自下而上命名为背景、阴影、组合。
(1)选择背景图层第1帧,导入或制作一个合适的背景,规格500*650,全居中。上锁。如图21所示:
图21
(2)选择组合图层第1帧,从库中拖出“组合”影片剪辑元件到舞台,规格不变,全居中。上锁。如图22所示:
图22
(3)选择阴影图层第1帧,用椭圆形工具在舞台拖一个黑白线性、无边线的椭圆,规格约220*105,将其放置在组合实例下底处的适当位置。上锁。如图23所示:
图23
7.本作业完成后的时间轴如图24所示:
图24
8.测试存盘 说明:
1.根据此原理方法可制作圆柱体和圆环型横滚反转相册。
2.制作中如果将实例组合,其更具观赏性。水杯型横滚翻转相册
3.本教程是应看今朝网友之约仓促编写而成,如有遗漏,笔误,望及时告知,以便及时修改调整,谢谢合作!
最终效果显示效果: