影随鼠动的Flash文字动画
作者 佚名技术
来源 服务器技术
浏览
发布时间 2012-07-14
|
?  下面演示的是一个很简单而有趣的效果：字体后面的阴影会跟随你的鼠标的拖动发生变化。 如果你感兴趣，还可以将字体或背景做成石头质感的，将鼠标做成一个火把，并将LIGHT做个闪动的动画，效果就更棒了。 用鼠标在黑暗的背景上移动，你会看见…… 下面我们来看看具体的制作过程。 元件的制作： 我们这个影片只需要用到3个元件： 1、中间的字：请用文字工具随意写几个字，然后选中它，按F8键，生成一个影片剪辑，本例中我们给它取名叫“TEXT”。 2、发光的效果：用椭圆工具画一个正圆，用填充工具给它做一个白色到透明的径向渐变，只要将渐变调色板中滑杆一端滑块的ALPHA值调到0%即可，不过在这之前请先将两端滑块颜色都调成白色，不然出来的效果会比较怪。调整好后的填充参数如下图：按F8，生成一个影片剪辑“LIGHT”。 
3、部分照亮效果：影片中要表现区域被部分照亮的效果，从中心到两边逐渐变暗，用MASK来做有点麻烦。我们可以用一个大的影片剪辑来替代MASK：新建一个影片剪辑元件“MASK”，然后将显示比例调成25%（为了方便画图），然后画一个大矩形，大小不能小于2*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://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢! |
你可能对下面的文章感兴趣
上一篇: SWF文件结构大解剖下一篇: Flash放大镜效果深入改进
关于影随鼠动的Flash文字动画的所有评论
