5.5 综合案例（二）制作风吹文字动画（教案）-《Flash CC动画设计与制作》同步教学（劳动版）

课题 5.5 综合案例（二）制作风吹文字动画 课时 教学内容 1、 在元件里面制作逐帧动画 2、 制作案例 教学目标 运用逐贞动画制作风吹文字的效果 教学重点 逐帧动画 教学难点 打散文字，编辑逐帧动画来达到风吹效果 教学活动及主要语言 学生 活动 一、创设意境，导入新课（讲授法、提问法） 导入：本例主要制作风吹文字的效果，该案例主要通过对创建的文本进行打散， 并转换为元件，然后为其添加关键帧来实现风吹效果。 二、新课教学（讲解法、提问法、示范法） 步骤： 学生 1.在菜单栏中选择【文件】>【新建】命合，弹出“新建文档”对话框，在“常 回顾 上 规/类型"列表框中选择“ActionScript:3.0”将分辨率设置为“575*340像素”单击 学 “确定”按钮，建立新文档。 习的 内 容 2.按Ctrl+R组合键，素材\第五章\第五节草原jpg”素材文件导入舞台中， 并随 着教 并使素材与舞台大小相同.如图所示。 师的 引导 出本 3.按Ctrl+F8组合键打开“创建新元件”对话框，将“名称”设置为“风吹文字动 画”将“类型”设置为“影片剪辑”单击“确定”按钮，如图5-89所示。 建新元件 大（你到片桶司 4.选择“文本工具”输入文字，选中输入的文字，在“属性”面板中，将“系列” 设置为“標楷體”“大小”设置为50，锊颜色设置为蓝色，如图所示。 春风十里 5.设置完成后，使用"选择工具"选择输入的文字，按Ctl+B组合键分离文字 效果如图所示。 春风中里 6.选择第一个文字，按「8键，跳出“转换为元件”对话框，将“名称”设置为“字 1”将类型设置为“影片剪辑：如图所示。 梅操为元件 此部 春 过明断仙一挤1日 久件共属相归 老师 来讲 解 7.使用同样的方法将其它文字转换成元件，名称为“文字2“文字3"文字4” 如图所示。 学生 合着 问题 字面 春 8.新建4个图层， 把每个文字分别单独剪切粘帖到一个图层里， 如图所示。 此时 出 应该 ⊙811 ■图层 明 图层3 解 是图层 教师 的讲 9.选择“文字1”在图层1的第10帧插入关键顿，在第15帧的位置插入关 解 键帧，在第15帧的位置选中舞台上的字1”使用“任意变形工具"调整文字的位置、 因为 此处 大小、形状，如图所示。 是复 习知 杀 识 同时 也应 10.然后使用同样的方法，分别在第20、25、30、35、40、45、50帧的位 积极 回答 置插入关键帧，并在不同关键帧处调整文字的位置、大小、形状，并在关键帧与关 相应 键帧之间创建传统补间，使图层上的文字呈现出被风从左往右吹开的效果，如图所 的问 题， 示。 认真 考 11.选择“字2“所在图层，在第15帧的位置插入关键帧，然后在第20帧的位 置插入关键帧，并在舞台中调整位置、大小、形状，使用同样的方法每隔5帧插入 关键帧，调整位置、大小、形状，插入传统补间制作动画效果，如图所示。 风 生 讲 12. 使用同样方法依次插入关键帧，调整位置、 制作动画，效果如图所示。 出 13. 制作完成后，返回场景，新建图层，在库面板将“风吹文字动画“元件拖入 舞台中，使用“任意变形工具”调整位置和大小，如图所示。 春风十里 14.调整完后，按Ctrl+Enter合键测试动画效果，如图所示。 本章小结： 在动画制作中，文字动画是必不可少的一部分，本章通过对文字的创建、 学生 有不 设置以及添加关键帧等，来完成一系列不同的动画效果，并进行简单的讲解，在本 懂的 章可以学习到各种文字动画的制作方法，而掌握了制作方法，也可以将其运用到其 地方 向老 它实例的动画效果上。 师提 出问 题， 寻求 答。