大三时写的教程(3)~黑暗中的文字

      创造另一个世界 2004-10-8 9:46
这是一个很简单的效果,最后的效果图如下:


下面来看看具体的制作过程:
我们这个影片只需要用到3个元件:
1.中间的字:请用文字工具随意写几个字(本例中是“RPGS STUDIO”)。然后选中它,按F8键,生成一个影片剪辑,本例中我们给它取名叫“TEXT”。
2.发光的效果:用椭圆工具画一个正圆,用填充工具给它做一个白色到透明的径向渐变,只要将渐变调色板中滑杆一端滑块的ALPHA值调到0%即可,不过在这之前请先将两端滑块颜色都调成白色,不然出来的效果会比较怪。调整好后的填充参数如下图:按F8,生成一个影片剪辑“LIGHT”

3.部分照亮效果:影片中要表现区域被部分照亮的效果,从中心到两边逐渐变暗,用MASK来做有点麻烦。我们可以用一个大的影片剪辑来替代MASK:新建一个影片剪辑元件“MASK”,然后将显示比例调成25%(为了方便画图),然后画一个大矩形,大小不能小于2*2倍影片大小,而且矩形中心最好与元件中心相同,不然影片播放时可就会露出马脚啦。将这个矩形填充成黑色。然后在这个矩形的正中央画一个正圆,给这个圆做一个由外向内渐渐透明的渐变(方法与上同)。这样我们就可以通过这个圆看到这个元件后面的东东啦。
元件都做好了,现在该把它们组合起来了:
做阴影:
1.将一个“TEXT”元件拖放到现有的层中,然后在“属性”栏中将其的颜色选成“高级”,在弹出的对话框中将元件颜色调成黑色,透明度调成80%。然后将其“INSTANCE”值改成“TEXTSHADOW”。最后将这一层的名字也改成“TEXTSHADOW”。
做文字以及其上的发光效果:
2.新建一个层“TEXT”,拖一个“TEXT”元件到本层。
3.新建一个层“MASK-V”,再拖一个“TEXT”元件到本层,注意这个“TEXT”一定要与上述“TEXT”层中的重合(最好用FLASH的对齐工具)。
4.新建一个层“LIGHT”,使其成为“MASK”层的子层(也就是被遮挡的层)。拖动一个“LIGHT”元件到本层并将其“INSTANCE”值改成“LIGHT”。
做照亮区的效果:
5.新建一个层“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做个闪动的动画,就更棒了(原始人??^_^)。

标签集:TAGS:
回复Comments() 点击Count()

回复Comments

{commentauthor}
{commentauthor}
{commenttime}
{commentnum}
{commentcontent}
作者:
{commentrecontent}