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”
建立一个新层,打