分享
 
 
 

两只蝴蝶飞舞动画,Flash制作方法

王朝other·作者佚名  2006-11-24
窄屏简体版  字體: |||超大  

效果演示:

点击这里下载源文件

制作步骤:

1.启动Flash mx 2004,"修改"-->>"文档"来修改文档的属性,如下图所示:

2.大家通过观看上面的动画可能已经分析到了,或者我们在回去看看蜻蜓的制作方法:Flash制作美丽的蜻蜓飞舞效果动画都可以观察到蜻蜓或蝴蝶都是身体不动,而只是翅膀动!所以我们关键是绘制蝴蝶的翅膀!在这里我们就充分利用Flash提供的绘图工具了!当然在这里我们应该是新建一个元件命名为蝴蝶翅膀,行为是图形。具体效果如下:

新建元件命名为蝴蝶翅膀2,行为是图形,效果如下:

3.蝴蝶翅膀绘制好了,下面我们来做翅膀动画,新建一个电影元件,名称:蝴蝶动画,行为:电影剪辑;大家都知道蝴蝶是有两支翅膀的(废话!呵呵)所以在这里我们应该建立3个图层,最底下的图层,绘制蝴蝶的身体,上面两个分别放蝴蝶的两支翅膀!效果如下:

蝴蝶身体:

第1帧,组合之后的效果:

第3帧,组合之后的效果:(使用变形工具调整)

第10帧,组合之后的效果:

第13帧,组合之后的效果:

4.同样的方法制作第2支蝴蝶的动画,新建一个电影元件,名称:蝴蝶动画2,行为:电影剪辑;当然不能和上面设置的帧相同,那样效果会差些,效果如下:

第1帧,组合之后的效果:

第4帧,组合之后的效果:

第6帧,组合之后的效果:

第9帧,组合之后的效果:

蝴蝶动画都制作好了!

5.下面我们开始引用刚才所制作的两个动画,新建一个电影元件名称:引用,行为:电影剪辑,之后我我们建立的蝴蝶动画从库中拖出来;再新建一个元件名称:引用2,行为:电影剪辑,把蝴蝶动画2从库中拖出来。

6.新建一个元件名称为:辅助,行为:电影剪辑,在场景中绘制一个小的矩形。如下图:

7.下面我们回到主场景中,开始动画的制作,首先在图层1中导入一副图片做背景使用,然后新建一个图层,改名为蝴蝶阴影,之后我们从库中拖出“引用”和“引用2”,分别设置它们的alpha为10%,分别给它们命名实例名为shadow0_mc和shadow1_mc。如下图:

8.新建一个图层,然后把“引用”、“引用2”和辅助拖出来,注意辅助要拖两次,放置效果如下图:

然后分别给“引用”命名实例名为fly0_mc,“引用2”实例名为fly1_mc,辅助的实例名为:transp0、transp1。

9.新建一个图层改名为action,然后按F9打开动作面板,输入如下动作:

probability = 100;

scene_width = 500;

scene_height = 290;

speed = 0.03;

depth = 15;

MovieClip.prototype.smoothMove = function (speed, targetx, targety) {

this._x += speed*(targetx-this._x);

this._y += speed*(targety-this._y);

};

MovieClip.prototype.rotateTo = function (targetx, targety) {

var diffX = targetx-this._x;

var diffY = targety-this._y;

this._rotation = Math.atan2 (diffY, diffX)*180/Math.PI;

};

_root.transp0.onEnterFrame = function () {

if (random (probability) == 1) {

target0X = random (scene_width);

target0Y = random (scene_height);

}

this._visible = 0;

this.smoothMove (speed, target0X, target0Y);

};

_root.transp1.onEnterFrame = function () {

if (random (probability) == 1) {

target1X = random (scene_width);

target1Y = random (scene_height);

}

this._visible = 0;

this.smoothMove (speed, target1X, target1Y);

};

_root.fly0_mc.onEnterFrame = function () {

this.smoothMove (speed, transp0._x, _root.transp0._y);

this.rotateTo (_root.transp0._x, _root.transp0._y);

};

_root.fly1_mc.onEnterFrame = function () {

this.smoothMove (speed, transp1._x, _root.transp1._y);

this.rotateTo (_root.transp1._x, _root.transp1._y);

};

_root.shadow0_mc.onEnterFrame = function () {

this.smoothMove (speed, transp0._x, _root.transp0._y+depth);

this.rotateTo (_root.transp0._x, _root.transp0._y+depth);

};

_root.shadow1_mc.onEnterFrame = function () {

this.smoothMove (speed, transp1._x, _root.transp1._y+depth);

this.rotateTo (_root.transp1._x, _root.transp1._y+depth);

};

动画制作完成,按Ctrl+回车键可以测试动画了!Thank you!

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有