Flash课件制作教程(4).docVIP

本教程选自《跟着案例学Flash CS5课件制作》，一书，如需全部教程，请购买该书： 读者服务QQ群号：4764513 作者QQ：467616065 读者服务博客：/blog/user1/2852/index.html 读者服务微博：/u/2627673007 4.1.3 细胞的分裂 细胞分裂是活细胞繁殖其种类的过程，一个细胞会分裂成2个，2个细胞又会分裂成4个。本课件演示的正是细胞分裂的过程，如图4-19所示，细胞是用圆表示的，先出示一个圆，这个圆逐渐分裂成2个，分裂后在舞台上停留1秒钟，然后这2个圆再逐渐分裂成4个圆。 显然，这个动画也不能做在一个图层中，如果强行做在一个图层中，也能够创建成功“补间形状”，只是变化的过程会和希望的不一样。那么应该怎样分解到图层呢？可以这样想：一个圆分裂成2个，再分裂成4个，每个圆的动画都需要一个图层，4个圆就需要4个图层。和上一个课件相比，这个课件又复杂了一些。上一个课件只有一个动画，一个图层只有两个关键帧，做出这两个关键帧之间的动画就可以了。而这个课件明显的分为3个阶段，1个圆变成2个圆是一个阶段，2个圆在舞台上停留1秒钟是第二个阶段，而2个圆变成4个圆又是一个阶段。这样，一个图层上就不能只有2个关键帧了，需要有多个关键帧，在制作时要重点观察时间轴的设置。 另外，以前绘图时，对图形的定位和大小设置，主要是通过在“属性”面板中调整图形的属性值来做的，用这种方法的好处是可以做到非常精确，但问题在于计算很麻烦，特别是本课件，所绘制的圆形比较多，相互之间大小、位置不同但又有联系，计算起来特别繁杂。因此，这里在舞台上设置了一些辅助线以帮助绘图，这样更直观一些。 图4-19 细胞分裂示意图 制作步骤： 1.设置辅助线 （1）新建Flash文件，把舞台大小设为800×600像素，帧频设为每秒12帧，其他属性保持默认值不变。 （2）选择“视图”｜“标尺”命令，舞台上方和左方出现带有刻度的标尺。 （3）选择“视图”｜“辅助线”｜“编辑辅助线”命令，在打开的“辅助线”对话框中，把辅助线颜色设为蓝色，勾选“显示辅助线”和“紧贴至辅助线”复选框，如图4-20所示。 图4-20 “辅助线”对话框 （4）用鼠标按住场景上方的标尺，再往下拖，鼠标下面出现了一条横向的直线，叫做“辅助线”，拖动横向的辅助线对准舞台左边标尺的100像素处，如图4-21所示。继续在200像素、300像素、400像素和500像素处再拖4条辅助线。 （5）从左标尺处往右拖纵向的辅助线，共拖5条，刻度分别是200像素、300像素、400像素、500像素和600像素。此时舞台如图4-22所示，舞台中心部分被辅助线分成一些小方格，每个小方格的边长都是100像素，这些辅助线将成为后面绘图时的参考线。 （6）选择“视图”｜“辅助线”｜“锁定辅助线”命令，把辅助线锁定。 专家点拨：锁定辅助线后，不能再在场景上拖动辅助线，因此辅助线设置好后，应该锁定，以免在后面的操作中被误移动。辅助线只在编辑时可见，对输出的课件没有影响。 图4-21 标尺与辅助线 图4-22 设置了辅助线的舞台 2.绘制第1帧的圆形 （1）把“图层1”重命名为“动画1”。以辅助线为参考，在舞台上绘制一个没有笔触颜色，填充颜色是绿色的圆，圆的直径是400像素，刚好4格，圆心正好在舞台中心，如图4-23所示。 （2）选中刚绘制的圆，选择“编辑”｜“复制”命令。插入一个新图层，命名为“动画3”，选中“动画3”图层第1帧，选择“编辑”｜“粘贴到当前位置”命令，这样就把图层“动画1”第1帧的圆，原样复制到“动画3”图层第1帧。 这时舞台上虽然有2个圆，但上一图层的圆完全遮住了下一图层的圆，所以看到的还是只有一个圆。 图4-23 第1帧舞台上的圆 图4-24 第24帧舞台上的圆 3.绘制第24帧的圆形 （1）在“动画1”图层第24帧上单击右键，从右键菜单中选择“插入空白关键帧”命令，插入空白关键帧。选中此帧，在舞台上绘制一个圆，圆的直径为200像素，是第1帧中圆的一半。把圆定位于如图4-24所示的位置。 （2）在“动画3”图层第24帧上单击右键，从右键菜单中选择“插入空白关键帧”命令，插入空白关键帧。选中此帧，在舞台上绘制一个同样大小的圆，把圆定位于如图4-24所示的位置。 专家点拨：在定位圆的时候，可以直接用鼠标拖动圆。因为辅助线有吸附作用，所以当圆接近正确位置时会自动对齐，而不需要用“属性”面板中的属性值来定位。在绘制圆时也是如此，直接参考辅助线确定圆的大小。 4.制作第1帧至第24帧的动画 （1）在“动画1”图层第1帧上单击右键，从右键菜单中选择“创建补间形状”命令，在第1帧至第24帧之间建立了形变动画。 （2）在“动画3”图层第1帧上单击右