运动的矩形-实例教学-Flash-网页制作

网上看到很多用了随机运动的条形，使网页增添了很多的生机。其实我们也可以实现。
今天我们就来做一个很简单的用移动渐变（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。放置电影剪辑在适当的位置，测试场景。

[全屏欣赏]


点击浏览该文件