荔园在线

荔园之美,在春之萌芽,在夏之绽放,在秋之收获,在冬之沉淀

[回到开始] [上一篇][下一篇]


发信人: gary (~心静自然凉~), 信区: Homepage
标  题: 一步一步学用Flash5--特殊效果
发信站: 荔园晨风BBS站 (Sat Jun  2 21:45:26 2001), 转信

http://www.5dmedia.com/5dmedia/web/flash/basic/20001121/00000598.asp

《一步一步学用 Flash 5 》

                    ---------- 特殊效果

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


          电流波动

          这个效果是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

--
   I Believe I Can ...
_____________________________________________________
欢迎光临我的主页          Netdreams!
Http://netdreams.yeah.net

※ 来源:·荔园晨风BBS站 bbs.szu.edu.cn·[FROM: 192.168.28.85]


[回到开始] [上一篇][下一篇]

荔园在线首页 友情链接:深圳大学 深大招生 荔园晨风BBS S-Term软件 网络书店