您好!欢迎您光临滚动缓冲相册的制作原理与方法_迎客松B站!

体育

I

交友

I

论坛

I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>实例教程>>>滚动缓冲相册的制作原理与方法
滚动缓冲相册的制作原理与方法
发表日期:2013-6-12 12:39:00 出处:迎客松 作者:翠柏 发布人:hsb345 已被访问 2595

 滚动缓冲相册的制作原理与方法

   

    教学目的:通过本节教学了解和掌握按钮的创建与指令语句的输入,影片剪辑的建立及实例名称的添加。并通过巧妙的设计以实现生动、美观、适用的滚动缓冲相册效果。

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

    教学要点:影片剪辑、实例名称、按钮、动作面板、as语句。

 

    

    作前准备

    1.准备五张规格约300*230的相册图片,经过制图软件(ps、fw)处理后,放到指定的文件夹待用。

    2.下载一个按钮mp3声效,保存的指定的文件夹待用。

    制作步骤

    1.启动FLASH8 软件

    2.确立文档属性

    设置动画尺寸为300*300,背景颜色粉色,其它默认,点击确定,进入场景1工作区。如图1所示:


图1

    3.首先将准备好的相册图片导入到场景,并将其转换为图形元件,名称为01-05;将按钮声效导入库中,待用。清空场景1。

    4.创建按钮元件

    选择“插入-新建元件”,建立一个名为“隐钮”的按钮元件,点击确定,进入元件编辑区。就一个图层。

    选择图层1第4帧(点击)插入空白关键帧,用矩形工具在舞台拖一个无边线的、规格为50*38的矩形,颜色随意。全居中。在第3帧(按下)插入空白关键帧,从库中拖出按钮声效到舞台,位置随意。如图2所示:



图2

点击第3帧(按下),在属性面板上的“同步”中选择“事件”。如图3所示:

图3

    5.创建影片剪辑元件

    选择“插入-新建元件”,建立一个名为“组图”的影片剪辑元件,点击确定,进入元件编辑区。就一个图层。

    选择图层1第一帧,从库中拖出图形元件01到舞台,左对齐-上对齐。在从库中拖出图形元件02到舞台,将其放置在01的右侧,中间无空隙,上对齐。在从库中拖出图形元件03到舞台,将其放置在02的右侧,中间无空隙,上对齐。如此完成04、05图形元件的摆放与组合。如图4所示:

图4


    6.编辑制作场景

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

    (1)选择组图图层第一帧,从库中拖出组图影片剪辑元件到舞台,规格不变,将其放置在舞台的上方,左对齐。上锁。如图5所示:


图5

点击该实例,在属性面板填写其实例名称为:mc 。如图6所示:

图6

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

onClipEvent (enterFrame) {
Xsquare = _root.mc._x;
Xdiff = Xpos-Xsquare;
Xmove = Xdiff/10;
_root.mc._x = Xsquare+Xmove;
updateAfterEvent(enterFrame);
}

锁定该图层。

    (2)选择图片图层第1帧,从库中拖出01图形元件到舞台,设置其规格为50*38,将其放置在组图的下方,左对齐。同理同种方法。在依次从库中拖出02-05图形元件到舞台,依次放置在组图的下方,和01水平摆放,每张小图之间留有一定的空隙,最后一张05,右对齐。上锁。如图7所示:



图7

    (3)选择按钮图层第一帧,从库中分别依次拖出五个“隐钮”按钮元件到舞台,规格不变,将其放置在每个小图之上。如图8所示:


图8

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

on (release) {
_root.mc.Xpos = 0;
}

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

on (release) {
_root.mc.Xpos = -300;
}

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

on (release) {
_root.mc.Xpos = -600;
}

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

on (release) {
_root.mc.Xpos = -900;
}

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

on (release) {
_root.mc.Xpos = -1200;
}

锁定该图层。

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


图9

    8.测试存盘。

 
    说明:
 
    在制作中要添加图片,则只须在添加的图片上的按钮语句中将第5张图片按钮语句中的_root.mc.Xpos = -1200; 加上图片的宽度300,则为root.mc.Xpos = -1500; 以此类推。
 
 
最终效果显示:


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

 

全屏下载

 

祝你成功!

 

进入更多教程

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



812379368
(2010-6-20 14:05:00)

老师节日快乐

 发表评论:共有 1 条评论

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

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

联系电话: 联系人:翠柏

琼icp备09005167