5.4 综合案例（一）制作闪光文字动画（教案）-《Flash CC动画设计与制作》同步教学（劳动版）

课题 5.4综合案例（一)制作闪光文字动画 课时 1、改变文字元件样式 2、创建关键帧来改变文字颜色 教学内容 3、给文字添加滤镜发光效果 4、制作案例 教学目标 制作闪光文字动画 教学重点 掌握元件样式 教学难点 运用文字元件样式，关键帧和传统补间制作闪光文字动画 教学活动及主要语言 学生 活动 一、创设意境，导入新课（讲授法、提问法） 导入：本例主要通过为文字元件添加样式，创建关键帧来改变文字颜色，运用 传统补间动画来改变字体颜色的变化，给文字添加滤镜发光效果，从而达到文字闪 光动画的效果。 二、新课教学（讲解法、提问法、示范法） 步骤： 1.新建空白文档，将舞台大小设置为600×370，按Ct+R组合键，导入“素 学生 材第五章第四节夜景jPg文件到舞台中，如图所示。 回顾 上节 课学 习的 内 容， 并随 着教 师的 讲 2.按Ct+F8组合键打开“创建新元件”对话框，将“名称”设置为“矩形”， 解， 将“类型”设置为“图形”，单击“确定”按钮，如图所示。 引导 出本 节课 要学 习的 元 名常， 容 里D 文件铁靠但四n 3,使用“矩形工具”绘制矩形，选中绘制的矩形，在“属性”面板中将“笔触 颜色”设置为“无”，将“填充颜色”设置为白色，如图所示。为了方便观察效果， 可以把背景的颜色设置为暗一点的颜色。 怀式 合 4.返回到“场景1”中，再次打开“创建新元件”对话框，将“名称”设置为 “闪光动画”，将“类型”设置为“影片剪辑”，单击“确定”按钮，然后在“库” 面板中将“矩形”元件拖入舞台中，选择时间轴的第15帧，按F6键插入关键帧， 选中“矩形”元件，在“属性”面板中将“色彩效果”的“样式”设置为“色调”， 颜色为“黄色”如图所示。 出 高用m 色效果 件其通 5 5.选择第1帧至第15帧的任意一帧，并单击鼠标右键，从弹出的快捷菜单中 选择“创建传统补间”命令，即可创建传统补间动画：选择第30帧，插入关键帧， 选择“矩形”元件，将“样式”设置为“色调”，将着色设置为“红色”，如图所示。 此部 分主 要由 老师 来讲 解， 同时 实商：地 一松适大小 学生 年g 也配 试或 老师 成■ 回答 $ 0 常见 问题 6.在第15帧至第30帧处任意选一帧，并单击鼠标右键，从弹出的快捷菜单中 选择“创建传统补间”命令，即可创建传统补间动画：选择第45桢，插入关键帧， 选择“矩形”元件，将“样式”设置为“色调”，将着色设置为“绿色”，如图所示。 7.在第30帧至第45帧之间创建传统补间动画，使用同样的方法，选择第60、 75、90帧，插入关键帧，选择“矩形”，分别将着色设置为“洋红、青、白”，并使 用同样的方法创建传统补间，如图所示。 此时 8.返回到“场景1”中，再次新建元件，将“名称”设置为“遮罩”，将“类型” 学生 应该 设置为“影片剪辑”，打开“库”面板，将“闪光动画”元件拖拽到舞台中，并调整 注意 其位置和大小，如图所示。 听教 师的 讲 解， 因为 此处 临场景尘遮闲 是旧 知识 新运 用， 同时 也应 9.新建图层2，使用“文本工具”①输入文字，选中输入的文字，在“属性” 积极 回答 面板中将“系列”设置为標楷體，大小设置为43，颜色可以随意设置，如图所示。 相应 的问 题， P+ 进行 认真 的思 ■ 考 达汇购物城 小 10.选择“图层2”，单击鼠标右键，从弹出的快捷菜单中选择“遮罩层”命令， 添加遮罩层，如图所示。 收定其地正日 是带其他是塑 插入图 因型 持贝图组 相 氨制面 9阳 插入文件突 附文件肉 文 开文 片音华有文牛类 军性 0 11.返回到“场景1”中，新建图层，打开“库”面板，将“遮罩”元件拖拽到 学生 舞台中，使用“3D旋转工具”和“3D平移工具”调整其位置、形状和大小，如图 听 所示。 讲， 笔记 汇购物城 12.选择“遮罩”元件，在“属性”面板中添加滤镜“发光效果”，“模糊X,Y” 设置为2，“颜色”为黄色，“品质”为高，如图所示。 一花裙 一销 + + 投 国性 婆划 发光 发光 模制× 21保素 锌角 模糊Y 21像素 非发光 强照 10的% 兼变到师 品 高 调整板色 颜色 除全品 它空 启用全部 内发光 帮用全部 l3.按Crl+Enter组合键测试影片，效果如图所示。如测试影片时没有显示遮罩 效果，可以选择遮罩层的文字，按C+B组合键进行打散文字，再进行一次影片测 试。 学生 根据 教师 进行 项 练习