Flash效果.docx

上传人:b****4 文档编号:6167665 上传时间:2023-05-09 格式:DOCX 页数:27 大小:1.21MB
下载 相关 举报
Flash效果.docx_第1页
第1页 / 共27页
Flash效果.docx_第2页
第2页 / 共27页
Flash效果.docx_第3页
第3页 / 共27页
Flash效果.docx_第4页
第4页 / 共27页
Flash效果.docx_第5页
第5页 / 共27页
Flash效果.docx_第6页
第6页 / 共27页
Flash效果.docx_第7页
第7页 / 共27页
Flash效果.docx_第8页
第8页 / 共27页
Flash效果.docx_第9页
第9页 / 共27页
Flash效果.docx_第10页
第10页 / 共27页
Flash效果.docx_第11页
第11页 / 共27页
Flash效果.docx_第12页
第12页 / 共27页
Flash效果.docx_第13页
第13页 / 共27页
Flash效果.docx_第14页
第14页 / 共27页
Flash效果.docx_第15页
第15页 / 共27页
Flash效果.docx_第16页
第16页 / 共27页
Flash效果.docx_第17页
第17页 / 共27页
Flash效果.docx_第18页
第18页 / 共27页
Flash效果.docx_第19页
第19页 / 共27页
Flash效果.docx_第20页
第20页 / 共27页
亲,该文档总共27页,到这儿已超出免费预览范围,如果喜欢就下载吧!
下载资源
资源描述

Flash效果.docx

《Flash效果.docx》由会员分享,可在线阅读,更多相关《Flash效果.docx(27页珍藏版)》请在冰点文库上搜索。

Flash效果.docx

Flash效果

一3D光效

1.制作ring2影片,如下图60*80,顺时针1次,40帧

(1,40)的alpha=40

2.制作rings影片,60*60圆(无填充)

(1,30)的Alpha=0,15帧(60*2..4)亮度100%

3.制作middlelight影片,50*50填充圆,共30帧,15帧亮度100%

混色器(255,255,255,100%),(241,241,241,100%),(237,238,252,100%),(0,0,0,0%)

4.制作lighthouselight影片,如下图(50,110)混色器(255,255,255,100%),(0,0,0,0%)

共30帧,第1帧顺时针1次

5.制作Light影片,

第一层共3帧(空白关键帧)

2帧as如下

zfactor=(getProperty("/light",_y)/200)*100;

setProperty("/light",_yscale,eval("zfactor"));

setProperty("/light",_xscale,eval("zfactor"));

setProperty("/reflection",_yscale,eval("zfactor"));

setProperty("/reflection",_xscale,eval("zfactor"));

3帧as如下

gotoAndPlay

(2);

第二层

元件ring2(60*80)ring2(48*80)

两个重合的 rings(84.8*84.8)正棱形方向

第三层

元件:

middlelight

第四层

元件:

lighthouselight取名称(light)

二、3D旋转球陈

1.建立元件mc球体

2.建立元件mall

添加mc,取名称mc

3.加载mall到场景中,在mall影片元件的动作中添加如下代码

onClipEvent(load){

functiongen3d(ax,ay,i){

cosay=Math.cos(ay);

sinay=Math.sin(ay);

cosax=Math.cos(ax);

sinax=Math.sin(ax);

x=(objx[i]*cosay)+(objz[i]*sinay);

y=objy[i];

z=((-objx[i])*sinay)+(objz[i]*cosay);

objx[i]=x;

objy[i]=(y*cosax)-(z*sinax);

objz[i]=(y*sinax)+(z*cosax);

h=(objz[i]+n)/vp;

px=(objx[i]+l)/h;

py=(objy[i]+m)/h;

scale=px-(((objx[i]+l)+100)/h);

with(this[mcName+i]){

_x=px;

_y=py;

_xscale=(_yscale=scale);

swapDepths(-objz[i]);

}

}

objx=[-50,0,50,-50,0,50,-50,0,50,-50,0,50,-50,0,50,-50,0,50,-50,0,50,-50,0,50,-50,0,50];

objy=[-50,-50,-50,0,0,0,50,50,50,-50,-50,-50,0,0,0,50,50,50,-50,-50,-50,0,0,0,50,50,50];

objz=[-50,-50,-50,-50,-50,-50,-50,-50,-50,0,0,0,0,0,0,0,0,0,50,50,50,50,50,50,50,50,50];

vp=-300;

l=0;

m=0;

n=300;

ax=0;

ay=0;

bereich=2;

max=objx.length;

mcName="mc";

i=0;

while(i

this[mcName].duplicateMovieClip(mcName+i,i);

this[mcName+i].no=i;

i++;

}

i=0;

while(i

objx[i]=objx[i]*bereich;

objy[i]=objy[i]*bereich;

objz[i]=objz[i]*bereich;

i++;

}

}

