《动画制作倒计时条..pdf》由会员分享，可在线阅读，更多相关《动画制作倒计时条..pdf（3页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、动画制作：倒计时条 教学目的：1 学会使用时间轴窗口设置动画的内容。2 理解和掌握帧及关键帧的概念。3 初步培养对“时间轴”、“帧”、“关键帧”、“帧频”的认识。技术要点：1认识时间轴、帧、关键帧、帧频；2插入帧和关键帧。教学重点与难点：1时刻注意图层及时间轴的位置。2补间动画的设置。教学课时：2 课时。教学过程：Flash 动画制作是一个很有趣的过程，但它的概念的理解却是抽象的，因此在 Flash 动画制作的教学中，我将采用讲解实例的同时穿插概念的讲解，这样有助于大家理解 Flash 动画制作中比较抽象的概念。在我讲课的过程中希望大家认真听，如果有不明白的地方可以参阅我发到你们 C：盘上的教
2、案，那上面有详细的操作步骤。首先来学习一个概念：逐帧动画。今天我们来学习常见的“倒计时条”的制作（最后的效果如下图），初步理解逐帧动画。操作步骤如下：【概念 1】：逐帧动画：即把一幅幅静态的场景连起来，利用人眼的停滞效应，让人产生图画在连续变化的效果。1新建一个 Flash 文档，调出“文档属性”面板，设置舞台背景（颜色自选），舞台尺寸（宽度为：400，高度为：100）。2在图层窗口，点击“插入图层”按钮，插入两个图层，这样就有三个图层，从上到下，依次命名为：框图、倒计时条、数字。3锁定“倒计时条”和“数字”图层，用鼠标点击“框图”层第 6 帧，右键单击鼠标，选择“插入帧”命令，或者按键盘上的
3、“F5”键，插入一个普通帧。4点击“框图”层第 1 帧，使用矩形工具（有笔触无填充，颜色、大小自选），画出一个条状矩形框（如下图），此时“框图”层第 1 帧由空心变为实心。因为第 6 帧为普通帧，所以第 1 帧的内容一直会显示到第 6 帧，内容和画面都没有变化。5锁定“框图”和“数字”图层，打开“倒计时条”图层。点击“倒计时条”层第 6 帧，右键单击鼠标，选择“插入关键帧”命令，或者按键盘上的“F6”键，插入一个关键帧。6点击“倒计时条”层第 1 帧，使用矩形工具（有填充无笔触，颜色自选），在舞台上的条状矩形框内部画出一个小矩形（如下图），此时“倒计时条”层第 1 帧由空心变为实心。7点击“倒
4、计时条”层第 6 帧，按照 6 的方法画矩形（如下图），此时“倒计时条”层第 6 帧由空心变为实心。8点击“倒计时条”层第 1 帧，打开窗口下部“属性”面板，设置“补间”为“形状”，就可以看见在“倒计时条”层时间轴上从第 1 帧到第 6 帧上有一个箭头，表明动画已经设置完成。此时可以使用“控制”菜单中的“播放”命令，或者直接按“Enter”（回车）键，即可看到动画效果。9锁定“框图”和“倒计时条”图层，打开“数字”图层。分别在“数字”层的第 2 帧到第 6帧，右键单击鼠标，选择“插入关键帧”命令，或者按键盘上的“F6”键，插入关键帧。10点击“数字”层第 1 帧，在矩形框右侧添加数字“5”（字
5、体、大小、颜色自定），然后依次在第 2 帧到第 6 帧添加数字“4”、“3”、“2”、“1”、“0”，大小要相同，显示位置要相同。【注 1】：在 Flash MX 2004 中，时间轴第 1 帧关键帧是不用另行插入的。【概念 2】：帧：时间轴上的一个时间点，根据该时间点上舞台显示的内容决定该帧是普通帧还是关键帧。【概念 3】：时间轴：用于设定动画内容显示的顺序。【概念 4】：播放头：时间轴上红色的指示线，由它的移动依次显示出舞台上的变化。【概念 5】：关键帧：是记录动画内容发生根本性变化的画面。【概念 6】：补间：是“在中间”的简称，它是指填充两个关键帧之间的帧，以便第一个关键帧中显示的图形更
6、改为第二个关键帧中显示的图形。【概念 7】：在 Flash 中可以创建两种类型的补间：补间动作和补间形状。在补间动作中，在一个时间点定义一个实例、组或文本块的位置、大小和旋转等属性，然后在另一个时间点改变那些属性。也可以沿着路径应用补间动画。在补间形状中，在一个时间点绘制一个形状，然后在另一个时间点更改该形状或绘制另一个形状。Flash 会内插二者之间的帧的值或形状来创建动画。此时，将文档导出成为影片，动画就完成了，但在播放的时候会发现动画中倒计时牌倒计时到“0”之后，并没有停止，而是重新开始计数，如果想让它在“0”出现后就停止，则还需设置一些属性，方法如下：11点击“数字”层第 6 帧，调出
7、“动作帧”面板，在右侧的文本区域中输入“stop（）；”语句，此时，在第 6 帧上多出了字母“a”。12测试动画，感觉动画显示太快，可以在“文档属性”面板中将帧频改为“1fps”即可，也可根据个人喜好调节帧频。13最后以文件名“学号姓名-11”导出影片并上传。【注 2】：在第 1 帧复制“5”，然后在第 2 帧到第 5 帧分别将 5 修改成其他数字即可，在第 6 帧，将复制好的“5”粘贴，并将其移动前面几个数字显示的位置，然后修改为“0”即可。【概念 8】：帧频：用每秒帧数(fps)来度量，它是动画的播放速度。在默认情况下，Flash 动画以 12 fps 的速率播放，该速率最适于播放 Web 动画。