当前位置:首页 >> 其它课程 >>

第3课 形状补间动画


乌恰县实验中学教学案例
任课老师姓名: 日期: 课题 年 月 日 第-----课时. 总---2--节 课类 微机

第3课

形状补间动画

目 教 标 学
教学 重点

1. 知识与技能 :学会制作简单的形状补间动画。 2.过程与方法:了解形状提示的作用。 3.情感态度与价值观:知道动作补间和形状补间动画的区别。 1、形状补间动画的概念 2、形状补间动画的制作方法

教学 难点 教学 方法

形状补间动画的应用 演示,比赛,交流 老师活动
学生活动

[提问] 除了动作补间动画以外还可以用 flash 制作别的补间动画吗? 导入图片时执行什么命令? 激发学生
一、图形变形 动手做:制作动画,让一个圆变成矩形,然后再变成三角形。

教 学 过 程
第一步:启动 flash,选定椭圆工具,用适当的颜色在舞台中画一个圆。 第二步:单击“时间抽”面板中的第 10 帧,执行“插入— 空白关键帧”命令插入空白关键帧。 第三步:选定矩形工具,在舞台中画一个矩形。 第四步:单击“时间抽”面板的第 1 帧,在“属性”面板中单击补间框,再单击其中的“形状”选项。

观察老师演 示

第五步:在“时间抽”面板的第 20 帧插入空白帧,画一个三角形,再把补间类型设为“形状” 。 第六步:保存文件为“图形变形.fla” 。 第七步:敲回车键,播放动画,观看效果。 除了动作补间动画以外,还可以用 flash 制作形状补间动画。

学 生 动 手操作

二、文字变形 利用形状补间动画功能,不仅可以制作图形的变形动画,还可以制作字符和文字的变形动画。字符与一般的图形不 同,不能直接制作变形动画,而需要先把字符“打散” ,分离成图形。 动手做:制作一个变形动画,让字母 A 变成 B,然后再变为 C。 第一步:单击工具栏中的新建按钮,新建一个文件。 第二步:执行“修改—文档”命令。 第三步:单击“背景色”右侧的 按钮,在弹出的颜色列表中单击“浅蓝色”色标。

学 边 边 老 操 骤 解

生 听 记 师 作 并

一 一 住 的 步 了

第四步:选定工具箱中的文字工具,然后在舞台中单击,出现文本输入框时,输入字母 A。

学 生 认 真 听 老 师 的 讲 解,发现 自 己 的 不 足 进 行改正

教 学 过

第五步:选定

工具,单击输入的字母 A,选定它,在“属性”面板中把字体,字号,颜色设完。然后单击加

粗按钮把字是诶粗斜体。 第六步:拖动字母 A,使它位于舞台中的中间。


第七步:单击“时间抽”面板的第 10 帧,敲 F6 键插入关键证,然后双击字母 A,出现插入点后删除字母 A,输入字 母 B。 第八步:单击“时间抽”面板的第 20 帧,仿照第 7 步的操作,插入关键帧后删除字母 B,输入字母 C。 第九步:单击“时间抽”面板的第 1 帧,执行“修改---------分离”命令,把字母 A 分离成图形。 第 10 步:单击“时间抽”面板的第 1 帧,在“属性”面板中把补间类型设为“形状” 。再单击第 10 帧,在“属性” 面板中把补间类型设为“形状” 。 第 11 步:保存文件为“字符变形.FLA” 。 第 12 步:执行“控制-------播放”命令,观察动画效果。

继 继续探究: 在制作一个变形动画,让字母 A 变成 B,然后再变成为 C 过程中,在第 7 步操作中,在“时间抽”面板的第 10 第 8 步操作中,在第 20 帧插入空白关键帧,输入字母 C,可以吗?和在这些帧中插入关键帧,删除原来的字母,输入 新的字母,有什么区别? 2.利用“修改----分离”命令,可以将字符,实例,图形等打散,从而进行动画变形。如果是一组文字,则一般需要打 散 2 次。 散 2 次。 三、形状提示 观看上面制作的“字符型变形”动画时可以看到,字母 A 变成 B 再变成 C 的变形过程不明显,而且有些凌乱。

学 生 讨 论 并 回 答

学生认 真听并 巩固新 课内容

小结 今天我们学习了形状补间动画中的图形变形动画,我们要学习另外一种文字变形动 画,希望同学们在制作的过程中多总结多反思,制作出更多更好的动画效果!

作 业

复习本课内容

板 书 设 计

通过学生机和极域电子教室软件给学生演示本节课的全部步骤

教 学 后 反 思

乌恰县实验中学教学案例
任课老师姓名: 日期: 年 9月 日 第----2---课时. 总---2--节

课题

第3课

形状补间动画

课类

微机

1.知识与技能 :学会制作简单的形状补间动画。

教 学 目 标

