不帅 发表于 2015-1-15 20:43:34

来谈谈:Flash实例:庆贺故国60华诞烟花动画-Flash实例教程

Flash动画说到底就是“遮罩+补间动画+逐帧动画”与元件(主要是影片剪辑)的混合物,通过这些元素的不同组合,从而可以创建千变万化的效果。
poluoluo中心提醒:AS制造故国万岁的炊火效果.
 焰火效果:

在做这个效果之前先先容一下Flint:
Flint是一个基于AS3.0的开源的粒子体系类库,让我们在不必要完整打仗全体代码的情形下用本人的编码作风来轻松的扩大它,今朝只要基于AS3.0的版本。

起首先容一下基于Flint创立焰火效果的道理,我们的效果将从屏幕的下方升到屏幕的上方,然后飘落在屏幕的下方。构成焰火的每个小点,都是粒子体系中的一个粒子。

筹办素材:
(1)筹办1张背景图片
(2)在ps中制造1张通明背景,红色字体的300*80像素笔墨图片,保留为png格局。

1、新建Flash文档,舞台为550*400像素,帧频30,背景色彩为玄色。然后把背景和笔墨图片导进到库中。右键单击笔墨图片,选择属性做链接,类名为logo,基类flash.display.BitmapData。
2、制造一个探照灯效果的影片剪辑,人人城市就不说了。
3、把图层1更名为“探照灯”,翻开库拖探照灯影片剪辑到舞台,放在符合的地位。
4、增加图层2更名为“探照灯”,拖进探照灯影片剪辑,修正一下偏向,放在符合的地位。
5、增加图层3更名为“背景”,翻开库拖进背景图片,右键单击图片转换为影片剪辑。在属性面板中把通明度调到70%到80%摆布(视背景图片而定)。
6、增加图层4更名为as,单击第1帧,翻开举措面板输出代码:


//导进类

importorg.flintparticles.common.actions.*;

importorg.flintparticles.common.counters.*;

importorg.flintparticles.common.energyEasing.Quadratic;

importorg.flintparticles.common.events.EmitterEvent;

importorg.flintparticles.common.initializers.*;

importorg.flintparticles.twoD.actions.*;

importorg.flintparticles.twoD.emitters.Emitter2D;

importorg.flintparticles.twoD.initializers.*;

importorg.flintparticles.twoD.renderers.*;

importorg.flintparticles.twoD.zones.*;

//创立2D粒子发射器

varemitter:Emitter2D=newEmitter2D();

//计数器(每秒中创立5000个粒子)

emitter.counter=newBlast(5000);

//初始化(粒子的初始地位,速率,图片和色彩)

emitter.addInitializer(newColorInit(0xFFFF3300,0xFFFFFF00));

emitter.addInitializer(newLifetime(8));

emitter.addInitializer(newPosition(newDiscZone(newPoint(0,0),8)));

varbitmapData:BitmapData=newLogo(300,80);

emitter.addInitializer(newVelocity(newBitmapDataZone(bitmapData,-152,-380)));

//向发射器中增加举措,让每帧都更新粒子的地位

emitter.addAction(newAge(Quadratic.easeIn));

emitter.addAction(newFade(1.0,0));

emitter.addAction(newMove());

emitter.addAction(newLinearDrag(0.5));

emitter.addAction(newAccelerate(0,70));



emitter.addEventListener(EmitterEvent.EMITTER_EMPTY,restart,false,0,true);

//定位粒子在舞台的上方

varrenderer:PixelRenderer=newPixelRenderer(newRectangle(0,0,550,400));

renderer.addFilter(newBlurFilter(2,2,1));

renderer.addFilter(newColorMatrixFilter());

renderer.addEmitter(emitter);

addChild(renderer);



emitter.x=250;

emitter.y=300;

emitter.start();



functionrestart(ev:EmitterEvent):void

{

Emitter2D(ev.target).start();

}7、完成后保留在一个目次下,然后把附件中名为org的紧缩文件解压到统一目次下(这个文件夹就是Flint粒子类库),如今就能够测试了。美工部分人人能够做一些风景、气球放飞等效果,到场场景中,我想人人必定比我做得好。各类参数能够试着修改一下数据,再看一下效果。



org.rar

未定名-1.part1.rar

未定名-1.part2.rar


Flash也支持高品质的mp3音频流、文字输入字段、交互式接口等等很多工具。这个最新版本可以观看所有的flash格式。

因胸联盟 发表于 2015-1-17 13:57:24

作为奖赏,你可以使用关键祯动画支持和tweening-两个最主要的节省时间的方式。本质上,关键祯是动画中显著事件发生的位置。

再现理想 发表于 2015-1-25 20:57:26

FLASH动画的视觉观赏效果好,容易给民众留下深刻的印象,是动画行业从业者和动画创意设计制作机构的主要业务之一。

谁可相欹 发表于 2015-2-4 07:43:50

FLASH在网站建设中广泛的应用,但是FLASH也有自身的缺陷,尤其考虑到网络营销的综合效果时,FLASH 格式的广告并非最好的选择,有时甚至会降低广告效果。

乐观 发表于 2015-2-9 19:05:53

不过,要说国内在FLASH动画领域做的比较出色的,公认的是广州形动数码科技。

第二个灵魂 发表于 2015-2-27 19:10:18

FLASH动画的视觉观赏效果好,容易给民众留下深刻的印象,是动画行业从业者和动画创意设计制作机构的主要业务之一。

分手快乐 发表于 2015-3-9 12:54:49

考虑到实际的效果,这些专业的网站并不会去单纯追求技术本身,广告设计是否FLASH不是目的,关键是获得最好的宣传效果。

admin 发表于 2015-3-17 00:25:15

FLASH在网站建设中广泛的应用,但是FLASH也有自身的缺陷,尤其考虑到网络营销的综合效果时,FLASH 格式的广告并非最好的选择,有时甚至会降低广告效果。

飘灵儿 发表于 2015-3-23 13:45:46

缺点也必然会会有的,但是不同的产品有不同的缺点吧,比如说flash建站它的速度会比较慢。
页: [1]
查看完整版本: 来谈谈:Flash实例:庆贺故国60华诞烟花动画-Flash实例教程