收藏本站
 
设为主页
     您的位置:首页资源库动画制作Flash教程
== 资 源 搜 索 ==
 
高级搜索
== 学 习 资 源 ==
操 作 系 统
Windows DOS
Linux Unix
Novell OS/2
办 公 软 件
Word Excel
Access Powerpoint
Outlook Wps
媒 体 处 理
网页制作 动画制作
图片处理 视频处理
媒体播放 音频处理
课件制作 其它……
网 络 工 具
网页浏览 下载工具
FTP 工具 邮件工具
网络安全 服 务 器
联络聊天 其它……
工 具 软 件
压缩工具 系统工具
文件工具 磁盘工具
病毒防治 阅读工具
测试工具 程序设计
== 素 材 资 源 ==
GIF动画 Flash动画
按钮图库 图标图库
线条图库 背景图库
创意图库 音频素材
== 教 程 下 载 ==
 
一步一步学用Flash5

作者:王超 ONLY / 5D多媒体

 

特殊效果

  嗨!朋友们,真高兴又和大家见面了,通过这么长时间的学习,相信您对于基本的和常用的一些操作技法已经掌握了,毕竟,连载已经做到第九期,在这过程中,陆续收到一些热心朋友的来信,提出了一些疑问和建设性的意见,在这里,感谢朋友们的关心与鼓励,同时感谢电脑报给我们提供了这样的一个机会,那么现在我们需要进入更高的一个学习层次,我来引导大家进行特殊效果的实战演练。

电流波动

  这个效果是99年Infact全球Flash大赛作品之一Den Ivanov的 "f.u.z.z." 中的一个场景,蓝色的电流围绕文字"FLASH"波动,效果非常眩。而其中没有运用任何 Actions 控制,完全通过基础技法组合完成,对于启发制作思维很有帮助。我们来看这张截图:

  怎么样?有点感觉吧。其实这个效果是运用遮罩(MASK)来完成的,通过对文字勾勒轮廓线,应用遮罩(MASK)至轮廓线,然后配合文字的明暗交替实现的。要模拟出电流波动的效果,要让围绕文字的电流运动的尽量无绪,快速。这样才会逼真。而同时也存在对无规则运动的掌握,轮廓线(LINE)的遮罩(MASK)等技巧。

OK,我们废话少说,开始做吧:

