2015-03-26 20:04:21| 分类： ps flash 技巧 | 标签： |举报 |字号大中小 订阅
|
Z形对折滚动相册的制作原理与方法
|
|
教学目的：通过本节教学了解和熟悉影片剪辑元件的创建、动画补间、多重遮罩的运用，通过巧妙的设计创作，进而实现Z形对折滚动相册之动画效果。 教学对象：本教材是针对有一定动画制作基础和对属性面板、工具箱、及相关界面有所了解的朋友们编写的，因此省略了一些步骤，还望谅解。 教学重点：影片剪辑、动画补间、多重遮罩。
|
|
作前准备 下载六张规格约为200*200的人物图片，经过制图软件（ps、fw）处理后，保存到指定的文件夹待用。 制作过程 1.启动flash8软件。 2.确立文档属性 设置动画尺寸为400*600，幀频12，背景颜色随意，其它默认,点击确定，进入场景1。如图1所示：
图1 3.将准备好的素材图片导入库中，待用。： 选择“插入－新建元件”，建立一个名为“图组”的图形元件，点击确定，进入元件编辑区。就一个图层。 选择图层1第1帧，从库中拖出素材图片1到舞台，规格200*200，右对齐－垂直中齐；再从库中拖出素材图片2到舞台，规格200*200，左对齐－垂直中齐，点击第一幀选中舞台所有实例，选择“修改－组合”后，右对齐、垂直中齐；再从库中拖出素材图片3到舞台，规格200*200，左对齐－垂直中齐，点击第一幀选中舞台所有实例，选择“修改－组合”后，右对齐、垂直中齐。同理方法将6张图片水平并列在一起。如图2所示：
图2 点击第一幀选中舞台所有实例，右键该实例，复制－粘贴一次，然后将新粘贴的实例第一张图片的右边和前一个实例的第六张图片的左边相水平衔接，不重叠、无空隙。如图3所示：
图3 5.创建影片剪辑元件 （1）选择“插入－新建元件”，建立一个名为“滚动”的影片剪辑元件，点击确定，进入元件编辑区。就一个图层。 选择图层1第1帧，从库中拖出“图组”图形元件到舞台，规格不变 ，左对齐－垂直中齐。如图4所示：
图4 在第300幀插入关键帧，将该幀舞台实例向左平移到使后边的第二组的第一张图片和第一组第一张图片相同的位置上。创建本区域间的动画补间。再在第299幀插入关键帧，然后删除第300幀。如图5所示：
图5 本环节完成后的首尾时间轴，如图6所示：
图6 （2）选择“插入－新建元件”，建立一个名为“对折”的影片剪辑元件，点击确定，进入元件编辑区。添加5个图层，共6个图层。自下而上命名为图5、遮罩3、图3、遮罩2、图2、遮罩1。 此环节最为关键 A.选择图2图层第1帧，从库中拖出“滚动”影片剪辑元件到舞台，左对齐－下对齐。上锁。如图7所示：
图7 B.选择遮罩1图层第1帧，用矩形工具在舞台拖一个规格为400*200的，无边线的矩形，左对齐－下对齐。将第1、2张图片覆盖。如图8所示：
图8 设置本图层为遮罩层。完成后的舞台实例，如图9所示：
图9 C.选择图3图层第1帧，从库中拖出“滚动”影片剪辑元件到舞台，规格不变，将其水平翻转，再用任意变形工具将该实例调整为平行四边形。然后，将其第3张图片的右边和上一组的第2张图片的右边相对齐。上锁。如图10所示：
图10 D.选择遮罩2图层第1帧，用矩形工具在舞台拖一个规格为400*200的，无边线的矩形，用任意变形工具将其调整为和图组向平行的平行四边形，左对齐，将其覆盖图3、图4，调整好位置。如图11所示：
图11 设置本图层为遮罩层。完成后的舞台实例，如图12所示：
图12 E.选择图5图层第1帧，从库中拖出“滚动”影片剪辑元件到舞台，规格不变，左对齐。然后，将其第5张图片的左边和上一组的第4张图片左、上边相对齐。上锁。如图13所示：
图13 F.选择遮罩3图层第1帧，用矩形工具在舞台拖一个规格为400*200的，无边线的矩形，左对齐。将第5、6张图片覆盖。如图14所示：
图14 设置本图层为遮罩层。完成后的舞台实例，如图15所示：
图15 G.本环节完成后的时间轴，如图16所示：
图16 6.编辑组织场景 返回场景1，添加一个图层，共两个图层。自下而上命名为背景、对折。 （1）选择背景图层第1帧，导入或制作一个合适的背景，规格400*600，全居中。上锁。如图17所示：
图17 （2）选择对折图层第1帧，从库中拖出“对折”影片剪辑元件到舞台，规格可适当等比缩小，全居中。上锁。如图18所示：
图18 7.本作业完成后的时间轴如图19所示： 8.测试存盘
说明： 1.制作中遮罩高度规格并不严格，但宽度必须是400，而且要覆被遮罩的部分。 2.制作中如果添加边框、声效和其它相关特效，更具观赏性。 3.本教程是应亭亭玉立网友之约仓促编写而成，如有遗漏，笔误，望及时告知，以便修改调整，谢过啦！
最终效果显示效果：
http://hsb345.16789.net/domName/hsb345/201313112295259660.swf
祝你成功
|
|
|
评论