onClipEvent(enterFrame){

i=0;

while(i

gen3d(ax,ay,i);

i++;

}

ax=(-_ymouse)/2000;

ay=_xmouse/2000;

}

三、卷角效果制作

四、出字效果

五、鼠标跟随

Stage.scaleMode="noScale";

vardepths=1;

this.createEmptyMovieClip("dot",0);

this.createEmptyMovieClip("l",-1);

with(dot){

lineStyle(1,0xffffff);

lineTo(1,0);

_visible=false;

}

functiondrawLine(){

for(vari=depths;i

vard=dot.duplicateMovieClip("dot"+i,i,{_x:

random(400),_y:

random(400),a:

0});

line=l.createEmptyMovieClip("line"+i,i);

line.clear();

line.lineStyle(1,0xffffff);

line.moveTo(d._x,d._y);

d.onEnterFrame=function(){

this.a+=5;

this.dx=posx-this._x;

this.dy=posy-this._y;

this.dis=Math.sqrt(this.dx*this.dx+this.dy*this.dy);

this.r=Math.atan2(this.dy,this.dx);

this._x+=this.dx/7-Math.sin(this.r)*this.dis/7*Math.sin(this.a*2);

this._y+=this.dy/7+Math.cos(this.r)*this.dis/7*Math.sin(this.a*2);

this._parent.l["line"+this._name.substr(3)].lineStyle(1,0xff0000,this.a);

this._parent.l["line"+this._name.substr(3)].lineTo(this._x,this._y);

if(Math.abs(this._x-posx)<1andMath.abs(this._y-posy)<1){

this.removeMovieClip();

}

};

}

}

this.onMouseDown=function(){

posx=_xmouse;

posy=_ymouse;

drawLine();

depths=depths>12?

1:

depths+4;

};

六、滤镜应用范例――水波荡漾

以前制作水波效果,多是运用遮罩方法,现在Flash8的滤镜功能为我们提供了新的途径,而且制作出来的效果非常逼真。

先来看看用模糊滤镜制作的水波动画效果,如图7-31所示。

图7-31范例效果

下面详细讲解制作步骤。

1.制作“波纹”影片剪辑元件

(1)新建一个Flash8影片文档,保持文档属性默认设置。

(2)执行【插入】|【新建元件】命令,或者按快捷键Ctrl+F8,弹出【创建新元件】对话框,在【名称】文本框中输入元件名称为“波纹”,选择【类型】为【影片剪辑】,单击“确定”按钮进入元件的编辑场景。

(3)选择【刷子工具】,在“属性”面板中设置其填充色为蓝色,平滑度为10,如图7-32所示。

图7-32设置【刷子工具】的平滑度

使用【刷子工具】在舞台上画出不规则的波纹状图形,如图7-33所示。

图7-33绘制波纹状图形

2,制作波纹上下运动的影片剪辑元件

(1)新建一个名称为“波纹上”的影片剪辑元件。

在这个元件的编辑场景中,将“波纹”元件从“库”中拖放到舞台上。

(2)分别在第20帧、第40帧处插入关键帧,并设置动作补间运动。

在第20帧处,将“波纹”元件向右斜上方向略加移动。

制作完毕“波纹”将会作从下向上再向下的运动。

打开【绘图纸外观】按钮可以看到其移动轨迹,如图7-34所示。

图7-34波纹上”影片剪辑元件

(3)下面制作波纹向下运动的元件,其运动方向与“波纹上”刚好相反,是先向下再向上的运动。

新建一个名称为“波纹下”的影片剪辑元件。

在这个元件的编辑场景中,将“波纹”元件从“库”中拖放到舞台上。

(4)分别在第20帧、第40帧处插入关键帧,并设置动作补间运动。

在第20帧处,将“波纹”元件向左斜下方向略加移动。

3.制作“重叠波纹”影片剪辑元件

(1)新建一个名称为“重叠波纹”的影片剪辑元件。

在这个元件的编辑场景中,将“波纹上”元件从“库”中拖放到舞台上。

(2)插入一个新图层,在“图层2”中放入“波纹下”元件。

调整实例位置,使“波纹下”的位置比“波纹上”略高,如图7-35所示。

