简单帧动画的实现

从帧动画开始--让图片动起来

在Flash中，可以通过改变连续帧的内容，很简单就实现动画效果。下面我们就通过简单的实例来体验Flash帧动画的制作过程吧。     首先，启动Flash软件。选择“创建新项目”中的“Flash文档”选项（如下图所示）。       然后，点选菜单命令“文件--导入--导入到库”，将准备好的2张图片导入到元件库。（见下图）     这样，我们就把基础工作做好了。接着就来制作动画。         下面，以3个实例来分别介绍简单的帧动画制作过程：   实例1：简单帧动画的实现       1、点选菜单命令“窗口--库”，打开元件库面板。用鼠标选中一个图片，按住鼠标不放，将图片拖放到舞台中（如下图）。这时，在图层1的第1帧的时间轴上就变成了一个实心小圆点，说明这个图层的第1帧已经放置了元件。     2、用鼠标右键点击舞台中的图片，在弹出菜单中选择“转换为元件”，在接着弹出的选项框中，“名称”框中写入：实例图片1，在“类型”中选择“影片剪辑”或“图形”。先将图片转换成元件，主要是为了方便下2个帧动画实例的制作，在这个实例中，不转换也可以。（如下图）       3、在时间轴上，用鼠标点选第5帧，按F6键，插入一个关键帧。（如下图所示）         4、选中第5帧对应在舞台中的图片元件，在键盘上按 Ctrl +T 键，调出变形面板。勾选“约束”长宽比选项，在长或宽数字框中将默认的100%更改为“50%”，然后按回车键确认。这时，舞台中的图片元件的大小就按比例缩小了一半。（见下图）     5、在时间轴上，用鼠标点选第8帧，按F5键，增加空白帧。     按 Ctrl + Enter（回车键）测试一下，就可以看到这个最简单的动画了。     实例2：简单的帧补间动画     1、接着上面的动画制作。在时间轴上的第一帧点击鼠标右键，在弹出菜单中，选择“复制帧”选项。然后在第10帧点击鼠标右键，在弹出菜单中选择“粘贴帧”选项。（见下图）          2、用鼠标右键点击时间轴上的第1帧，在弹出菜单中选择“创建补间动画”选项，创建从第1帧到第5帧的补间动画。同样方法，创建第5帧到第10帧的补间动画。     这样，一个补间动画就实现了。       与实例1不同的是，这个动画通过在2个关键帧之间自动生成补间动画，达到了画面自然过渡的效果。     如果要调整动画变化的速度，可以通过调整2个关键帧之间的帧数来实现。简单的方法是：用鼠标在2个关键帧之间的任一空白帧上点击一下，然后按F5键。每按下一次F5键，就增加1个空白帧。这样，就可以任意增加2帧之间的时间长度，也就是延长帧动画的播放时间。反之，可以通过减少关键帧之间的长度来加快动画速度。方法是：在2个关键帧之间，用鼠标先点击一个空白帧，按住Shift键不放，再在另一个空白帧上点击，然后在选中的空白帧区域内点击右键，在弹出菜单中选择“删除帧”选项。（见下图） 实例3：利用引导线制作补间动画       1、点击时间轴下面的“插入图层”快捷工具图标，新增1个图层（如下图）。     2、用鼠标选中图层2的第1帧，按Ctrl + L快捷键，调出元件库面板， 将第2张图片拖放到舞台中。为了便于操作图层2的元件，在图层1中，点击时间轴上面那个眼睛图标对应下来的小黑点位置（“显示/隐藏”按钮），将图层1隐藏起来（见下图）。     3、选中图层2的图片，选择菜单命令“修改--分离”，将图片转换为可修改状态（见下图）。          4、在左边的工具栏中点选“套索工具”图标，再在左下角的“选项”中点选“多边形模式”图标。然后，用套索工具在图片中沿蝴蝶边缘仔细地点击鼠标左键，形成选择连线。当选择终点接近起始点时，在最接近起始点的位置上双击鼠标，这样就把蝴蝶选中了。这时，按Ctrl + X 快捷键，先把蝴蝶剪切出来。再在工具栏中点选左上角的那个“选择”工具图标，在图片的剩余部分点击一下，按键盘上的“Delete”键，将剩余部分删除。最后，再按Ctrl + V 快捷键将蝴蝶重新粘贴回来（见下图）。     5、点击时间轴下面的“添加运动引导层按钮”，新建一个引导层。然后选中引导层的第1帧，并在工具栏中点选“铅笔工具”图标，在左下边的选项中选择“平滑”选项。用铅笔在舞台中画一条蝴蝶运动的轨迹线。 6、在工具栏中点选“选择工具”图标，接着，在舞台中用鼠标右键点击蝴蝶图片，在弹出菜单中选择“转换为元件”，将蝴蝶图片转换成“影片剪辑”或“图形”元件。       然后选中蝴蝶所在图层的第1帧，在舞台中将蝴蝶元件拖放到引导线的一端（注意：蝴蝶元件的中心点，即元件中的那个空心小圆圈，一定要对准引导线）。       再在第10帧用鼠标选中，按F6键，插入关键帧。然后将这一帧上对应在舞台上的蝴蝶元件拖放到引导线的另一端。       最后，在蝴蝶所在图层的第1帧点击鼠标右键，在弹出菜单中选择“创建补间动画”。（如下图所示）            注意：为了在拖动蝴蝶元件时不影响引导线，可先将引导层锁定。方法是：用鼠标点击在时间轴上那个锁定图标对应下来的小黑点位置，当看到图层中的那个小黑点变成了一把锁的图标时即为锁定状态。     按Ctrl + 回车键测试动画。根据动画效果，可以再对动画的速度进行调整，方法同前面，即通过增加或减少帧数来调整播放速度。但有一点需要注意，即：引导层的帧数必须与蝴蝶元件的补间动画帧数相同。     7、为了更直观地体现蝴蝶的动画效果，我们将实例1和实例2中创建的第一个图层删掉。方法是：用鼠标选中第一个图层，然后用鼠标点击时间轴下面那个删除图标。     8、导出动画和保存源文件。选择菜单命令“文件--导出--导出影片”，在弹出的导出影片对话框中，保存类型选择为：Flash影片(*.wsf)。     再点出菜单命令“文件--保存”，将源文件保存起来，下次就可以重新打开来修改。