您好!欢迎您光临仿翻页相册的制作与思考_迎客松B站!

体育

I

交友

I

论坛

I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>进阶教程>>>仿翻页相册的制作与思考
仿翻页相册的制作与思考
发表日期:2012/9/18 22:39:00 出处:迎客松 作者:翠柏 发布人:hsb345 已被访问 4832

仿翻页相册的制作与思考

   

    教学目的:通过本节教学了解和掌握仿翻页的制作原理与操作,隐形按钮及其相关指令的添加与运用。进而制作出形象逼真、漂亮适用的仿翻页相册。

  教学对象:本教材是针对有一定动画制作基础和对属性面板及工具箱、按钮指令有所了解的朋友们编制的,因此省略了一些步骤,还望谅解。

    教学要点:任意变形工具、隐形按钮、动作指令。

   

  

    作前准备 准备四张规格为300*230照片,经过制图软件处理后,放置在指定的文件夹备用。

    制作步骤

    1.启动FLASH8 软件

    2.确立文档属性 设置动画尺寸为550*360,帧频为12,背景颜色黑红,其它默认,点击确定,进入场景1。如图1所示:

图1

    3.编辑制作场景 在场景1添加七个图层,共八个图层。自下而上分别命名为,如图2所示:

图2
 
    (1)选择小页图层第一帧,用矩形工具,打开混色器,设置参数,如图3所示:   
 
图3
 
在工作区拖一个无边框的,规格为92*314的左淡黄右浅灰的矩形,放置在工作区左上位置,在第60帧插入帧。上锁。如图4所示:
 
图4
 
    (2)选择大页图层第一帧,用矩形工具,打开混色器,设置参数如图5所示:   
 
图5
 
在工作区拖一个无边框的,规格为398*314的左淡黄右浅灰的矩形,选择“修改-变形-水平翻转,此时该实例转为左浅灰右淡黄的矩形,放置在工作区右上位置,和小页水平对齐,中间无空隙,然后再托一个规格为8*314的无边框矩形,颜色略深于大页,用黑箭头工具将右边缩小一点,放置在和大页右侧,水平对齐,无空隙。在第60帧插入帧。上锁。如图6所示:
图6
 
    (3)选择照片图层第一帧,用矩形工具在工作区拖一个笔触高度为4,颜色为红色,规格为300*230的无填充色的边框,放置在大页的右上角;再用文本工具在边框内输入相关内容。如图7所示:
图7
 
在第11帧插入空白关键帧,选择“文件-导入-导入到舞台”,导进已准备好的照片1,设置其规格为300*230,右键该实例将其转换为图形元件,放置在大页的右上角(和第一帧红色边框相同位置)。在第20帧插入关键帧,然后,选中第11帧中的实例,在属性面板中设置其Alpha为20%。如图8、图9、图10所示:
 
图8
图9(11帧显示)
图10(20帧显示)
 
点击第11帧,创建此区域间的动画补间。同理同样操作,在第21、31、41帧完成照片2、照片3、照片4的操作。在第51帧插入空白关键帧,用第1帧的相同方法完成,如图11的实例操作。在第60帧插入帧。上锁。
图11
 
此环节完成后的时间轴如图12所示:
图12
 
    (4)选择翻页图层第一帧,用矩形工具在工作区托一个规格398*314的,淡蓝色无边框矩形,将其放置在大页相同位置,并覆盖大页,用任意变形工具选中该实例,并将其注册点移到左中处。右键该实例,将其转换为图形元件。如图13所示:
图13
 
在第5帧插入关键帧(注册点在左中),将鼠标放置在右边中间,当出现上下箭头时将实例向上拖,然后选择右边中间小方块,出现左右箭头后,再向左托。如图14所示:
图14
 
在第10帧 插入关键帧(注册点在左中),用同样的方法再将该实例向左拖到和小页重合。如图15所示:
 
图15
 
然后,分别将第1、10帧中的实例设置其Alpha为0%,第5帧中的实例Alpha为60%。分别点击第1、第5帧,创建该区域间的动画补间。用鼠标将该图层的第1-10帧拖黑,右键该拖黑处,复制帧。然后,分别在第11、21、31、41、51帧处粘贴帧。上锁。此环节完成后的时间轴如图16所示:
 
图16
 
    (5)选择小图图层第一帧,在小页上下放入两个图案,然后,分别从库中拖出照片1-照片4,设置其规格为40*30,放置在大页边框下方,水平对齐,左右两侧放入两个反向三角,颜色、规格适当。在第60帧插入帧。上锁。如图17所示:
 
图17
 
    (6)选择文本图层第一帧,用文本工具在小页竖向输入“小天使倩影”和“1/6”。如图18所示:
 
图18
 
在第11帧插入空白关键帧,用文本工具在小页竖向输入“四周岁留影”和“2/6”。同理同种方法完成第21、31、41、51帧的操作。在第60帧插入帧。上锁。此环节完成后的时间轴,如图19所示:
图19
 
    (7)创建安放隐形按钮
 
    a.选择“插入-新建元件”,创建一个名为“隐形按钮”的按钮元件。点击确定,进入元件编辑区。在点击帧插入空白关键帧,用矩形工具在编辑区拖一个无边框的矩形,颜色随意。全居中。如图20所示:
图20
 
    b.选择按钮图层第1帧,从库中拖出隐形按钮元件,分别摆放到三角和照片上边,按钮间不可重叠。在第60帧插入帧。如21所示:
 
 
图21
 
    c.给按钮添加指令语句 由左向右分别右键各个按钮,打开动作面板,在as编辑区分别依次添加如下按钮指令:
 
on (release) {
 gotoAndPlay(1);
}
 
on (release) {
 gotoAndPlay(11);
}
 
on (release) {
 gotoAndPlay(21);
}
 
on (release) {
 gotoAndPlay(31);
}
 
on (release) {
 gotoAndPlay(41);
}
 
on (release) {
 gotoAndPlay(51);
}
 
锁定该图层。
 
    (8)选择as图层,在第1、10、20、30、40、50、60帧插入空白关键帧,分别依次右键各空白关键帧,打开动作面板,在as编辑区输入停止指令:
 
stop();
 
锁定该图层。
 
    4该作业完成后的时间轴如图22示:
图22
 

    5测试存盘

 

    *说明:

    1.如果要显示反向翻页的效果,则须将翻页的首帧作为尾帧,尾帧作为首帧即可。

    2.如果将按钮作成进一退一效果,方法有二:一是将翻页和图片作成影片剪辑,然后给按钮添加相关指令(参考教程);二是在现有实例中将各个帧的按钮指令语句调整到相关的帧上。

   

      最终效果显示:


http://hsb345.16789.net/domName/hsb345/20086299193861448.swf

 

全屏下载

 

祝你成功!

 

进入更多教程

 

双击自动滚屏 【打印本页】 【关闭窗口
 相关评论:



小小孩
(2008/11/7 8:59:00) [219.148.157.]

好好好


秋之梦
(2008/7/4 11:28:00) [125.115.38.]

好教材!翠柏老师谢谢您

 发表评论:共有 2 条评论

身份选择:会员 游客(游客不需要输入密码)
用 户 名: 密 码:
评论内容:
(最多评论字数:500)

迎客松B站 | 设为首页 | 加入收藏 | 联系我们 | 进入管理 | 关于站长 | 本站搜索

联系电话: 联系人:翠柏

琼icp备09005167