图7-35“重叠波纹”影片剪辑元件

4.制作“模糊”影片剪辑元件

(1)新建一个名称为“模糊”的影片剪辑元件。

在这个元件的编辑场景中,将“重叠波纹”元件从“库”中拖放到舞台上。

(2)打开“滤镜”面板,单击“+”号按钮,在弹出的滤镜菜单中选择“模糊”。

在默认状态下,X轴与Y轴的模糊值是同步变化的。

单击旁边的锁状按钮,解除其同步锁定。

分别修改X与Y的模糊值,如图7-36所示。

图7-36设置模糊滤镜

5.制作主动画

(1)返回到“场景”中。

(2)将“模糊”元件拖放到舞台上,将舞台背景色设置为深蓝色。

(3)测试影片,根据需要调整“模糊”元件的位置与大小。

这样一个逼真的水波效果就做好了。

6.制作月光下的波光

接下来我们可以在前面制作的基础上做一些变化。

如果将“波纹”影片剪辑元件的填充色改为放射状渐变色,则将制作出光亮集中的水波,好像月光下的波光一样。

其填充色设置如图7-37所示。

图7-37填充色设置

运用放射状填充色后的“波纹”影片剪辑元件如图7-38所示。

图7-38“波纹”影片剪辑元件

水波动画的最后效果如图7-39所示。

图7-39月光下的波光效果

滤镜功能看似简单,其具体运用却需要不断的去探索尝试,才能更好的发挥出它的作用,为创作出更专业的作品服务。

七、时间轴特效应用范例――满天花雨

时间轴特效功能在FlashMX2004这个版本就有了,但是使用的人并不多,其实如果善加利用这个功能,可以充分发挥我们的想象空间。

本节介绍一种新颖的用法,制作一个满天花雨的动画效果。

如图7-71所示。

芭比娃娃翩然起舞,漫天花雨飘然而下,五彩缤纷,回旋飞扬。

图7-71范例效果

下面详细讲解这个范例的制作步骤。

1.制作花朵元件

(1)新建一个名称为“花朵”的影片剪辑元件。

在这个元件的编辑场景中,选择【多角星形工具】。

单击“属性”面板中的“选项”,打开“工具设置”对话框。

将“样式”设为“星形”,“边数”设为5,“星形顶点大小”设0.5,如图7-72所示。

单击“确定”按钮。

图7-72“工具设置”对话框

(2)使用任意填充色,在舞台上画一个无边框的星形,使用【选择工具】将星形的各边拉成弧形,使星形成为花朵状,如图7-73所示。

图7-73花朵形状

(3)按住ALT键将该星形复制多个,并填充不同颜色,如图7-74所示。

图7-74复制花朵

(4)框选这些花朵,进行多次复制。

为了使复制出来的图案不显呆板,在复制时使用【任意变形工具】改变大小和角度,还可以单独选中每一朵花重新填充你喜欢的颜色,直到满意为止。

最后效果如图7-75所示。

图7-75复制更多的花朵

2.制作分离特效

(1)返回到“场景1”。

将“花朵”元件从“库”面板中拖放到舞台上。

(2)执行【插入】|【时间轴特效】|【效果】|【分离】命令,在“分离”面板中,设置“效果持续时间”为20帧,“分离方向”向上,“弧线大小”X为150象素,Y为400象素,如图7-76所示。

图7-76设置分离参数

(3)单击右上角的“更新预览”,可以看到数值修改后的效果。

如果对这个效果不满意,还可以修改数值,并再次更新预览。

(4)最后单击“确定”按钮。

稍等一会,分离效果出现了,在“库”里多了一个“分离1”元件和一个“特效文件夹”,图层名也自动改为了“分离1”。

(5)在本实例中,为了使花朵连续不断地飘洒下来,需要制作两个持续时间不同的“分离”效果。

插入一个新图层,将“花朵”元件再次拖放到舞台上,删除“分离1”层。

(6)执行【插入】|【时间轴特效】|【效果】|【分离】命令,在“分离”面板中,设置“效果持续时间”为30帧,“分离方向”向下,“弧线大小”X为100象素,Y为300象素,“碎片旋转量”180度,其它数值不变,单击“确定”按钮。

如图7-77所示。

在库里出现了“分离2”元件,图层名变成了“分离2”。

图7-77另一个分离参数

3.组装动画

(1)执行【文件】|【导入】|【导入到库】命令,将外部的图片(任选自己电脑中的图片)导入到“库”中。

