本站是一个网站架设的学习平台,提供最新的网站制作与网站运营等教程
当前位置: 主页 > 网页特效 > 文字字体特效 >

文字特效:闪光字体的制作(二)

来源:网络整理更新时间:2012-08-26 16:15点击:
运行代码 源代码调试

    [ 可先修改部分代码 再运行查看效果 ]

b>第三步:上面我们已经完成了“天”字的设计。用同样的方法,我们可以依次完成了“堂”、“闪”、“客”的设计,并把它们都转换成图符。这样,在图符库中就存有了八个实体:“天”、“堂”、“闪”、“客”和 “天aa”、“堂aa”、“闪aa”、“客aa” (如下图$#@60;4$#@62;)。

图$#@60;4$#@62;

图$#@60;5$#@62;

第四步:以上的制作都完成后,下面我们又分成四小步来进行制作。
  1、在第一层(Layer 1)中把“天aa”从库中引用出来放在场景的靠左边处,并在第七帧和第二十五帧分别加入关键帧。新增一层Layer 2放在Layer 1的下面,然后在第二帧处加入关键帧,并把“天”从库中引用出来,使它与Layer 1中的“天”字重合在一起,在第九帧处加入一个关键帧,做好后应如上图$#@60;5$#@62;所示。

  2、新增一层Layer 3放在Layer 2的下面。在第五帧处加入一个关键帧,从库中把“堂aa”引用出来放在“天”字的右侧,并在第十二和第三十帧处分别加入关键帧。又在Layer 3的下面新增一层Layer 4,在第七帧处加入一个关键帧,从库中把“堂”引用出来使它与Layer 3中的“堂”字重合在一起,然后在第十四帧处也加入一个关键帧。

  3、新增一层Layer 5放在Layer 4的下面。在第九帧处加入一个关键帧,从库中把“闪aa”引用出来放在“堂”字的右侧,并在第十六和第三十四帧处分别加入关键帧。又在Layer 5的下面新增一层Layer 6,在第十一帧处加入一个关键帧,从库中把“闪”引用出来使它与Layer 5中的“闪”字重合在一起,然后在第十八帧处也加入一个关键帧。

  4、同样的,新增一层Layer 7放在Layer 6的下面。在第十三帧处加入一个关键帧,从库中把“客aa”引用出来放在“闪”字的右侧,并在第二十和第三十八帧处分别加入一个关键帧。又在Layer 7的下面新增一层Layer 8,在第十五帧处加入一个关键帧,从库中把“客”引用出来使它与Layer 7中的“客”字重合在一起,然后在第二十二帧处也加入一个关键帧。

在Layer 8的第四十帧处按住鼠标,然后往上拖,一直到Layer 1的第四十帧处,按$#@60;F5$#@62;使所有层的静止帧都延长到第四十帧,完成后,场景和时间轴分别如下图$#@60;6$#@62;和图$#@60;7$#@62;所示。
   

图$#@60;6$#@62 r>    

图$#@60;7$#@62;

第五步:在Layer 1中,分别把第一和二十五帧中对象设置成透明(右键,Properties...-$#@62;Color Effect中把Alpha的值设成0),并在第一和二十五帧中设成Motion的过渡动画。在Layer 2的第二帧中,也把其中的实体对象设置成透明,并在第二到第九帧中设成Motion的过渡动画。
同样的道理,也分别把Layer 3到Layer 8中的各层做如上的设置,最后时间轴变成了如下图$#@60;8$#@62;所示。

图$#@60;8$#@62;

就这样,闪光字体就制作完成了。

相关特效: