您好!欢迎您光临场景添加切换的设置与制作方法_迎客松B站!

体育

I

交友

I

论坛

I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>进阶教程>>>场景添加切换的设置与制作方法
场景添加切换的设置与制作方法
发表日期:2012/9/18 9:19:00 出处:迎客松 作者:翠柏 发布人:hsb345 已被访问 4720

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

   

    教学目的:通过本节教学了解和掌握场景的添加与切换的设置原理和制作方法,进而为比较复杂的动画作品开辟一条新的途径。

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

    教学要点:动画补间场景添加、按钮、as语句

 

    

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

  制作步骤

    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.16789.net/domName/hsb345/2009319160126470.swf

 

全屏下载

 

祝你成功!

 

进入更多教程

 

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

没有相关评论

 发表评论:

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

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

联系电话: 联系人:翠柏

琼icp备09005167