如图7-78所示。

图7-78“库”面板

(2)在“场景1”中插入图层,改名为“图片”。

删除“分离2”图层,将图片拖放到舞台上。

在时间轴上删除第1帧以外的其它帧,这些帧是在刚刚制作“分离”效果时自动插入的。

(3)插入图层,改名为“分离1”。

将“分离1”元件拖放到舞台下方。

为了让花朵从不同方向出来,再放一个“分离1”元件在舞台上方,并执行【修改】|【变形】|【垂直翻转】命令,使两个元件相对而立。

另外再拖入一个“分离1”元件斜放在舞台下方,并适当缩小,略加旋转。

如图7-79所示。

图7-79放置“分离1”元件

(4)插入图层,改名为“分离2”,将“分离2”元件拖放到舞台上。

至此,本范例制作完毕。

现在测试影片看看,效果是不是很漂亮啊?

 时间轴特效免除了许多的繁杂制作过程,虽然它可供调节的参数不多,但只要我们运用得当,也能在短时间里做出复杂的效果。

八、综合应用范例――幻彩图片

本节利用时间轴特效、滤镜和混合模式制作一个综合应用范例。

在有着百页窗格的若隐若隐的背景图片上,湖蓝色画框玲珑剔透宛如水晶雕成,画框内图片五光十色,变幻不定。

效果如图7-80所示。

这个范例的制作主要应用到复制到网格(时间轴特效)、斜角和发光滤镜和混合模式颜色调节等知识。

图7-80范例效果

这个动画看似简单,却使用到了好几种技巧,下面详细讲解制作步骤。

17.1导入图片并制作元件

(1)新建一个Flash8影片文档。

保持文档属性的默认设置。

(2)执行“文件”|“导入”|“导入到库”命令,将外部的图像文件(任选自己电脑上的图片)导入到“库”面板中。

如图7-81所示。

图7-81“库”面板

(3)新建一个名称为“图片”的影片剪辑元件。

在这个元件的编辑场景中,将刚刚导入的图片拖放到舞台上。

使用【任意变形工具】将它缩小压扁成接近正方形,如图7-82所示。

图7-82变形图片

这里为什么不直接使用较小的图片呢?

因为下面作背景的图片需要大一点的,如果将小图片放大就会出现马塞克现象。

(4)新建一个名称为“边框”的影片剪辑元件。

在这个元件的编辑场景中,使用【矩形工具】画一个任意填充色的无边框矩形,这个矩形的大小和“图片”元件相同。

如图7-83所示。

图7-83“边框”元件

17.2用“复制到网格”时间轴特效制作百页窗元件

(1)新建一个名称为“百叶窗”的影片剪辑元件。

在这个元件的编辑场景中,使用【矩形工具】画一个任意填充色的无边框矩形。

在“属性”面板中设置其宽为560像素,宽为3像素,如图7-84所示。

图7-84绘制560×3像素的矩形

(2)执行【插入】|【时间轴特效】|【帮助】|【复制到网格】命令,弹出“复制到网格”对话框,设置网格尺寸“行数”为50,“列数”为1,网格间距“行数”为3像素,“列数”任意,因为我们只有1列。

如图7-85所示。

图7-85“复制到网格”对话框,

(3)单击“确定”按钮,矩形会立刻以间距为3象数的距离整整齐齐的复制出50个。

如果觉得复制的数目和间距需要修改,可以单击“属性”面板中的“编辑”按钮,重新弹出“复制到网格”对话框,调整数字后单击对话框右上角的更新预览,直到满意为止。

17.3用混合模式制作图片颜色变化效果

(1)回到“场景1”中。

将“图层1”改名为“长图片”,将“图片”元件拖放到舞台上。

使用“任意变形工具”将其放大到基本与原图相同。

打开“属性”面板,在“颜色”下拉列表中选择“Alpha”,修改其值为75%。

(2)锁定该“长图片”图层。

插入一个新图层,改名为“百页窗”。

将“百页窗”元件拖放到舞台上,使用【任意变形工具】调整大小,使其覆盖住整个舞台。

如果这时将“长图片”图层隐藏了,可以更方便观察。

(3)打开“属性”面板,在“混合”下拉列表中选择“叠加”。

在“颜色”下拉列表中选择“色调”,选择浅蓝色,“色彩数量”设为90%,如图7-86所示。

图7-86设置混合模式和色调

(4)新建一个图层,改名为“底图”。

将“图片”元件放到舞台中间,不作任何设置。

