网上看到很多用了随机运动的条形,使网页增添了很多的生气。其实我们也可以实现。
今天我们就来做一个很简单的用移动渐变(montion)来实现的做往复运动的条形。 1。首先我们要用到条形,新建一个符号(symbol),命名为外形,类型选
图形(Graphic),按确定按钮(ok)后进入编辑窗口,我们在舞台上画一个没有
边框的矩形。颜色填充如下图。


2。打开排列(align)面板,调整矩形到中心位置。
3。新建一个符号(symbol),命名为外形1,类型选电影剪辑(Movie Clip),
按确定后进入编辑窗口。从库中拖入我们刚才做好的矩形图形,调整位置,使它位于
舞台的正中心(这样是为了我们调整位置的方便)
4.我们分别选择25,45,65,90,110帧,点右键,选择插入要害帧(Insert keyFrame).
5.选择每一个要害帧的矩形,分别调整他们的X坐标值,这个可以打开属性(Properties)
面板调整。我在这里选择的值分别是:0,240,97,300,124,300。(这个位置你可以任意调节,直到出现你满足的效果为止).


6。同理,重复3-5的步骤,我们再做一个相同的电影剪辑(外形2),只是在外形2里我们
改变了矩形的大小,使它看起来象一个不同的矩形。最简单的办法也可以在库里复制外形1,(选中外形1,点右键,选择复制(Duplicate),可以打开复制窗口,为复制后的符命名为外形2,类型选电影剪辑)。

7。打开电影剪辑(外形2),分别选择不同的要害帧,选中矩形后,打开属性面板,修改矩形的宽度为11,同时你也可以适当的调整一下矩形的X坐标值,使外形2和外形1有所区别。在这里我的坐标为:320,160,200,96,310,130.
8。新建一个符号,命名为运动,类型选择电影剪辑,进入编辑窗口,拖入我们刚才作好的
两个电影剪辑到舞台中,调整位置,你可以把不同的电影剪辑放在不同的层里,这样方便
调整。在这个实例里我们拖入了四个,放在了四个不同的层里,位置如图.

9。打开主场景,将我们刚才作好的电影剪辑(运动)从库中拖入主场景,打开修改文档
窗口,修改文档为适当的大小300*200。放置电影剪辑在适当的位置,测试场景。

[全屏欣赏]
点击浏览该文件