一、创建影片

  运行 Flash 5 ,建立新文件,然后选择 Modify菜单下的 Movie项,在弹出的对话框中设置背景色(Background)为黑色。选择工具栏的文字工具在场景中输入文字“FLASH”,接着按 Ctrl+T打开Character 面板,设置文字颜色为深篮 (#003366) ,大小96,字体为 Arial Blank.。

二、勾勒轮廓线

  在Flash中,无法对以组(Group)形式出现的对象勾勒轮廓,所以需要将其打散。在工具栏选择箭头工具选种场景中的文字,按 Ctrl+B打散(Break Apart),然后取消场景中打散文字的选中状态(方法为用箭头工具在空白区点一下):

  选择工具栏的Ink Bottle 工具,设置工具栏下部Color区的Line色为白色。然后依次在每个文字上点一下勾勒出文字外边线(轮廓线)。如果操作无误,你的屏幕显示应该和下图相似:

  然后用工具栏的箭头工具点选蓝色文字区,同时按住Shift 键可点选多个对象,选择时注意不要点到轮廓线。将文字区全部选中后按 Ctrl+X 剪切。选择 Insert 菜单下的 New Symbol 建立一个新的图形符号(Graphic),起名为“文字”。Flash 进入新建的图形符号工作区,按 Ctrl+C拷贝刚才剪切的内容。完成后回到主场景中。

三、应用遮罩(MASK)

  现在,我们已经得到了需要的文字轮廓线,接着我们对轮廓线逐个编辑,用工具栏的箭头工具在场景中拖动框选文字F的轮廓线,注意不要框到其他边线。选中后按Ctrl+X剪切,接着选择 Insert 菜单下的 New Symbol 建立一个影片夹子(Movie Clip),起名为”F”,将剪切的轮廓线拷入。然后依次框选其他文字的轮廓线并为其建立一个对应名称的影片夹子。

  接着我们需要对轮廓线应用遮罩(Mask),进入F边线所处的影片夹子工作区,(方法为在Library面板双击名称为F的影片夹子)点层名称右侧图标下的圆点琐定(Lock)轮廓线层。然后点TimeLine 左下方的增加层按扭建立一个新层,并拖动新层处于轮廓线层之下。然后选择工具栏的矩形工具在新层画一个矩形。接着选择工具栏的填充工具对矩形进行线形过度填充。选择 Windows 菜单下 Panels 子菜单的 Fill 项打开Fill面板,在其下拉菜单中选择 Linear Gradient 模式。然后点中过度色标左边的滑杆拖动至1/2位置,在点中右侧的滑杆,设置一个亮蓝色表示电流。(参考 #393CEF),完成后Fill面板设置与填充效果应与下图类似:

填充完成后记得删除矩形边线。

  边线删除后点中矩形按Ctrl+X剪切,建立一个新的图形符号(Graphic),将矩形填充拷入,再回到影片夹子“F”工作区,打开Library 面板将刚才建立的矩形填充拖入工作区。处于F边线左侧。

  ONLY提示:不是已经都做好矩形填充,为什么不直接MASK却要把它建立为一个图形符号呢?因为我们还要对其他边框线做遮罩,做成图形符号可以对它做多次调用,不然编辑其他文字边线时还得重复建立一个矩形填充,加大了工作量,也增加了磁盘占用空间。

  现在建立Mask ,由于要边线速度感,使用较少的帧。在边线层TimeLine的第五帧点右键选择Insert Frame,在矩形层的第五帧点右键选择 Insert Keyframe 插入关键帧,选择工具栏的箭头工具点中矩形,拖至F边线右侧。然后点中矩形所在层TimeLine的第一帧,按Ctrl+F打开 Frame 面板。在Tweening项下选择 Motion。完成后在轮廓线层名称区点右键,选择 MASK。OK,按回车测试一下。什么什么?不成功。怎么办?

  在 Flash 中,不允许对 Line做MASK操作,我们必须先把Line转换为Fill。取消Mask,取消边线层的琐定(Lock),在工具栏选择箭头工具框选F边框线,然后选择Modify菜单Shape子项下的Convert Lines to Fills命令。现在来做Mask,完成后按回车测试,没问题了吧!亲爱的读者,千万别生气,我只是希望这样可以让你思考其中的道理,而不是机械的跟着教程一步步走。

  那么做完这个以后,依次在做其他轮廓线的Mask,不过要注意,不能每个字的矩形填充都是从左至右,这样就没有无绪性了。可以打乱来做,比如刚才的F是从左至右,那么L可以是从上到下,而A则是从右下到左上,总之尽量显的无绪就好。如果涉及到要调整矩形填充的角度,可以用工具栏的旋转工具(Rotate)来完成。

四、优化输出

  这时,基本工作已经完成,现在需要对影片进行优化。回到主场景,按Ctrl+L打开Library 面板,将最早建立的图形符号,FLASH文字拖入场景,然后按TimeLine左下方的Insert Layer 按扭建立一个新层,并将模拟电流的影片夹子拖入其中与对应的文字对齐。是不是又碰到问题了?场景中的电流影片夹子只显示一个小原点,怎么知道中心在那里,更别说对齐了 L 别着急,有解决方法。回到各影片夹子工作区,撤消MASK,这样边框线就显示出来了,在场景中依次排列整齐后,重新做MASK,这样就完成了。

  现在,你可以按Ctrl+回车测试效果了。恩!不错,电流出来了。不过怎么还有点别扭呀,电流效果也有了,无绪性也产生了,可是怎么还感觉整齐呢?

  因为每个影片夹子都是从第一帧开始播放,那么在主场景中每个字的电流都是同时出现而同时消失。这个问题如何解决?聪明的你一定想的到。通过调整各影片夹子的起始帧来实现。比如文字F的电流播放到中间的时候而文字A的电流刚开始,可能L的已经播放完了,与调整电流无绪性类似,有的文字TimeLine前插两帧空白帧,把起始帧向后推两帧,有的则空三帧,而有的不空,遵循一个原则,尽量现的无规则。

  在前面插空帧的方法为,在TimeLine中点击鼠标左键,使之处于黑色选中状态,然后用鼠标向后拖动,这时会有一个虚框随光标移动拖至合适位置送开鼠标键就可以了。同样,点选时按Shift可对多个层的TimeLine同时选中,这样可一起调整。

  调整好后回到主场景中按 Ctrl+回车测试效果。

  这时,电流波动的无绪性,无规则性都表现出来了!你可以给深蓝色文字做一个Motion变化,在Effect 面板设置其Alpha透明度产生明暗变化来更强烈的表现这一效果。方法为在文字层的8,15,25帧分别插入关键侦,设置Alpha透明度为,第1帧50%,第8帧40%,第15帧0%,25帧100% 以产生明暗变化,然后设置电流层从第15侦开始到25帧过度到透明,这样经过一阵电波涌动,Flash逐渐显现,电流消失。不过要为电流设置透明的Motion过程就必须把所有电流动画选中,剪切,然后建立一个新的影片夹子拷贝进去,在把这个包含所有电流的影片夹子拖入场景进行透明Motion过度。因为在Flash影片中,同一层只能控制一个物件,所以要先把这些电流全部放进一个影片夹子中来达到透明Motion的目的。


  你做的怎么样?应该还不赖吧,在这个实例的制作过程中你又掌握了许多操作技巧,逐渐成长为一个熟练用户。如果你还不太明白,这里附上一个40k的原文件,打开看看就知道了。http://www.nease.net/~onlylove/new/flash/f6/bolt.fla


  时间过的真快,又到了说再见的时候,朋友们自己多多练习,我们下期在见吧。有问题来信讨论E-mail:fashion-line@21cn.com

[上一页] [下一页]

 

Copyright © 2001-2002 东莞中学信息技术科 All Rights Reserved
IE4.0 or later / 800*600  For The Best View