您好!欢迎您光临点燃奥运火炬的制作原理与思考_迎客松B站!

体育

I

交友

I

论坛

I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>实例教程>>>点燃奥运火炬的制作原理与思考
点燃奥运火炬的制作原理与思考
发表日期:2012-9-19 8:44:00 出处:迎客松 作者:翠柏 发布人:hsb345 已被访问 2357

 点燃奥运火炬的制作原理与思考

   

    教学目的:通过本节教学了解和掌握纯脚本、按钮、引导线、动作面板及as语句的添加、使用,进而运用按钮和脚本制作生动形象的动画作品。

  教学对象:本教材是针对有一定动画制作基础和对as语句与动面板有一定了解的朋友们编制的,因此省略了一些步骤,还望谅解。

    教学要点:引导线,混色器、滤镜、按钮、as语句。

 

   

    制作步骤

  1.启动FLASH8 软件

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


(图1)

    3.创建图形元件 

    (1)选择“插入-新建元件”,创建一个名为“火炬台”的图形元件。点击确定,进入元件编辑区。就一个图层。

    选择图层1第一帧,用矩形工具在舞台拖一个规格为100*115的,无边线矩形,颜色自定(图3-1);再用选择工具将其调整为如图3-2的形状;再用椭圆形工具,打开混色器,设置其参数,如图2所示:


图2

在舞台拖一个规格为100*25的椭圆(图3-3),将其转换为图形元件,并设置其Alpha为60%;将二者组合(图3-4)。其流程,如图3所示:

图3

框选该实例,右键将其转换为影片剪辑元件,全居中。打开属性面板中的滤镜,设置其参数,如图4所示:

图4

其舞台实例变化,如图5所示:


图5

    (2)选择“插入-新建元件”,创建一个名为“火种”的图形元件。点击确定,进入元件编辑区。就一个图层。

    选择图层1第一帧,再用椭圆形工具,打开混色器,设置其参数,如图6所示:


图6

在舞台拖一个规格为16*16的正圆。全居中。如图7所示:


图7

(图例放大了一倍)


    4.创建影片剪辑元件

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

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

import flash.geom.*;
var McR:Number = 40;
var McA:Number = 60;
var CreaMovie:MovieClip = this.createEmptyMovieClip("CreaMc", 0);
with (CreaMovie) {
fillType = "radial";
colors = [0xFFFF00, 0xFFFF00];
alphas = [McA, 0];
ratios = [0, 0xFF];
matrix = new Matrix();
matrix.createGradientBox(McR,McR,0,0,0);
beginGradientFill(fillType,colors,alphas,ratios,matrix);
moveTo(0,0);
lineTo(0,McR);
lineTo(McR,McR);
lineTo(McR,0);
lineTo(0,0);
endFill();
}
CreaMovie._visible = false;
var McNum:Number = 1;
var McMore:Number = 200;
var McRandom:Number = 6;
var McY:Number = 4;
var Mc_x:Number = Stage.width/200;
var Mc_y:Number = Stage.height/100+Stage.height/20;
var Mc_more:Number = 100;
var Mc_scal:Number = 50;
flame = function(){;
var scale:Number=random(Mc_scal)+1;
var flames:MovieClip=CreaMovie.duplicateMovieClip("flames"+McNum,McNum,{_x:Mc_x,_y:Mc_y,_alpha:Mc_more/2,_xscale:scale,_yscale:scale});
flames.blendMode = "add";
flames.fast=Math.floor(scale/10);
flames.action=(random(2)==1)?1:-1;
flames.scal=10-flames.fast;
flames.n=flames.s=1;
flames._r = flames._g = 255;
flames._b =0;
flames.gs=(10-flames.scal+2)*3;
flames.onEnterFrame=function(){
this._x+=this.fast*this.action*this.n*this.s;
this._y-=McY;
this._xscale+=this.scal*this.n*this.s;
this._yscale+=this.scal*this.n*this.s;
this._alpha+=10*this.n*this.s;
this._g-=this.gs;
if(this._g<=0){
this._g=0;
}
new Color(this).setRGB(this._r << 16 | this._g << 8 | this._b);
if(this._xscale>=Mc_more){;
this.n=-1;
this.s=0.2;
};
if(this._alpha>=Mc_more){;
this._alpha=Mc_more;
}else if(this._alpha<=random(20)){;
this.removeMovieClip();
delete this.onEnterFrame();
};
};
if(McNum>=McMore){;
McNum=0;
};
McNum++;
};
setInterval(flame,10);

    5.创建按钮元件 

    选择“插入-新建元件”,创建一个名为“隐钮”的按钮元件,点击确定,进入元件编辑区。在“点击”帧插入空白关键帧,用矩形工具在工作区拖一个无边框的矩形,颜色任意,规格为30*55。如图8所示:


图8

    6.编辑制作场景

    返回场景1,添加六个图层,共七个图层。自下而上分别命名为火台、火种、引导层、火焰、按钮、文本和as。

    (1)选择火台图层第一帧,从库中拖出“火炬台”图形元件至舞台。将其放置在舞台的左下方,其位置x=81,y=170。在第120帧插入帧。上锁。如图9所示:


 

图9

    (2)选择引导图层第一帧,用线条工具画一条斜线,然后用选择工具将其调整为抛物线。在第120帧插入帧。上锁。其位置,如图10所示:

图10

    (3)选择火种层第一帧,从库中拖出火种图形元件到舞台,将其移到引导线的右端点,注册点和端点重合。如图11所示:


图11

在第120帧插入关键帧,将该实例移到引导线的左端点,注册点和端点重合。创建本区域间的动画补间。上锁。如图12所示:

图12

    (4)选择火焰图层第120帧插入空白关键帧,从库中拖出火焰影片剪辑元件到舞台,将其放置在火炬台上方偏左的位置(x=112,y115)。上锁。如图13所示:

图13

    (5)选择按钮图层第1帧,从库中拖出隐钮按钮元件到舞台,将其放置在火种之上.调整好规格位置。如图14所示:

图14

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

on (press) {
 play();

}

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

on (release) {
 gotoAndStop(1);

}

锁定该图层。

    (6)选择文本图层第1帧,用文本工具在舞台的左侧输入作品题目。和在火种下方输入“开始”,字体,颜色、规格自定。如图15所示:


图15

在第2帧、第120帧插入关键帧,在第2帧上删除“开始”,在第120帧上将“开始”改为“返回”。上锁。如图16所示:


图16

    (7)选择as图层第1帧,按f9。打开动作面板,在as编辑区输入停止指令:stop();  。在第120帧插入空白关键帧,按f9。打开动作面板,在as编辑区输入停止指令:stop(); 。上锁。


    7.该作业完成后的时间轴如图17所示:


图17

    8.测试存盘

 

    *说明

    1.火种影片剪辑是纯语句特效,它在场景1的位置可用方向键调整,直到你满意为止。

    2.制作中你可以加入相关背景和相关乐曲。

 最终效果显示:


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

 

全屏下载

 

祝你成功!

 

进入更多教程

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



812379368
(2010-3-14 17:28:00)

我要学会太美了!谢谢恩师的教材!

 发表评论:共有 1 条评论

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

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

联系电话: 联系人:翠柏

琼icp备09005167