Flash课件制作教程(4)

本教程选自《跟着案例学FlashCS5课件制作》，一书，如需全部教程，请购买该书：读者服务QQ群号：4764513作者QQ：467616065读者服务博客：读者服务微博：细胞的分裂细胞分裂是活细胞繁殖其种类的过程，一个细胞会分裂成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帧。刻度100像素处辅助线标尺这时舞台上虽然有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帧上单击右键，从右键菜单中选择“创建补间形状”命令，在第1帧至第24帧之间建立了形变动画。这样，1个圆分裂成2个圆的动画制作完成，可以按回车键测试一下动画效果。此时时间轴如图4-25所示。图4-25在第1帧至第24帧之间建立形变动画5.制作圆在舞台上停留1秒的效果（1）在“动画3”图层第36帧单击右键，在右键菜单中选择“插入关键帧”命令。（2）在“动画1”图层第36帧单击右键，在右键菜单中选择“插入关键帧”命令。因为在第24帧至第35帧之间是没有设置动画的普通帧，所以播放头从第24帧运行到第35帧，显示的是第24帧的2个圆，也就得到了两个圆在舞台上是停留1秒的效果。此时时间轴如图4-26所示。图4-26在第36帧插入关键帧“动画1”图层的圆“动画3”图层的圆6.制作第36帧另外两个图层的圆因为第36帧至第60帧要制作2个圆分裂成4个圆的动画，所以需要在第36帧增加2个图层来绘制圆形。（1）插入新图层，命名为“动画2”，在“动画2”图层第36帧单击右键，从右键菜单中选择“插入关键帧”命令。（2）继续让播放头停在第36帧，选中舞台2个圆中上面的圆，选择“编辑”｜“复制”命令，再选中刚插入的“动画2”图层第36帧，选择“编辑”｜“粘贴到当前位置”命令，这样上面的圆被复制到了“动画2”图层第36帧。（3）插入新图层，命名为“动画4”，在“动画4”图层第36帧插入关键帧，用相同的方法把舞台2个圆中下面的圆复制到此帧。此时时间轴如图4-27所示。7.绘制第60帧的4个圆（1）在4个图层第60帧都插入“空白关键帧”。（2）在每个图层第60帧都绘制一个直径100像素的圆，一共4个，如图4-28所示。图4-27插入2个新的图层图4-28第60帧舞台上的4个圆8.制作第36帧至第60帧之间的动画（1）在“动画1”图层第36帧上单击右键，从右键菜单中选择“创建补间形状”命令，在第36帧至第60帧之间建立了形变动画。（2）用相同的方法，在另外3个图层的第36帧至第60帧之间也建立形变动画。这样整个课件制作完成，最后的时间轴如图4-29所示。在输出课件以前，可以想一想播放头从第1帧运行到第60帧，相应舞台上是什么效果，然后再输出课件，看一看实际效果和想象中的效果是不是一样的。第1帧至第24帧制作的是1个圆分裂成2个圆的动画第24帧至第36帧制作的是2个圆在舞台上停留1秒钟的效果第36帧至第60帧制作的是2个圆分裂成4个圆的动画“动画1”图层上的圆“动画2”图层上的圆“动画3”图层上的圆“动画4”图层上的圆图4-29时间轴设置