《数字设计与动画制作》课件-第3课 逐帧动画

第3课

逐帧动画任务1动画场景

活动1布置舞台活动2闪烁背景第3课逐帧动画动态表情传统动画依靠逐帧的方法实现角色的运动、特殊效果的添加等，在Animate中同样能用它实现传统动画效果，如打字效果、角色的复杂运动动态、背景的闪烁效果、光效、自然界中万物的规律等。本案例主要利用逐帧动画技术制作的一个动态表情：一个可爱的卡通人物在闪动的背景前，做了一个点赞的表情和动作，同时逐步出现文字“点个赞”。1案例设计理解逐帧动画的原理，了解帧类型以及帧的基本操作，掌握几种创建逐帧动画的方法，掌握绘图纸外观的使用方法。2

学习目标3

策划导图（1）逐帧动画传统动画中最主流的一种表现形式就是逐帧动画，其原理是在连续的关键帧中分解动画动作，也就是在时间轴的每帧上逐帧绘制不同的内容，使其连续播放的动画。4

预备知识（2）创建逐帧动画的方法用导入的位图建立逐帧动画：用jpg、png、gif等格式的静态图片连续导入Animate中，就会建立一段逐帧动画；绘制矢量逐帧动画：用鼠标或压感笔在场景中一帧帧的绘制出帧内容；导入序列图像创建逐帧动画：可以导入.gif序列图像、.swf动画文件或者利用第三方软件（Swish、Swish3D等）产生的动画序列；文字逐帧动画：用文字作为帧中的元件，实现文字出现、跳跃、旋转等运动特效；转换为逐帧动画：在创建有补间段的任意一帧上，单击鼠标右键，在弹出的快捷菜单中选择“转换为逐帧动画”命令。4

预备知识学习步骤

以案例教学为核心，采用任务驱动式的行动导向教学法。采取了由浅入深、循序渐进的教学策略，以学生的感知、理解、巩固、运用为教学设计流程。教学互动环节中主要包括六个步骤：明确任务——计划筹备——学生实施——引导组织——评估反馈——巩固实践。教学资源

多媒体机房、投影仪、电子教学平台、视频演示教程、案例源文件、素材、ppt等任务2角色动画

活动1动作动画活动2表情动画第3课逐帧动画动态表情（1）帧的操作插入帧在时间轴图层播放头所在位置按F5键可插入帧，按F6键可插入关键帧，按F7键可插入空白关键帧（如果在图层的舞台上还没有添加任何对象，按F6键添加的就是空白关键帧）。在时间轴中选中当前帧，只需选择“插入帧组”中的相应功能选项，即可添加关键帧、空白关键帧和帧；如果选择了“自动关键帧”功能，则在当前帧修改舞台内容时，会自动创建关键帧。5

知识链接5

知识链接删除帧要删除帧，同样也可以用右键快捷菜单选择相应的命令，如“删除帧”、“清除帧”、“清除关键帧”。可以用快捷键快速的删除帧，按Shift+F5键可以删除帧；按Shift+F6键可以删除关键帧。5

知识链接选择帧选择所有帧：单击鼠标右键，在弹出的快捷菜单中选择“选择所有帧”命令。选择单帧：单击时间轴上要选择的帧，帧变成蓝色，表示被选中。选择多帧：用鼠标选中要选择的帧，再向后或向前拖曳，其间鼠标指针经过的帧全部被选中。按住Ctrl键的同时，用鼠标单击要选择的帧，可以选择多个不连续的帧；按住Shift键的同时，用鼠标单击要选择的两帧，这两帧中间的所有帧都被选中。5

知识链接移动和复制帧选中一个或多个帧，按住鼠标左键，移动所选帧到目标位置放开鼠标，可以移动帧的位置。在移动过程中，如果按住Alt键，会在目标位置复制出所选的帧。选中一个或多个帧，单击鼠标右键，在弹出的菜单中选择“剪切帧”命令，或按Ctrl+Alt+X组合键，剪切所选的帧，选中目标位置，在弹出菜单中的“粘贴帧”命令，或按Ctrl+Alt+V组合键，在目标位置上粘贴所选的帧。学习步骤

以案例教学为核心，采用任务驱动式的行动导向教学法。采取了由浅入深、循序渐进的教学策略，以学生的感知、理解、巩固、运用为教学设计流程。教学互动环节中主要包括六个步骤：明确任务——计划筹备——学生实施——引导组织——评估反馈——巩固实践。教学资源

多媒体机房、投影仪、电子教学平台、视频演示教程、案例源文件、素材、ppt等任务3文字动画

活动1打字效果活动2对话框动画第3课逐帧动画动态表情（2）绘图纸功能通常情况下，在某个时间舞台上仅显示动画序列的一个帧。为了辅助绘制、定位和编辑逐帧的动画，绘图纸外观可以通过在舞台上显示上一帧和下一帧的内容以提供参考。播放头下面的帧以全彩色显示，并采用不同的颜色和Alpha来区分过去和未来的帧。

5

知识链接5

知识链接绘图纸外观单击“时间轴”面板上“时间轴控件”中的“绘图纸外观”按钮，可启用（再次单击可禁用）绘图纸外观，时间轴标尺上会出现绘图纸的标记显示：5

知识链接编辑多个帧绘图纸外观通常只允许编辑当前帧，单击“编辑多个帧”按钮，可以显示绘图纸外观标记之间每个帧的内容并并且可同时对这多个帧的内容进行编辑。知识获取知识要点理解逐帧动画的原理了解帧类型以及帧的基本操作知道几种创建逐帧动画的方法认识绘图纸外观技能掌握实训案例技能目标

任务1动画场景

æ导入序列图像创建逐帧动画任务2角色动画

æ绘制矢量逐帧动画

æ用导入的位图建立逐帧动画任务3文字动画

æ制作文字逐帧动画公益动图6

学习检测学习步骤

以案例教学为核心，采用任务驱动式的行动导向教学法。采取了由浅入深、循序渐进的教学策略，以学生的感知、理解