中华网--科技频道--网络教室

·精彩论坛
·Ｅ网情深
·聊天无限

主页

新闻

网络教室

第九课　神奇的Alpha

看过许多电影的片头吧，那些淡入淡出、幻影等文字特效是否很吸引人，你是否也想让自己的网页又这么酷的特效文字？OK，让Flash来帮你实现这个梦想吧，看了这课以后，你一定能做出不错的特效淡入淡出文字的（本课的例子如右）。废话不说了，Let's GO！

进入Flash后，还是按Ctrl+M把工作区设成300*100。在Layer1的第一帧写上一个大大的字——“网”（本例字体大小设为72），然后，在菜单中选Insert -> Convert to Symbol或按F8键，把这个字转成符号(Symbol)。（如右图所示）

在网字符号(Symbol)的框里单击右键弹出一个菜单，选择Properties...

现在，把第一帧复制到第二十帧，接下来，就是关键部分了。选中第一帧，在网字符号(Symbol)的框里单击右键弹出一个菜单，选择Properties...（属性）（如左图），然后又会弹出一个对话框，在这个对话框里，我们可以设置这个符号(Symbol)的各种属性。（如下图）

我们看到，在这个对话框里，有两个标签，一个是Definition，在这个标签里可以选择当前修改的是哪个符号(Symbol)的属性，还可以通过修改右侧的Behavior栏中的值来确定这是图形(Graphic)符号、按钮(Button)符号还是电影(Movie Clip)符号，右下的Play Mode Options是设定该符号(Symbol)的播放模式；另一个标签是Color Effect，是该物体的颜色特效设置，在本课中我们要使用的Alpha特效就在其中，让我们点击第二个标签——Color Effect。

　　按下Color Effect标签后，出现了一个Color选项，现在里面默认设为None，即无任何特效。我们按下右面的向下的箭头，选择Alpha项，这是选项框下出现了一个滑条，通过滑条可以设置Alpha的值，我们把它设为0。见下图。


一个Color选项，默认设为None	把Alpha的值设为0

按下确定钮，发现了没有，工作区里的“网”字消失了，只留下了一个空空的框（如左图）。其实，确切的说，这个字并没有消失而是变透明了。

　　现在，选中Layer1层的第20帧，这时，“网”字又出现了，这是因为在第20帧里，“网”字没有设任何特效。我们先在画图工具栏里选择箭头工具，然后在画图工具栏下部出现的4个小按钮中选择右下方的一个缩放按钮(Scale)。把这一帧中的“网”字用这个缩放按钮缩小到合适的大小，然后把它向上移到工作区高度的中间。如下图所示。同样，我们也要对这一帧里的“网”字设定Alpha特效，不过不同的是，把这个“网”字的Alpha值设为100。


缩放按钮(Scale)	把这一帧中的“网”字用这个缩放按钮缩小到合适的大小，然后把它向上移到工作区高度的中间

    别忘了在Layer1层的第一帧的小方格里按鼠标右键，选择Properties... -> Tweening -> Motion 后按确定，使第一到第二十帧进行运动变形，好了，“网”字就OK了。

    接着，我们就要做剩下的三个字了，先新建一个层Layer2，在Layer2里做“页”字。同样，“之”字和“作”字也要分别做在Layer3和Layer4层里。这几个字的做法，基本上和“网”字相同，不同的是“网”字是在Layer1的第一帧就写上的，而“页”、“之”、“作”这三个字分别在第10、20、30帧时才开始写上（分别在Layer2、3、4层的第10、20、30帧下小方格点右键选择Insert a blank keyframe插入一个空帧，把这一帧当作Layer1层的第一帧操作，总之，每个字的变形帧数都为20帧），原因是每个字要在前一个字变形到一半时才开始出现。看到这里，你也许会问，为什么四个字要分在四层呢？原因嘛，是Flash规定一个层只能有一个符号(Symbol)有变形效果，所以只能麻烦一点啦。

     好了，还有最后一道工序，在所有层的第六十帧的小方格里都点右键，选Insert a keyframe，插入一个与前一关键帧内容相同的关键帧，这样做的目的是使所有的字从变形完后一直保留到最后一个字变形完毕后十帧再消失。做完这一工作后的层区和Timeline区应如下图所示。

如果你想要让四个字最后都排在统一水平线上，你可以在创建各层第六十帧之前先选中Layer4的第50帧，用箭头工具把四个字都框起来（选中这四个符号(Symbol)），然后在菜单里选择Modify -> Align，按照对话框里的图形提示选择好后确定，最后再按照上面的方法创建各层的第六十帧。

好了，按下Ctrl+Enter看一下效果，很酷吧！更酷的还在后面呢，跟我走！下一课，我们要用层和Alpha特效来创造出幻影效果，GO!

　　摘自《你的网》　孤独过客/文

科技检索

中华网推荐