江西广告网

标题: 影随鼠动的Flash文字动画(2) [打印本页]

作者: tangdesign 时间: 2009-3-17 08:04
标题: 影随鼠动的Flash文字动画(2)
阴影的制作 　　将一个“TEXT”元件拖放到现有的层中，然后在“属性”栏中将其的颜色选成“高级”，在弹出的对话框中将元件颜色调成黑色，透明度调成80%。然后将其“INSTANCE”值改成“TEXTSHADOW”。最后将这一层的名字也改成“TEXTSHADOW”。　　文字以及其上的发光效果 　　1、新建一个层“TEXT”，拖一个“TEXT”元件到本层。　　2、新建一个层“MASK-V”，再拖一个“TEXT”元件到本层，注意这个“TEXT”一定要与上述“TEXT”层中的重合（最好用FLASH的对齐工具）。　　3、新建一个层“LIGHT”,使其成为“MASK”层的子层（也就是被遮挡的层）。拖动一个“LIGHT”元件到本层并将其“INSTANCE”值改成“LIGHT”。　　做照亮区的效果： 　　1、新建一个层“MASK”，将那个大矩形“MASK”拖到本层，将其ALPHA值改成80%，将其INSTANCE值改成“MASK”。　　层的遮挡关系如下图：

　　现在影片中的东东都是死的，我们要用一些ACTION SCRIPT让它们活起来。　　随便点一个关键帧，加入如下的代码：　　startDrag(light,true); 　　stop(); 　　现在点选“TEXT”层中的“TEXT”，加入以下代码：　　onClipEvent (mouseMove) { 　　　　with (_root) { 　　　　　　textshadow._x = object._x-(_xmouse-object._x)/15; 　　　　　　textshadow._y = object._y-(_ymouse-object._y)/10;　　 //设置阴影的位置　　　　　　mask._x=_xmouse; 　　　　　　mask._y=_ymouse;　　//拖动MASK元件　　　　} 　　} 　　阴影位置的确定：相对TEXT来说，阴影位于与光源（鼠标所在）相反的方向。阴影离TEXT距离位置随光源改变，取光源到TEXT距离的1/15（Y方向取1/10）。　　最后别忘了将影片的帧率改成30，这样可以让动画更平滑，现在按Ctrl Enter测试一下影片吧。通过更仔细的参数调整，我们能使上面的动画显得更真实些。还可以将字体或背景做成石头质感的，将鼠标做成一个火把，并将LIGHT做个闪动的动画，就更棒了。 .fla源文件下载

欢迎光临江西广告网 (http://bbs.jxadw.com/)