分类

安卓应用安卓游戏攻略资讯

首页>资讯教程>Flash

Flash文字特效系列教程:扫描文字

作者:flashsj   来源: JZ5U整理   日期:2014/11/25 13:21:12
  本例主要通过几个简单的运动中间帧动画与镂空的文字块来实现扫描显示文字的效果。至于本例的设计思路,可以先参看图1所示的影片图层结构图。


图1 影片图层结构图


  1.图中所标示的数字1、2、3、4分别代表了三个图层和舞台本身。也就是说,需要建立用来放置不同对象的三个图层。

  a)顶层扫描线层:用以放置最右边的首条扫描线。

  b)镂空文字层:用以放置写有镂空文字的图块。

  c)扫描线层:用以放置从文字上经过的扫描线。

  d)底层(舞台):也就是背景。

  2. 利用Flash图形层叠覆盖的特性来制作镂空文字色块的方法可以说是此效果中所提到的最实用的技术了,影片影片的最终播放效果如图2所示,要实现这一效果,具体制作过程如下:


图2  最终效果图


  一.制作镂空文字块

  1.新建一个电影,在属性面板中设置其尺寸为550pxX400px,选择一种颜色(本例为#666666)作为背景色。双击时间线上的“Layer 1”,并将其重新命名为“text”,虽然给每层取个好名字是一件虽然有点麻烦,但却非常有用的事情。特别是当一个影片中有大量的图层存在的时候,根据图层的名字你就可以更快地找到你所要找的对象。

  2.在工具箱在选取矩形工具 ,并将填充色设为#000000,边框色为#CCCCCC。在舞台上画出一个与舞台同宽的实心矩形,如图3所示。


图3 实心色块


  3.在工具箱中选取文本工具 ,将填充色设为#FFFFFF后在黑色的色块上写上“扫描效果”四个字。将字体设为“宋体”,字体大小设为“120”个单位,字间距设为“10”,选中“扫描效果”文本,将其移到黑色块的中间,效果如图4所示:


图4 输入并调整文本


  4.然后选择“修改/分离“菜单命令,将文字打散。因为“宋体”的字看起来很瘦,视觉效果不是很好,所以要把每个字加加粗。选中被打散的四个字,然后选择“修改/形状/扩展填充”菜单命令,在弹出的“扩展填充”中将距离设置为5px,并选中“扩散”单选按钮,然后单击确定按钮,这时文本效果如图5所示:


图5 加粗后的文本效果


  5.选中所有文字,然后将其删除之后就得到了一个可以看到背景的有镂空文字的色块了,如图6所示:


图6 镂空文字色


  二.制作扫描线

  1.选择“插入/图层”菜单命令新建一个层。将图层“text”锁定,然后把新建的图层改名为“scanlines”,从工具箱中选取直线工具,并将边框颜色设置为#FFFFFF。将线条类型设定为实线,宽度设为“2.5px”按住Shift,在图层“scanlines”上画出一条与文字块等高的直线,如图7所示。


图7 制作扫描线(1)


  2.在属性面板中将线的高度修改为“1.5px”,然后修改边框色为#00FF00,按住Shift,在刚才所画的直线左边再画一条等高的直线。并改变边框色为#64FF00,然后在新画的那条直线左边再画上一条宽度为“1”的一条垂直线。打开“混色器“面板,将RGB及Alpha值分别设为100、255、0和70%,按住Shift,在三条直线左边再添一条等高的线,如图8所示。


图8 制作扫描线(2)


  3.在属性面板中将线型设定为“极细”,然后从右到左再添加由密到疏的四条颜色值不变但Alpha值分别为55%、40%、25%、10%的等高直线,如图9所示。


图9 制作扫描线(3)


  4.要做的效果是随着扫描线经过而显现出文字,即就是得有东西将扫描线尚未经过的区域隐藏起来。所以,下面再选取矩形工具,然后在最右侧直线的右边添上一大块与镂空文字色块相同大小、相同颜色的色块。

  5.选中图层“scanlines”上的所有对象,也就是八条扫描线和一个色块,选择“插入/转化为元件”菜单命令,打开“转换为元件”对话框,然后在“名称”一栏中输入“Scanlines”将当前所选的对象创建为一个“影片剪辑”元件,再次选取“直线”工具,在属性面板中设定其颜色为#00FF00,线型为“极细”,按住Shift,在舞台上拉出一条与前面所画的扫描线等高的直线,然后将其转化成名称为“Topline”的“影片剪辑”元件。这条线就是本例中最后的顶层扫描线。

  6.选中影片剪辑“Topline”元件,然后选择“编辑/剪切”菜单命令将其剪切下来。然后选择“插入/图层”菜单命令新建一个名为“topline”的图层,然后选择“编辑/粘贴”菜单命令将剪切下来的“Topline”元件粘贴到这个层上。根据影片图层结构图,将图层“text”拖到图层“topline”和“scanlines”之间,这样扫描线动画就制作完成了,此时时间轴窗口如图10所示:


图10 时间轴窗口


  三.制作动画

  1.选中图层“topline”上的第65帧,选择“插入/关键帧”菜单命令,插入一个关键帧。选中图层“scanlines”上的第65帧,也同样插入一个关键帧。然后选中图层“text”上的第65帧,选择“插入/帧”菜单命令插入一静态帧,再添加64帧静态帧,如图1-73所示。


图11 插入帧


  2.选中图层“scanlines”上的第1帧,将“Scanlines”元件移动到文字块的左边,并使最右边的扫描线与文字块最左边的边线对齐;选中图层“scanlines”上的第65帧,将“Scanlines”元件移动到与文字块的右边,并使最左边的扫描线与刚好超过文字块最右边的边线;选中图层“topline”上的第1帧,将“Topline”元件移动到“Scanlines”元件中最右端扫描线的右边;选中图层“topline”上的第65帧,同样将Topline元件移动到Scanlines元件中最右端扫描线的右边;右击图层“topline”上的第1帧,在弹出的快捷菜单中选择“创建补间动画”菜单命令;右击图层“scanlines”上的第1帧,同样也将其转化为运动中间帧动画,此时的时间轴窗口如图12所示。


图12 创建动画


  10.这样整修动画便制作完成,保存并发布作品,就可以看见漂亮的扫描文字效果了。

文章推荐

应用推荐

网友评论