主题:  JACKYYU教程系列-FLASH特效之星光写字

JackyYu

职务:普通成员
等级:1
金币:1.0
发贴:47
注册:2003/7/16 16:29:37
#12005/11/4 12:14:35
大家好,好久没有来了。从现在开始,我会定期的在这里放出我的教程,包括flash,ps,cd等等的。希望能对大家有帮助。

JACKYYU教程系列版权归JACKYYU所有,转载请说明。

今天给大家带来的是flash特效之星光写字。效果如下图:

Flash 动画

还不错吧。下面我就告诉大家怎么做吧。

1.首先创建一个背景层和主层,背景层的颜色要深一些,因为要看见星光嘛。

图片如下:


2.下面做星星,新建一个图形元件,取名shape。然后再里面建立三个图层,用三个不同深度的细椭圆做成十字形状中的一个横,然后复制旋转90度,做成十字形状,再在另一个图层里面做中间的园。这一步比较简单,也不是重点,大家看着做就行。

图片如下:


3.新建一个影片元件,取名叫move,来做星星下落的动画。如图,在前5个图层中分别放入5个大小不同的星星,大小逐层减小,图层1的星星最大,而且图层1帧数最多,其他的递减5帧。在下落过程中让星星旋转180度。在图层6中,在最后一帧加入代码:this.removeMovieClip(); 让星星在落一次之后就停止。

图片如下:


4.以下该做最重要也最复杂的部分了。新建一个影片元件,取名star,新建一层,写上你要写的文字,我写的是jackyyu,然后按两次Ctrl+B,将它分散打成形状。

图片如下:

编辑历史:[此帖最近一次被 jackyyu 编辑过(编辑时间:2005-11-04 12:27:17)]


JackyYu

职务:普通成员
等级:1
金币:1.0
发贴:47
注册:2003/7/16 16:29:37
#22005/11/4 12:22:26
5.建立一个遮罩层,把jackyyu层拖到这个遮罩层下面,或者直接在jackyyu层上面建立遮罩层。然后在遮罩层(即图层2)上建立关键帧,每隔5帧用刷子顺着字母刷上。如下面两张图。要注意的是:如果你想让动画慢一些的话,就每次间隔刷的少一些。我的速度挺快,所以我每次刷的距离不算很小。如果动画播放的慢的话,必须距离小才更连贯一些。

图片如下:


图片如下:


6.最后如图,全部覆盖好。

图片如下:


7.然后新建一个引导层,把jackyyu层中的关键帧复制到这个层中。用来做星星移动的轨迹。

图片如下:


8.下面的步骤比较麻烦。在引导层下新建一层,将我们之前做好的move放到这一层中。然后顺着轨迹做补间动画,记得要使星星总是要离着遮罩层的影子远一些,这样才不会盖住后面的星星下落的动画。如图。这样将整个星星移动的轨迹全部做好。要注意的是:如果在字母中有连接或断开的轨迹,应该中止补间动画,另建一关键帧将星星跳过,要不会出现不连贯或星星乱跳,或着轨迹不正确和重复。

图片如下:



JackyYu

职务:普通成员
等级:1
金币:1.0
发贴:47
注册:2003/7/16 16:29:37
#32005/11/4 12:24:42

图片如下:


图片如下:


9.新建一层,在里面加入如下动作:
time=3
_root.star.move._visible = 0;
_root.star.move.i = 1;
_root.star.move.onEnterFrame = function() {
    if (this.i%time == 0) {
        this.duplicateMovieClip("move"+this.i,this.i);
    }
    this.i++;
};
我们来看看这段代码。它的作用是使move元件,即下落的星星这个动画,能够连续的出现,在轨迹上运动。因为我们前面只是做了一个星星下落动画的移动轨迹,所以还需要这段代码来实现许多的星星下落动画移动。里面定义了一个常量time,并且赋值3,使得星星每隔3帧出现一次,如果你想让星星出现的频率更高,就是更多,改这个数值就行。另外代码里面的star和move都是对应着已经建立的元件的名称,如果你的元件不是这个名字,自己改过来就行了。


图片如下:


10.最后,把star元件放入场景中的主层里面就ok啦,然后把动画的播放速度调为合适的速度,我这个是50fps。

图片如下:



动画完成。怎么样?你学会了吗?