分享

场景添加切换的设置与制作方法

 喜鵲回巢 2015-11-10

    

    前言:在动画制作中影片的切换有两种基本方式,一是在时间轴上通过按钮指令切换(常用方式),一种是场景中通过按钮指令切换(复杂动画)。下面我们就讨论下场景添加和切换的设置与方法。

  制作步骤

    1.启动FLASH8 软件

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


图1

    3.创建按钮元件 选择“插入-新建元件”,建立一个名为“隐钮”的按钮元件,点击确定,进而元件编辑区。在第四帧(点击)插入空白关键帧,用矩形工具在舞台拖一个,规格为90*30的,无边线的矩形,颜色随意。全居中。如图2所示:

图2

    4.制作场景1动画 返回场景1,添加 三个图层,共四个图层。自下而上命名为动画1、文本、按钮、as。

    (1)选择动画1图层第一帧,用椭圆形工具在舞台拖一个规格为50*50的,红色的,无边线的圆,并将其放置在舞台的左边,垂直中齐。在第30帧插入关键帧,将该实例平移到舞台的右边。右键第1帧,创建本区域间的动画补间。再点击第30帧,按f9,打开动作面板,在as编辑区输入停止指令:stop(); 。上锁。如图3所示:

图3

    (2)选择文本图层第一帧,用文本工具在舞台上方键入“场景切换”,规格、总体、颜色随意,垂直中齐;在下方键入“场景2”,规格、总体、颜色随意,垂直中齐。在第30帧插入帧,如图4所示:

图4

    (3)选择按钮图层第一帧,从库中拖出隐钮按钮元件到舞台,放置在“场景2”文字之上。在第30帧插入帧,如图5所示:

图5

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

on(release){
_root.gotoScene2();
}

锁定该图层。

    (4)选择as图层第一帧,按f9,打开动作面板,在as编辑区输入,如下帧语句:

function gotoScene2(){
gotoAndPlay('场景 2', 1);
}

在第30帧插入帧,上锁。

    5.场景1完成后时间轴显示如图6所示:

图6

    6.制作场景2动画 选择“插入-场景”,添加场景2,直接进入场景2工作区;或按Shift+f2,打开场景面板,点击下方+号,添加场景2。如图7所示:

图7

然后,用选择工具将场景1拖到场景2的上方(其目的是在播放动画时先从场景1开始)。如图8所示:

图8

点击舞台右上方的

按钮,再点击场景2,这时舞台显示的就是场景2工作区了。在场景2,添加 三个图层,共四个图层。自下而上命名为动画2、文本、按钮、as。

    (1)选择动画2图层第一帧,用矩形工具在舞台拖一个规格为50*50的,绿色的,无边线的正方形,并将其放置在舞台的左边,垂直中齐。在第30帧插入关键帧,将该实例平移到舞台的右边。右键第1帧,在属性面板创建本区域间的动画补间,并顺时针旋转一周。再点击第30帧,按f9,打开动作面板,在as编辑区输入停止指令:stop(); 。上锁。如图9所示:

图9

    (2)选择文本图层第一帧,用文本工具在舞台上方键入“场景切换”,规格、总体、颜色随意,垂直中齐;在下方键入“场景1”,规格、总体、颜色随意,垂直中齐。在第30帧插入帧,如图10所示:

图10

    (3)选择按钮图层第一帧,从库中拖出隐钮按钮元件到舞台,放置在“场景1”文字之上。在第30帧插入帧,如图11所示:

图11

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

on(release){
_root.gotoScene1();
}

锁定该图层。

    (4)选择as图层第一帧,按f9,打开动作面板,在as编辑区输入,如下帧语句:

function gotoScene1(){
gotoAndPlay('场景 1', 1);
}

在第30帧插入帧,上锁。

    7.场景2完成后时间轴显示如图12所示:

图12

    8.查看两个场景 点击舞台右上方的

按钮,进行场景1、场景2工作区的切换,检查修改操作情况,无误便可以测试存盘了。

  9.测试存盘

    *说明:

    1.添加场景3、4、5......其原理方法相同,只是在按钮和帧语句中改一下相关数字(红色部分)即可。切换到第几个场景,就将其数字改为几。

    2,在每个场景制作动画时,最后一帧上必须添加停止指令,不然在播放时就会在各场景中自动转换。

    3,场景切换适用于较复杂的,按钮交互较多的动画。

  最终效果显示:


 


http://hsb345./domName/hsb345/2009319160126470.swf

 

全屏下载

 

祝你成功!

 

进入更多教程

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

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多