Flash实例“蝶恋花”制作过程深入剖析_Flash教程

推荐：Flash8制作具有搜索功能的电话本
利用Flash8ActionScript制作一个简单的电话本搜索程序。先看效果(姓名中输入Sven,Michel,Jack,Charly和Ana可以查看到结果)：点击这里下载源文件(解

　　通过这个蝴蝶在花丛中翻飞的实例我们可以学习Flash图层、引导线运动、帧与补间动画等技术。

　　主要使用工具：箭头工具(选择工具)、任意变形工具、铅笔工具。

　　请大家先看看实例：

　　素材如下：

　　制作方法如下：

　　1、启动FLASH，建新文件：550x400像素。

　　2、在图层1分别导入背景图和 4个透明背景蝴蝶：文件--导入--导入到库。

　　3、点窗口--库，打开库。把库里的背景图“蓝花花”拖进舞台调整和舞台一样大小：

　　4、点窗口--对齐，调出对齐面版，点相对于舞台，水平对齐，垂直对齐。

　　5、在时间轴第100帧插入帧。锁定图层1。

　　6、新建图层2，把蝴蝶1 从库拖进舞台，右键点蝴蝶1 --转换为元件(影片剪辑)，元件名为蝶1：

　　7、右健点蝶1--编辑，进入元件编辑区。右键点蝶1 --分离，打散蝴蝶图片：

　　8、选用任意变形工具，蝶1 图片四面出现8 个小方框，把鼠标放在右下的小方框上，待鼠标变为一个园形箭头，鼠标轻轻向左一拖，把蝴蝶转个方向:

　　9、移动蝴蝶，使蝴蝶的头部正好在舞台的正中心，右键点时间轴上的第3帧，插入要害帧:

　　10、在第3帧，用箭头工具框选蝴蝶的一个翅膀:

　　11、再用任意变形工具，把翅膀压扁:

　　12、用同样的方法做好另一个蝴蝶翅膀:

　　13、点第1帧，点修改--组合;点第3帧，点修改--组合。

　　14、点场景1，返回场景1。为了方便操作，我们把舞台调整为50%：

　　15、在场景1的第2层，分别在40、60、100帧插入要害帧，并分别在1-40、46-60、60-100帧内任意一个点创建补间动画。锁住图层2，插入引导层：

　　16、在引导层的第1帧，选用铅笔工具: 选项平滑，画出蝴蝶飞行的轨迹(引导线)，用橡皮擦工具在引导线上，在您想要蝴蝶停留的位置上擦出一个小缺口，锁定引导层，打开图层2 的锁：

　　17、在图层2 的第1 帧，用箭头工具将蝶1 元件拖到引导线的最左端，蝶1 的中心点一定要压在引导线上：

　　18、在图层2 的第40帧，用箭头工具将蝶1 元件拖到缺口的左端，蝶1 的中心点一定要压在引导线上：

　　19、在图层2 的第60帧，用箭头工具将蝶1 元件拖到缺口的右端，蝶1 的中心点一定要压在引导线上：

　　20、 在图层2 的第100 帧，用箭头工具将蝶1 元件拖到引导线的最左端，蝶1 的中心点一定要压在引导线上：

　　OK!现在咱们来测试影片吧。这是单个蝴蝶恋花的做法，假如您说，我也要象实例上那样三对蝴蝶飞舞在花丛中，那就不要怕麻烦喔~~

　　制作第二个蝴蝶

　　1、把图层2 和引导层锁好，增加图层3:

　　2、为了方便操作，图层2 和引导层的眼睛关闭，把蝴蝶2 从库里拖出舞台。重复6~14 步骤得到元件蝶 2:

　　3、在场景1 的第3 层，分别在35、55、100帧插入要害帧，并分别在 1--35、36--55、56--100 帧内任意一个点创建补间动画。锁住图层3 ，打开引导层和引导层的眼睛:

　　4、操作方法同第16步。在引导层的第1 帧，选用铅笔工具: 选项平滑，画出蝴蝶2 飞行的轨迹(第二条引导线)，用橡皮擦工具在引导线上，在您想要蝴蝶停留的位置上擦出一个小缺口，锁定引导层，打开图层3 的锁：(只要操作正确，引导线画好，蝴蝶元件会自动跑上引导线)。

　　5、这步操作方法与 17、18、19、20 步相同：

　　在图层3 的第 1 帧，用箭头工具将蝶2 元件拖到引导线的最左端，蝶2 的中心点一定要压在引导线上。
　　在图层3 的第35帧，用箭头工具将蝶2 元件拖到缺口的左端，蝶2 的中心点一定要压在引导线上。
　　在图层3 的第60帧，用箭头工具将蝶2 元件拖到缺口的右端，蝶2 的中心点一定要压在引导线上。
　　在图层3 的第100 帧，用箭头工具将蝶2 元件拖到引导线的最左端，蝶2 的中心点一定要压在引导线上。
　　注重：不管做多少层，最后一帧一定要对齐，否则全盘乱套。

　　好！第 2个蝴蝶也做好了，测试一下。

　　第 3、4 个蝴蝶和上面两个蝴蝶做法一样。

　　1、同第6 ~第13步，分别做好元件(影片剪辑)蝶3、元件(影片剪辑)蝶4。
　　2、在第8 步后面把蝶3 蝶4 调小一些。
　　元件大小的调整方法：点修改--变形--缩放与旋转，在弹出的缩放和旋转对话框中设置缩放为50~80(随意)，确定。
　　3、做好了元件蝶3 ，点场景1，不用做引导线，把蝶3 摆放在您认为合适的地方。(参看实例)
　　4、做好了元件蝶4 ，点场景1，不用做引导线，把蝶4 摆放在您认为合适的地方。(参看实例)
　　5、第5 第6 个蝴蝶更轻易做了，把元件蝶3和蝶4 直接拖进场景，随便找地方安装就OK。(参看实例)

　　按CTRL ENTER测试 ，保存*.fly 导出影片*.swf (完毕)。

分享：Flash8制作弹性跟随鼠标的弹性圆
效果如下：点击这里下载源文件新建文档，按CtrlJ修改属性：自己随意设置一个背景，然后使用椭圆工具绘制一个只有边框色没有填充色的圆：然后选中圆按F8转