|
|
|
FLASH作为Macromedia公司的一款多媒体矢量动画软件,以其交互性强、文件尺寸小、简单易学,独有的流式(stream)传输方式等优点,在互联网掀起了一片“闪”潮。我个人看法,FLASH动画可分为艺术派和技术派。有些搞美工的专业人员,有时对FLASH中的action(脚本编程)部分有一种畏难情绪,其实一个纯粹的艺术的、无交互性的FLASH动画,是根本不需要掌握复杂的Action脚本技术的。Macromedia公司新进推出的FLASH5.0,和FLASH4相比,在功能和操作的便利性上都作了较大的改进。比如采用Macromedia
标准用户界面、支持更多格式文件的导入、采用了矢量制图中常用的贝塞尔绘图工具以及共享元素库、支持XML的功能更为强大的Action......等等,许多爱好者虽然能制作还算不错的FLASH动画,但他们对该软件本身往往还缺乏深刻的了解。
现就以FLASH5为例,本着把该软件用尽、用绝的观点,谈一谈FLASH5的一些较高级的技巧。在因为笔者就是一个见代码就头痛的人,所以请与我有同感的朋友放心,在文中我们将尽量避免涉及深奥的action技巧。十八种技巧,恰是金庸笔下的“降龙十八掌”,学会这些招数,不说称霸“闪”林,也可笑傲菜鸟了。哈哈。 |
第1式:神龙摆尾-熟练操作诀窍
|
粗粗一看,你会觉得FLASH5的浮动工具窗口好多,而且又可拖动,显得乱糟糟的,有时甚至把整个编辑空间占据得所剩无几。其实,按一个键就能把这烦恼搞定。不信你按一下“Tab”键试一试,全部面板都消失了!再按一下,又出来了。呵呵,这招可是跟PHOTOSHOP学的。如果你觉得这些窗口被你拖得很乱的话,那你可试一下菜单window-Panel
Sets-Default
Layout,一切又会排列得整整齐齐。觉得每个浮动工具窗口太大了,是吗?请双击该窗口上面的蓝色标题条,窗口就会缩至最小,要用时再双击打开它。另外,整个FLASH5窗口的右下角也设有这些窗口的快捷按钮,非常方便。
以前的版本缩放对象只能用鼠标,但在FLASH5中就不一样了。按Ctr+或Ctr-就能轻松控制编辑对象的大小(又是学PHOTOSHOP?)。最夸张的还不在于此,FLASH5中还有好多快捷键,而且还可自定义。按一下菜单Edit-Keyboard
Shortcuts,你就会明白了。
熟练掌握了上述的招数,是不是觉得对FLASH5的操作就像“神龙摆尾”,利索多了呢? |
第2式:密云不雨-设定密码,保护你的作品
|
|
自己辛辛苦苦制作的动画,可以轻松的被别人导入使用,你是否很委屈?那么请学会这一式:给你的作品加上保护。按菜单Flie-Export
Moive弹出下面的Export Flash PLayer对话框,勾选其中的“Protect
from
import”一项,就可限制别人对你作品的import使用。但有时自己的源文件搞丢了,或者是要让好友导入使用你的动画,就不方便了。这时可勾选对话框中的“Password”一项,再输出动画。这样你只要牢记你的密码,就可让自己或者好友导入使用你的动画了。 |
.files/candy-6-protect.gif) |
第3式:或跃在渊-快速缩放已完成动画的场景大小
|
|
假如我们事先已经做好了一个动画,之后又想更改其场景大小(这种事可是常有的),应该怎么办呢?总不会一帧一帧地重做一遍吧! |
.files/candy-6-scene.gif) |
| 方法是这样的:先按Ctr+A全选时间轴编辑区的全部对象(如果图层已锁定,要先解锁),按“编辑多帧按钮”(Edit
Multiple Frames),,在单击其右边的“洋葱皮按钮”(Modify
Onion Markers),选择“Onion
All”,如图所示,这时,就可用“缩放工具”把全部对象缩放到需要的大小。最后按Ctr+M打开“场景修改对话框”(Movie
Properties),更改你要求的场景尺寸。并在对话框中按下“匹配内容”(Match:Content)按钮。于是,场景的大小就会刚好与场景中各元件自动匹配。按这种方法也可实现多帧动画位置的同时调整,即某一段动画(注意:不是某一帧)构图偏离一边时,可用此方法进行调节。与上述方法不同的,只是不必进入“场景对话框”进行处理。 |
第4式:时乘六龙-共享元件库(Library)
|
|
一次看见朋友在制作FLASH动画时,因为要借用另一个FLASH源文件中的符号,就把两个FLASH源文件都打开,并按Ctr+L同时打开各自的元件库(Library)窗口,再用鼠标在两个窗口之前拖动符号元件!其实,这并非正确的方法。我们只要打开菜单File-Open
as
Library,就可轻易的利用其中的符号。这个如此简单实用的问题,居然很多人并不知道!
更深一步,你还可选择File-Open as shared
library命令来直接调用网上的Fla文件中的符号库,而且这个Library中的元素在客户端浏览时只需要下载一次,所有这个项目中用到这个Library元素的Movie的地方,在客户端都会自动调用这些元素无需再次下载,可以节约用户大量的下载时间。这在团队协同开发的时候特别有用。这就是FLASH5“共享元素库”的魅力所在。 |
第5式:潜龙勿用-隐藏FLASH动画播放时的右键菜单
|
用鼠标右键点击FLASH动画时,会出现一大列菜单,是不是觉得有很方烦的感觉呢呢?让我们来去掉它!
对于单独的FLASH播放器,采用这种方法:在动画的第一帧加上如图所示的action。即选Basic
Action中的“Fscommand”,在弹出的对话框中的“Commands for
standalone player”处选“showmenu”,并将“Arguments”项设为“false”即可。
.files/candy-6-nomenu1.gif)
在浏览器中播放的FLASH动画,实现这个功能的方法不一样:
按Ctr+Shift+F12弹出Publish
Settings对话框,Dimensions下拉框选Percent,去掉Display
Menu前面的勾,然后发布即可。但要注意,只有在html页面中才会有效的哟。单独播放FLASH文件是不会有作用的。另外如果你用Dreamweaver插入FLASH文件,那在Dreamweaver中的FLASH属性框中也可以选择实现这一功能。 |
.files/candy-6-nomenu.gif) |
第6式:履霜冰至-精确控制变形
|
|
在两个对象间作Shape形变时,有时是不是有怪怪的感觉,觉得是乱变,不是我们想象的形状渐变
。打个比喻,假如把一狮子的头部变成一个人的头部,我们要的效果是狮子的头上的毛变成人的头发,狮子的眼睛变成人的眼睛……而不是狮子头先变成一团糟,再由一团糟变成人的头部。这时,就必需要对变形的对象作一些小小的处理才行了。 |
.files/candy-6-shape.gif) |
|
先建立如图所示的形变时间轴,选取shape变形的第一帧,选菜单Modify-Transform-Add
Shape
Hint就可加上一个变形关键点,同时在形变的最后一帧也会同步的出现相应的关键点。按此法可根据需要选择多个关键点。适当的选择关键点的数量,调整关键点的位置就可实现精确的变形效果。注意,要保证菜单View-Show
Shape Hints已打开,不然,加上的关键点就看不见了。 |
第7式:飞龙在天-人造卫星的运动
|
|
假如要求作一颗人造卫星围绕地球旋转的圆周运动,你可能觉得很简单:不就是让一可卫星的图片沿着一条圆形导线(Guide)作motion渐变吗?但如果要求卫星在旋转的同时,其接受天线始终象着中心的地球,又该怎么办呢?其实也很简单。在Frame浮动工具窗口的Tweening中勾选Orient
to path direction即可。 |
.files/candy-6-circle.gif) |
| 灵活的采用这技巧,可作出好多酷眩的动画效果。 |
第8式:突如其来-遮照的高级应用
|
|
深入理解遮罩(MASK),可产生一些很酷眩的效果。如把静止的文字作为遮色片,移动渐变的小花纹图作为MASKED,可在文字轮廓内显示出小花纹的流动效果,很好看的哟;把文字块保持静止,而不规则的遮色片逐渐扩张,能使文字产生一种不规则出没的效果;
把产生移动渐变的文字块作为遮色片,利用与背景颜色一致的渐近色块作Show
Masking,能让文字块产生一种淡入淡出的朦胧效果等等......还有很多很多,就看你的想象力和创意了。 |
第9式:震惊百里-音效的编辑技巧
|
|
在FLASH5中音效可以编辑,不会吧?但这是事实,而且好简单,功能也不弱。在Frame
Properties对话框中选中Sound选项,点选其右边的“edit”按钮,在打开的“edit
envelope”对话框中拖动那个小方块,就可实现音效的音量大小、淡入淡出等效果,一切就这么简单。如果将输入的飞机引擎声(单身道)作如下图所示的编辑处理,就会产生引擎声由左到右变化的立体声效果。若再配合画面上飞机由左至右的移动渐变,效果就更酷了,就象家庭影院一样。 |
.files/candy-6-sound.gif) |
第10式:双龙取水-控制背景音乐的开关
|
|
运用FLASH5提供的普通的关闭音乐功能,很难实现点击一个按钮就能随意控制音乐的效果,那么,这里到底有什么奥妙呢?其实方法很简单。先制作一个“音乐控制开关”的Movie
clip,将两个同样的按钮放置在不同的影帧里,然后利用按钮的Action来切换这两个影帧,一个影帧放置背景音乐,并设定音乐为start,另一个影帧里也放置背景音乐,但设定音乐为stop。具体的Action我就不说了,因为我有言在先。不过笔者认为,作为一个FLASH发烧友,这点Action是必不可少的。 现在,您明白怎么制作音乐开关了吗?
|
第11式:利涉大川-输出RA、GIF、AVI或MOV格式文件技巧
|
FLASH5中增加了对Realplayer文件格式输出的全面支持,对于自己的作品在网上的发布,从此又多了一个选择,真是令人惊喜。有的爱好者喜欢用FLASH制作GIF动画,或因其它用处,需转换为AVI或MOV格式。但有时发现许多动画信息都无故丢失,究其原因,FLASH动画中应用了Movie
clip。准确讲这不算一个技巧,但往往会困惑一些初学者。根本的解决办法就一个,动画中不要用Movie
clip。当然你更别指望生成的GIF、AVI或MOV动画能支持SWF文件的交互了。
笔者常常用FLASH为光盘制作AVI格式的平面动画,听起来有点离谱,但却很有效。因为没有文件大小的控制,可随心所欲的采用逐帧动画,可以用最佳音质输出动画。输出avi格式时,注意要选用windows自带的压缩方式(如Microsoft
Video1等)。 |
第12式:亢龙有悔-位图的矢量化和矢量图的简化
|
矢量图容量小,放大无失真,在FLASH上应用有无可比拟的优点。有很多软件都可以把位图转换为矢量图,但实际上FLASH4已提供了把位图转换位矢量图的方法,简单有效。先按Ctr+R导入需转换的位图,选菜单Modify-Trace
Bitmap。
在弹出的对话框中,把Color和Minimum
Area设得越低,后两项设得越加紧密、越多转角(即下拉菜单越偏前面的选项),得到的图形文件会越大,转换出的画面也越精细。 |
.files/candy-6-5-1.gif) |
|
对于节点复杂的矢量图,可先将位图打散(Ctr+B),然后按Ctr+Alt+Shift+C键进行优化,可大幅降低图片容量。如图: |
.files/candy-6-5-2.gif) |
第13式:鸿渐于陆-网页中FLASH动画的透明和无边框处理
|
|
FLASH动画能象GIF动画一样透明吗,普通的html页面内容可否重叠在FLASH动画之上?答案是肯定的,在FLASH5中可轻松做到这一切。按Ctr+Shift+F12弹出Publish
Settings对话框,在Window Mode下拉框选Transparent
Windowless即可。
但要注意,其效果是在html页面中加入的,并非FLASH文件本身具有这一属性。试想在网页中你可轻松的加上FLASH的动画背景,并配上声音,有多酷啊。而且兼容性极强,浏览者即使无FLASH播放插件也不会影响页面的视觉效果(仅仅不显示FLASH文件,不会有空白区域或图标)。从此FLASH可以与Html页面完全的融合,网页的革命已经到来! |
第14式:见龙在田-FLASH的全屏技术
|
在单独的Flash播放器播放时,按如下处理:
在第一帧处的Actions用FS Command命令,在For standalone
player选项中选择fullscreen,这时就会看到arguments中为true,Command中是fullscreen。如图。 |
.files/candy-6-fullscreen.gif) |
运行中可按ESC退出。
如果要在浏览器中实现全屏效果,只需在html文件中加入以下代码即可:
<script>
javascript:window.open("*.swf","","fullscreen=1,menubar=no,width=800,height=600")
</script>
其中*.swf为要调用的FLASH文件,记住要将该文件放在html文件的同一路径下面。要退出全屏状态需按ALT+F4或退出。 |
第15式:龙战于野-在FLASH中调用可执行文件
|
|
怎样在在FLASH文件中调用可执行文件呢?其实很简单。先建一按钮,在其上加上少量action。打开action面板,选择Fscommand命令,在弹出的对话框中的“commands
for standalone
player”处的下拉框选“exec”,在“arguments”中填入可执行文件的路径和文件名即可。
|
.files/candy-6-exe.gif) |
|
如图所示,就是一个调用WINDOWS98中“录音机”程序的例子。按此法,我们可以先作一个全屏的FLASH文件,把很多可执行文件都用FLASH的按钮来调用,这实际就是一个个性化的桌面了。而且还可为按钮配上动听的声音,加上鼠标move
over时按钮的变化,有趣吧。 |
第16式:鱼跃于渊 -子动画swf文件的装载技巧
|
|
我们经常要用到在主动画中载入子动画(swf文件
)的情况。但是,这种方式载入后,载入的动画往往不在我们需要的座标位置上。有个简单的办法可解决这个问题。我们先建立一个动画片断movie
clip,里面什么内容也没有。将该mc拖到主场景中,并为之命名(instance名),如“dd”。然后在主场景的相应帧加上action,如图所示,在action面板中的URL中填入要载入的swf文件,“Location”栏选“Target”,在其后的空栏中填入“/dd”。这样子swf文件就载入到实体名为“dd”的movie
clip中了。现在,我们只要控制该mc在场景中的位置,就可控制载入的子动画的精确座标了。 |
.files/candy-6-loadswf.gif) |
第17式: 羝羊触蕃 -特效文字动画的装载技巧
|
FLASH没有针对文字的特效处理工具。笔者制作文字的特效变化时,常采用swish等第三方专业特效文字工具进行处理,生成一个swf文件,再在主场景中用File-Import输入(注意:与第16式中的“载入”不一样)该swf动画(输入后将变成逐帧动画)。但是,输入的动画往往也和我们想要的座标位置有差异。解决之道是:先新建一个movie
clip,在这个movie clip中Import文字特效swf文件。这样,调节该movie
clip在主场景中的位置即可随意调节输入的文字动画的位置。
这种方法与第16式“子动画swf文件的装载技巧”有异曲同工之妙,但却有本质区别。一个是“载入(LoadMovie)”,一个是“输入(Import)”。前者要求主动画播放时,在同路径下必须有另外一个子动画(swf)存在,而后者则只有一个动画文件。 |
第18式:损则有孚-FLASH动画的优化合成
|
一个动画制作完毕后,还有好多优化的工作需要做。但是一个FLASH的熟手应该是在动画制作的过程中就应该在动画的流畅性和控制动画文件大小等问题上有所注意。
如何保证动画播放的流畅呢?一是尽量少用大面积的渐变,特别是形变(Shape),二是保证在同一时刻的渐变对象尽量的少,最好把各个对象的变化安排在不同时刻。 |
|
减少动画的文件大小的方法:少采用位图或者结点多的矢量图。线条或者构件的边框尽量采用基本形状,少采用虚线或其它花哨的形状。尽量采用windows自带的字体,少用古怪的中文字体,尽量减少一个动画种的字体种类。少采用逐帧动画,重复的运动变化,应采用Graphic或Movie
clip。动画输出时,采用适宜的位图及声音压缩比。 |