用flash制作星光流动边框交汇技巧.doc

用flash制作星光流动边框交汇技巧

杨函祥老师供稿 QQ:297254454

第一步：准备好两张图片，图1用作背景图jpg，图2为白色星光，底色透明png格式。启动flsah，新建文件，背景设为白色，宽890像素，高248像素，主要是为了与图1大小一样，然后导入图1到舞台，设x轴为0，y轴为0，作为背景（图3），帧设为50帧，最后锁定图层1。

图1

（图2白色星光底色透明）

图3
第二步：倒入图2星光到库，新建图层2，在菜单栏“插入”找到“新建元件”，选择“图形”，确定，然后从库里把图2星光拖入元件1中，然后调节大小到自己满意的位置（图4），最后返回场景1。

（图4）
第三步：选中图层2地一帧，把元件1拖入场景中任何一个位置图5，然后在第50帧处插入关键帧，再把刚才拖入的元件拖到自己想要放置的其他地方图6，最后在图层2的1-50帧之间任何一个地方点击鼠标右键，找到“创建补建动画”，就得到第一个简单的动画效果图7，当滑动红色指针时，则可以看到星光在背景图片上跟随走动，最后锁定图层2。

（图5）

（图6）

（图7）
第四步：这一步十分关键，难度有所增加，是考验能否学会该课时最重要的一步，因为上一步的星光只是简单的在背景图片上流动而已，现在我想要让星光有规律的沿着彩色“金蛇送福”几个字的上半部边框缓缓走动该怎么做到？那么我们就要运用到“引导层”（图8中间那一个）了。点击新建引导层（图9），然后在工具面板中选择 “线条工具”，属性面板设置为绿色，大小为2像素，实线（图10），然后开始画引导线（图11）。这个时候要相当注意了，先解锁图层2，在图层2的第1帧处把图2星光移动到绿色线条的开始位置（图12），同样在图层2的第50帧处把图2星光移动到绿色线条的末端位置（图13）（注意：一定要让星光放到绿色的引导线上，才能把星光吸引住，否则星光不会沿着绿色的线路轨迹运动），效果就做好了，锁定图层2和引导层。现在随便左右滑动红色指针，星光则会沿着引导层绘制的路线来回走动（图14）。

（图8）

（图9）

（图10）

（图11）

（图12）

（图13）

（图14）
第五步：刚才已经做好了上面半边的星光沿着边流动，接下来做下面半边星光与上面半边星光同时沿着边流动，最后在终点相交汇效果。新建图层4，在地一帧处把元件1拖入场景中图15，在第50帧处，插入关键帧，把刚才拖入的元件1星光图随意移动位置图16，最后在图层4第1-50帧之间任意一个地方点击鼠标右键，创建补间动画，锁定图层4。

（图15）

（图16）
第六步：该步跟第四步的做法一样，先给图层4新建一个引导层，然后在第1帧处开始用“线条工具画“金蛇送福”图案下半边的引导线图17。引导线画好后，解锁图层4，在图层4的第1帧处，把第1帧星光图移动到绿色引导线的开始端图18（注意：星光图一定要被引导线吸附在上面才有效），然后在第50帧处，把第50帧星光图移动到绿色引导线的终点处（图19）（注意：星光图同样也要被引导线吸附到上面才有效），所有的效果就做好了，锁定图层4和图层4 的引导层。最后在菜单栏中找到“控制”—“测试影片”，得到效果最终的图20，最后可以导出gif动画图片。

（图17）

（图18）

（图19）

（图20）

最终导出的动画效果图可以到我的百度相册 “个人爱好gif作品”相册里面观看或下载，一定让你获得意外的惊喜。