2. 过程与方法:了解形状提示的作用。 3. 情感态度与价值观:知道动作补间和形状补间动画的区别。

前 提 诊 测 与 导 入 新 课

[提问] 除了动作补间动画以外还可以用 flash 制作别的补间动画吗? [提问] 插入空白关键帧后,舞台中是否有图形? [提问] 导入图片时执行什么命令

三、形状提示

教 学 过 程

观看上面制作的“字符型变形”动画时可以看到,字母 A 变成 B 再变成 C 的变形过程不明显,而且有些 凌乱。

实际应用时,适当使用 flash 提供的形状提示,可以在一定程度上改善变形的过程。

动手做:为上面制作的动画增加形状提示。 第一步:启动 flash,单击工具栏中的 按钮,找到“字符变形”动画所在的文件夹,打开它。

第二步:单击“时间抽”面板中的第 1 帧,然后执行“修改—形状—添加形状提示”命令,在字母 A 上增 加一个提示点 a。 第三步:拖动提示点到适当的位置,如左下角。 第四步:单击“时间抽”面板的第 10 帧,把字母 B 上的提示点a拖到合适的位置上。

教 学 过 程

重点:一定的程度上改善变形的过程。
第五步:单击“时间抽”面板中的第1帧,执行两次“修改—形状—添加形状提示”命令,增加提示点b 和提示点c,把它们分别移到合适的位置上。

第六步:单击第 10 帧,把字母 B 上的提示点 b 和 c 移到恰当的位置上。 第七步:播放动画,可以看到字母 A 变成 B 的过程变得比较有规律了。

第八步:仿照以上操作,为字母 B 到字母 C 的变形过程添加形状提示。

难点:动作补间动画、形状补间动画及二至的区别。

练习:

1.分别用动作补间和形状补间方式制作线条延伸的动画, 把两件补间动画的制作过程写在下 面,体会二至的不同之处。
形 成 性 测 试

2.制作一个动画,使线条在延伸的过程中形成一个空心的矩形。该动画的“时间抽”面板如 下。(第 30 页)。

3.制作一个圆变成矩形的动画,使图形在变形过程不断变换颜色。

作 业

复习本课内容

板 书 设 计

通过学生机和极域电子教室软件给学生演示本节课的全部步骤

教 学 后 反 思

形状补间动画

备注: ①教学目标有三个要点:知识,技能,情感与态度。 ②教学过程中突出重点,难点,应有小总结和总结。 ③要选择合理教学方法合方式。 ④形成性测试题模仿模拟中考题。


相关文章:
第5课形状补间动画
第5 课形状补间动画教学目标 1、进一步掌握关键帧和普通帧的使用 2、会分析简单的形状补间动画的例子 3、会正确制作简单的形状补间动画 教学重点 1、形状补间动画...
第三课 制作动作补间动画
第三课 制作动作补间动画 2010-12-06 08:57:17| 分类: 教案设计 | 标签:...实际授课中, 我以基础的图形变化为例(圆形变方形),重点使学生掌握形状补间动画...
形状补间动画教案
2015—2016 学年 第一学期 《flash 形状补间动画》教案 (公开课) 2015 年 ...文字制作出形状补间动画的方法 3、学会使用“修改”—“分离”命令,将文字分离...
第十课形状补间动画教案
“动画补间动画的制作”学会创建形状补间动画,并 体会两者的异同点,是本课需要...1、引导学生完成任务:在“变形” 图层的第 60 帧到第 90 帧之间制作由“...
形状补间动画教案
让学生在轻松的环境 中完成 ( 信息技术 )学科教案 、总结 2’ 通过这一节课的学习,我们了解到形状补间动画的对象必须是矢量 图,如果遇到文字、位图、元件等...
第二课 制作形状补间动画
第二课 制作形状补间动画 2010-12-06 08:55:07| 分类: 教案设计 | 标签:...对于“打白骨精”,白骨精一会变成了美少女,一会变成老头,一会变成老婆婆,这些...
第八课 形状补间动画教案
第八课 形状补间动画一、教材分析 本节课《形状补间动画》是浙教版初中信息技术...、教学目标 知识与技能:认识动作补间动画与形状补间动画的区别; 学会制作形状...
3形状补间动画课件设计与制作
3形状补间动画课件设计与制作_工学_高等教育_教育专区。《形状补间动画课件设计与制作》 实验报告 1.实验名称形状补间动画-滋养大地 2.实验目的 1. 学习形状补间...
形状补间动画教学设计
形状补间动画”教学设计南京市第四中学 教材分析 本课教学内容是江苏省科学...(请第 3 组同学做本练 习) 3、图片与图片间形状补间动画:“盛开的小花” ...
第10课 多变的形状补间动画
第10课 多变的形状补间动画_其它课程_初中教育_教育专区。浙江教育出版社八年级...师:现在请同学们再来体验一下 hello—你好的形状补间动画 生:操作、体验 ()...
更多相关标签: