分享

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

 喜鵲回巢 2015-10-31

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

   制作步骤

    1.启动FLASH8 软件

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


图1

    3.创建按钮元件

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

    选择图层1第4幀(点击)插入空白关键幀,用矩形工具在舞台拖一个无边线的矩形,规格、颜色随意,全居中。如图2所示:


图2

    4.编辑制作场景1

    返回场景1,添加 三个图层,共四个图层。自下而上命名为实例、按钮、文本、as。

    (1)选择实例图层第一帧,用椭圆形工具在舞台拖一个规格为200*200的,白色的无边线的圆,全居中。上锁。如图3所示:


图3

    (2)选择按钮图层第一帧,从库中拖出“隐钮”按钮元件到舞台,规格改为80*35,将其放置在“实例”的下方。如图4所示:


图4

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

on (release) {
 nextScene();

}

锁定该图层。

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


图5

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

stop();

锁定该图层。

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


图6

    6.编辑制作场景2

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

图7

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

图8

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

    (1)选择实例图层第一帧,用椭圆工具在舞台拖一个规格为150*150的,黄色的无边线的正圆,并将其放置在舞台的左侧,垂直中齐。右键该实例-复制,在右键舞台空白处-粘贴,将新粘贴的实例移到舞台的右侧,垂直中齐。上锁。如图9所示:


图9

    (2)选择按钮图层第一帧,依次从库中拖出两个“隐钮”按钮元件到舞台,规格均改为80*35,将其放置在两“实例”的下方。如图10所示:


图10

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

on (release) {
 nextScene();

}

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

on (release) {
 prevScene();

}

锁定该图层。

    (3)选择文本图层第一帧,用文本工具在舞台上方键入“场景切换”,规格、字体、颜色随意,垂直中齐;在右侧按钮上键入“下一场景”,规格、字体、颜色随意,垂直中齐。在左侧按钮上输入“上一场景”,规格、字体、颜色随意,垂直中齐。上锁。如图11所示:



图11

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

stop();

锁定该图层。

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


图12

    8.编辑制作场景3

    同理同种方法,选择“插入-场景”,添加场景3,直接进入场景3工作区;或按Shift+f2,打开场景面板,点击下方+号,添加场景3。然后,用选择工具将场景1拖到场景3的上方(其目的是在播放动画时先从场景1开始)。

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

    (1)选择实例图层第一帧,用椭圆工具在舞台拖一个规格为100*100的,橙色的无边线的正圆,并将其放置在舞台的上半部,水平中齐。右键该实例-复制,在右键舞台空白处-粘贴,将新粘贴的实例移到舞台的下半部的右侧,垂直中齐。再右键舞台空白处-粘贴,将新粘贴的实例移到舞台的下半部的左侧,垂直中齐。上锁。如图13所示:


图13

    (2)选择按钮图层第一帧,从库中拖出一个“隐钮”按钮元件到舞台,规格均改为80*35,将其放置在该“实例”的下方。如图14所示:



图14

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

on (release) {
 prevScene();

}

锁定该图层。

    (3)选择文本图层第一帧,用文本工具在舞台上方键入“场景切换”,规格、字体、颜色随意,垂直中齐;按钮上输入“上一场景”,规格、字体、颜色随意,垂直中齐。上锁。如图15所示:


图15

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

stop();

锁定该图层。

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


图16

    10.查看三个场景 点击舞台右上方的按钮,进行场景1、场景2、场景3工作区的切换,检查修改操作情况,确认无误后便可以测试存盘了。

  11.测试存盘

    *说明:

    1.添加场景4、5......n其原理方法相同,首尾中间的场景均可按场景2的按钮语句即可,首尾按钮语句不变。

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

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

 

  最终效果显示:

 

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

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多