(5)新建一个图层,改名为“方图片”。

将“图片”元件放到舞台中间,与“底图”层中“图片”元件位置相同。

打开“属性”面板,在“混合”下拉列表中选择“色彩增殖”。

在“颜色”下拉列表中选择“色调”,“色彩数量”设为52%。

单击“色调”旁边的“填充色”按钮,打开调色板,同时光标变成吸管状。

在调色板上移动鼠标,会发现鼠标移动到不同颜色图片也会随之而变化。

如图7-87所示。

图7-87调色板

在第2帧到第10帧每一帧都插入一个关键帧,为每一帧选择不同的颜色。

同时在其它各层的第10帧处都插入帧。

17.4用滤镜制作边框

(1)新建一个图层,改名为“边框”。

将“边框”元件拖放到舞台上,位置与下层图片相同。

添加“斜角”滤镜,其设置如图7-88所示。

图7-88“斜角”滤镜设置

(2)再添加“发光”滤镜,其设置如图7-89所示。

图7-89“发光”滤镜设置

这样,湖蓝色水晶画框就做好了。

九、残影效果

如果我们用老办法来达到范例中的效果恐怕其过程不会令人愉快,但是,不用担心,我们有更简捷有效的途径,只需要编写几行代码就可轻松实现。

  这就是本文所要讲的FlashActions中的一个指令duplicateMovieClip(复制影片夹子)通过它,我们可以复制任意多个副本并对其控制。

  Ok!

我们实际操作吧。

运行Flash,建立新文件,然后选择Insert菜单下的NewSymbol建立一个新的MovieClip(注:

本文后面出现的简称MC表示MovieClip)然后随便敲几个文字,回到主场景,按Ctrl+L打开Library面板,将刚才建立的MC拖至场景合适位置,然后按Ctrl+I打开Instance面版给MC赋予名称“Test”.Actions对于物件的控制都是根据名称来确定目标的,所以命名就非常重要,而在Instance赋予的名称是区别于Library面板里的名称的,刚入门的朋友需要注意。

  现在建立一个新层,在第一桢点右键选择弹出菜单的Actions项打开Actions面板。

点击Actions面板左上角的加号按扭,选择Actions下的duplicateMovieClip,这时面板下半部分出现设置栏,在Target项填入test,这就是我们要复制的MC名称。

在NewName处填newmc,这个名称赋予新出现的MC副本。

在Depth处写1。

这段代码表示我们已经成功复制了一个TestMC的副本并赋予了一个新名称newmc,那么,我们还需要对newmc进行一些设置。

再此点击Actions面板左上角的加号按扭,选择Actions下的SetProperty,然后在面板下部的Property项选择_alpha(Alpha),在Traget定义newmc,在value处填60。

可以是从0到100的任意数字,表示不同的透明度。

  透明的设置完成,现在要对其进行位置控制,再次设置选择SetProperty,在Property处选择_xscale(XScale),Traget定义newmc,Value处写150。

表示位置,也可以是其他数字。

同样方法在设置_yscale(YScale)。

如果用户在操作时Actions面板没有出现文中的项,请点击Actions面板右上角的右箭头,在弹出的菜单中选择NormalMode.,完成后你的Actions面板应该类似下图(图2)

  

  设置完成以后的所有代码如下:

  duplicateMovieClip("test","newmc",1);

  setProperty("newmc",_alpha,"60");

  setProperty("newmc",_xscale,"150");

  setProperty("newmc",_yscale,"150");

  当确定操作无误后关闭Actions面板按Ctrl+Enter测试影片,因该可以看到复制出的一个MC,如果你做一个简单的Motion变化放在MCTest里在看看效果是什么样?

或者对那些参数设置不同数值以观看不同效果,直到熟练使用为止。

  在这里,我要向你表示祝贺,你已经基本掌握了duplicateMovieClip的操作。

但是目前我们只复制出了一个副本,如果要复制多个副本达到象范例中那样的效果改怎么办?

其实只要增加一小段代码并做相应的修改即可完成。

  我们实际做一次,将刚才做的测试影片关闭,建立一个新文件,创建一个MC并在其中输入文字“F”,设置一个简单的Motion变化。

然后将其拖入场景中并赋予名称“only”

  建立一个新层,打

展开阅读全文
相关资源
猜你喜欢
相关搜索
资源标签

当前位置:首页 > 自然科学 > 物理

copyright@ 2008-2023 冰点文库 网站版权所有

经营许可证编号:鄂ICP备19020893号-2