分享

flash8.0制作硬翻页相册效果(组合法)

 猎奇ll 2013-05-03
 

支你一招:让flash地址永远有效 - 迎春 -

迎春博客:http://ycyx88888.blog.163.com

flash8.0制作硬翻页相册效果(组合法) 

    作前准备

    下载六张规格约为200×267的人物图片,经过制图软件(ps、fw)处理后,保存到指定的文件夹待用。

    制作过程

    1.启动flash8软件。

    2.确立文档属性 设置动画尺寸为550×400,背景颜色随意,其它默认,点击确定,进入场景1。如图1所示:

flash8.0制作硬翻页相册效果(组合法) - 迎春 -

图1

    3.将准备好的素材图片导入库中,待用。

    4.创建图形元件

    (1)选择“插入-新建元件”,建立一个名为“图右1”的图形元件,点击确定,进入元件编辑区。就一个图层。

    A.选择图层1第1帧,从库中拖出位图1到舞台,规格200×267,左对齐-垂直中齐。如图2所示:


图2

    B.同理同种方法,分别依次创建“图右2-图右6”图形元件,完成位图2-6的操作。

    (2)选择“插入-新建元件”,建立一个名为“图左1”的图形元件,点击确定,进入元件编辑区。就一个图层。

    A.选择图层1第1帧,从库中拖出位图1到舞台,规格200×267,将其水平翻转,右对齐-垂直中齐。如图3所示:


图3

    B.同理同种方法,分别依次创建“图左2-图左6”图形元件,完成位图2-6的操作。

    5.创建影片剪辑元件

    (1)选择“插入-新建元件”,建立一个名为“右翻页”的影片剪辑元件,点击确定,进入元件编辑区。添加五个图层,共六个图层。自上而下命名为图右1、图右2、图右3、图右4、图右5、图右6。

    首先,将六个图层的第1幀依次放入向对应的图形元件,即自上而下依次为:图形元件“图右1、图右2、图右3、图右4、图右5、图右6”,规格不变,左对齐-垂直中齐。

    A.选择图右1图层第1帧,将舞台实例,即图右1,左对齐-垂直中齐。如图4所示:

图4

用任意变形工具点击该实例,将其注册点移到左中。如图5所示:

图5

在第10幀插入关键帧,将该实例用鼠标将其向左平推到规格为5×267。如图6所示:


图6

然后,再将鼠标放到该实例的左侧边缘,出现上下箭头后,按住鼠标将其向上拖出一段距离(此时该实例的高度为330)。如图7所示:


图7

创建本区域间的动画补间。上锁。

    B.同理同种方法,分别依次在“图右2-图右6”图层的第21-30;41-50;61-70;81-90;101-110完成相对应的操作。在第111幀插入空白关键帧,在第140幀插入幀。锁定各个图层。

    C.本环节完成后的时间轴如图8所示:



图8

    (2)选择“插入-新建元件”,建立一个名为“左翻页”的影片剪辑元件,点击确定,进入元件编辑区。添加五个图层,共六个图层。自下而上命名为图左1、图左2、图左3、图左4、图左5、图左6。

    A.选择图左1图层第11帧,插入空白关键幀,点击该幀,从库中拖出“图左1”图形元件到舞台,规格不变,右对齐-垂直中齐。如图9所示:

图9

用任意变形工具点击该实例,将其注册点移到右中。如图10所示:

图10

在第20幀插入关键帧。用任意变形工具点击第11幀舞台实例,将该实例用鼠标将其向右平推到规格为5×267。如图11所示:

图11

然后,再将鼠标放到该实例的右侧边缘,出现上下箭头后,按住鼠标将其向上拖出一段距离(此时该实例的高度为330)。如图12所示:


图12

创建本区域间的动画补间,在第140幀插入幀。上锁。

    B.同理同种方法,分别依次在“图左2-图左6”图层的第31-40;51-60;71-80;91-100;111-120幀,完成图左2-图左6的操作。在第140幀插入幀。锁定各个图层。

    C.本环节完成后的时间轴如图13所示:




图13

    (3)选择“插入-新建元件”,建立一个名为“组合”的影片剪辑元件,点击确定,进入元件编辑区。添加一个图层,共两个图层。自下而上命名为右面、左面。

    A.选择右面图层第1帧,从库中拖出“右翻页”影片剪辑元件到舞台,规格不变,左对齐-垂直中齐。上锁。如图14所示:


图14

    B.选择左面图层第1帧,从库中拖出“左翻页”影片剪辑元件到舞台,规格不变、位置随意。如图15所示:


图15

点击该实例,右对齐-垂直中齐。上锁。如图16所示:

图16

    C.本环节完成后的时间轴,如图17所示:


图17

    6.编辑制作场景

    返回场景1,添加两个图层,共三个图层。自下而上命名为组合、按钮、as。

    (1)选择组合图层第1帧,从库中拖出“组合”影片剪辑元件到舞台,规格不变,其位置。如图18所示:



图18

在第2幀插入关键帧。返回第1幀,点击该幀上的舞台实例,将其打散。上锁。

    (2)选择按钮图层第1帧,从公用库里拖出一个播放按钮(也可自行制作),规格不变,将其放置在舞台的右下角。如图19所示:

图19

点击该按钮,按f9,打开动作面板,在as编辑区输入,如下指令语句:

on (release) {
 play();

}

在第2幀插入幀,上锁。

    (3)选择as图层第1帧,按f9,打开动作面板,在as编辑区输入如下停止命令语句:stop(); 。 右键该幀-复制幀,再右键第2幀-粘贴幀。上锁。

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


图20

    8.测试存盘

 

    说明:

    1.制作中,增减图片其原理方法是一样的。

    2.翻页右和翻页左也可在同一个影片剪辑中完成,其原理方法相同。

    3.本教程为节省空间缩小文件体积,选用了六张图片,在用水平翻转的方法完成六张图片,其实共计12张图片。你在制作中可将图左1-图左6换成素材图片7-12。当然,如果为了使你的相册更加美观,可将图右1和图左6换成封面和封底,添加背景和音效等。

最终效果显示效果:

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多