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

通过这个蝴蝶在花丛中翻飞的实例我们可以学习Flash图层、引导线运动、帧与补间动画等技术。主要使用工具：箭头工具(选择工具)、任意变形工具、铅笔工具。
请大家先看看实例：

　　素材如下：
http://www.flashas.net/html/flashasyy/20070507/1714.html

　　制作方法如下：

　　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 (完毕)。

Flash实例“蝶恋花”制作过程深入剖析相关推荐

“蝶恋花”Flash实例制作过程深入剖析
通过这个蝴蝶在花丛中翻飞的实例我们可以学习Flash图层.引导线运动.帧与补间动画等技术. 主要使用工具:箭头工具(选择工具).任意变形工具.铅笔工具. 请大家先看看实例: 素材如下: [img]/u ...
Flash互动电子地图制作手册——入门实例
目前网上涌现出众多电子地图,这些电子地图操作方便,具备数据查询.距离测量甚至精确定位等传统地图所不具备的强大功能. 现有的电子地图多数用Java开发的,功能强大,操作便捷.比较典型就是Mapbar(m ...
荧火虫flash制作过程
制作过程步骤如下: 1.启动FLASH2004MX,然后导入一张背景图片(提意:用晚上的夜色) 2.首先我们来制作一只名称为荧火虫的影片剪辑,选择" 插入& ...
手机ROM简单制作过程
1.安卓基础知识普及: Android一词的本义指"机器人",同时也是Google于2007年11月5日宣布的基于Linux平台的开源手机操作系统的名称,该平台由操作系统.中间件. ...
flash进度条制作教程
[quote] 关于flash进度条制作的教程和方法挺多,经过一段时间的学习,我就其中最简单的2种制作方法做了小结,同时附上flash源文件下载,当作是flash学习笔记吧. 我认为制作flash进度 ...
flash动画制作成品_「咻动画」flash动画在制作方面有哪些优势？
在flash小游戏渐渐被越来越多的线上游戏淹没之后,flash动画制作渐渐地也淡出了我们的生活,不少小伙伴会发出时代变了之类的感叹.其实flash动画的应用范围并不局限于flash小游戏,在网页设计以 ...
android系统system镜像解包打包制作过程
** android系统system镜像解包打包制作过程首先确认你的system是哪种类型镜像:yaffs2 ? 还是sparse? 这两种镜像使用的解包工具也不一样,下面以sparse类型镜像描述 ...
stm32wb55 基于rtt的ble sample制作过程
stm32wb55 基于rtt的ble sample制作过程准备活动硬件 stm32wb55 nucleo开发板 stm32wb55 dangle 软件 rtthread stm32wb55 bs ...
营销型网站的概念及设计制作过程中的注意事项
营销型网站的提出: 1. 企业网站在国内发展从技术角度经历了两大发展阶段,第一阶段是以静态HTML为代表的企业网站建设,这个阶段ASP技术尚未发展到全面普及应用的程度,更多的企业网站建设在满足企业信息 ...

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

Flash实例“蝶恋花”制作过程深入剖析相关推荐

最新文章

热门文章