pc-king

大家一定见过sohu上的那则洗发水广告吧？蓝色的波浪线有如美丽的秀发般穿过屏幕，飘逸而轻灵，仿佛
看见了可爱的姑娘长发随风而动，四处荡漾着银铃般的欢笑，让我们的心也不禁随之起舞。这么cool的效果，当然
是用flash制作完成的，其实只要稍加改动我们还可以做出让人迷乱的海浪，随风飞扬的旗帜...而这看起来复杂又神奇的效果
没有用到任何的actionsctipt,完全只是mc的motion动画，简单得让人难以想象吧？做为闪客的你我，又
怎能放过一个如此优秀的创意而不加以学习呢？现在就让我们一步步再现这神奇的动感。

本文约定短语：
mc:movie clip动画片段
scene：场景，每个flash都可以有数个场景，并在各个场景中自由的跳转。
as:actionscript,flash专用的程序语言
motion 动画：即形变动画，是flash最基本的动画形式之一。
symbol:元件，flash 动画的重要组成部分，也可将其看flash 舞台上的演员。所有我们看到的动画效果都是由其来体现的。

为了便于阅读，我们将“点击windows菜单，在弹出的下拉菜单中点击panels，在弹出的panels子菜单中单击align选项"定义为windows----panels---align

打开你心爱的 flash，让我们开始这一段飘逸之旅。file---new新建movie,modify---movie,在movie窗口中调整movie的属性，宽100像素，高350像素，背景色为深蓝色。（如图一）

新建一个symbol，命名为line,windows---panels---stroke，在弹出的stroke面板中将stroke color调整为浅蓝色，在工具栏上选择line tool,画一条直线。
windows---panles---info设置直线长为350，windows---panels---align, 在弹出的align面板上设定直线位于舞台正中央，选择arrow tool，
将鼠标移近直线，你会发现鼠标的箭头变成了一个小圆弧，拖拽鼠标，直线变向鼠标运动的方向弯曲，形成一个弧型，使用这种方法将直线
调整为一条起伏的波浪线，（如图二）。

单击曲线，使其处于选中状态（被选中图型上会出现虚线段），edit---copy，edit---paste复制出一条
曲线，选择arrow tool，用鼠标拖动它与第一条曲线连接好，如图所示。重复以上做法，直到你拥有一条4个波峰的长曲线段为止。将此曲线
拖拽到舞台正中央。在此操作过程中有可能曲线会超出屏幕的范围，我们可以点击左下角的显示比率下拉框，（如图三）选择使用50%或更小的显示比率
以方便调整元件的位置。

新建一symbol，命名为waveline，windows---library，打开元件库，从library中拖拽wave到舞台,windows---panels---align,调整它的位置以保证wave元件最左段与中心点的对齐，
右键单击第20帧，insert keyframe建立关键帧，windows---panels---info,调整wave元件位置，使其向右运动两个波峰，（如图四）。在从第1帧到第20帧间的任意一帧单击鼠标右键，

creat motion tween,建立了motion动画（如图五）。

新建一symbol，命名为wavegroup，windows---library，打开元件库，从library中拖拽waveline到舞台（我们假定它为waveline1），windows---panels---align,在弹出的align面板上设定直线位于舞台正中央，
edit---copy，edit---paste复制出一个waveline元件(我们假定它为waveline2），选择arrow tool，使复制出的waveline处于被选中状态，windows---panels---info打开info面板，
调整元件的位置使其恰好位于waveline1左一个像素，下一个像素的位置，当然你也可以利用键盘的上下键进行微调。重复以上操作，复制出waveline3,waveline4.....
直到waveline40,并使每一个复制出的元件都恰好位于前一个元件左一个像素，下一个像素处。（小窍门：你可以先只复制出5个元件，排列好后，edit---select all
全选它们，modify---group使用群组命令将它们结合在一起，然后再复制这个结合体，调整它们之间的位置，然后再群组，再复制...很快就可以将40个元件按照
要求排列好了）（如图六）

做一个文字动画，新建一symbol，命名为text,在工具栏上选择text tool,输入文字，在本例中我输入我的名字pcking，windows---panels---character选择arial balck字体，大小为50pt,
颜色为浅蓝色。再输入一段文字，“洗发水”，同样设置其为浅蓝色，大小50pt,将它们如图（如图七）

放置。新建一symbol，命名为textmovie,windows---library，打开元件库，
从library中拖拽text到舞台,在第15，30，45，60，75，90帧建立关键帧，然后调整每个关键帧上元件的位置，使之有漂浮的效果，在各个关键帧之间建立motion 动画。

回到scene 1，windows---library,从library里拖拽wavegroup元件到舞台，modify---trasform---scale and rotate...打开scale and rotate对话框，在scale中输入数值90，
使wavegroup元件旋转90 度。用鼠标拖拽wavegroup到合适的位置，确保其最下端与动画窗口的最下端对齐。（如图八）。

insert---layer,新建一层在layer1的上方，windows--library,
从library中拖拽textmovie到这一层，放在舞台靠下的位置（如图九）。让我们发布一下，是不是你梦中的迷人波浪？

最后，我们来谈谈关于这个动画效果的应用问题，大家都知道，sohu的广告是利用层使flash位于页面的最上层，并在页面上飘动。也许你问，它的 怎么没有背景色啊？
我们可以清晰的看到被flash遮盖的文字。是的，这里使用了 flash透明背景的技巧。先要提醒大家注意的是所谓的 flash透明背景，并不是说
真正的在 flash里做出一个完全透明的背景色，要知道，所有的flash都是有背景色的，不存在像一般的gif透明图片一样的透明。我们所能做的
是当将flash放到htm页面上时，可以使flash中的某一钟颜色变为透明，这是完全不同的概念，请大家理解清楚。那我们应当怎样做呢？
有以下两种方法：

方法一：在Dreamweaver中，加入Flash动画文件后，选中该Flash动画框架，然后点击“Parameters...”进入其参数设置面板。增加参数：

Parameter="wmode"，Value="transparent"。

方法二：直接利用DW2和FP98编辑源文件，在

后面直接增加如下内容即可：

这两种方法在Netscape下都是无效的，另外在publish settings中也可以选择透明选项，还可以自己设置一个背景色，将ALPHA设置为0试试看。

好了，到这里，你就完全可以做出与sohu广告相媲美的波浪线效果了。还不快将它运用到你的网站上？

下载源代码