全国xx杯计算机类说课课件：动画面板2.ppt

1、模拟凡拓动画公司 招聘要求：招聘要求： 1 1、为公司招聘制作动画片为公司招聘制作动画片GIFGIF片段的技片段的技 术员术员，根据提供的素材快速制作出根据提供的素材快速制作出 GIFGIF图片图片，主要考察对动画面板的运主要考察对动画面板的运 用能力。用能力。 2 2、具备分析问题的能力。、具备分析问题的能力。 3 3、具备自主学习和终身学习的能力。、具备自主学习和终身学习的能力。 4 4、善于抓住机遇、善于抓住机遇 5 5、具备团体合作的精神、具备团体合作的精神 请客串公司代表说招聘要求。 现场招聘 模拟凡拓动画公司 招聘要求：招聘要求： 1 1、为公司招聘制作动画片为公司招聘制作动画片G

2、IFGIF片段的技片段的技 术员术员，根据提供的素材快速制作出根据提供的素材快速制作出 GIFGIF图片图片，主要考察对动画面板的运主要考察对动画面板的运 用能力。用能力。 2 2、具备分析问题的能力。、具备分析问题的能力。 3 3、具备自主学习和终身学习的能力。、具备自主学习和终身学习的能力。 4 4、善于抓住机遇、善于抓住机遇 5 5、具备团体合作的精神、具备团体合作的精神 请客串公司代表说招聘要求。 现场招聘 2014全国“创新杯”教师说课比赛 计算机类课程 -制作动画片片段 Photoshop CS5平面设计案例教程-图层蒙版 学情 分析 学法 分析 教法 分析 教学 过程 教材 分析

3、 教学 反思 Photoshop CS5平面设计案例教程-图层蒙版 我们没有 信心学好 我们对学 习没有兴 趣 我们喜欢 动手操作 我们富有 想像力 巧 设 任 务 激 兴 趣 巧 设 任 务 激 兴 趣 课 堂 上 体 验 成 功 课 堂 上 体 验 成 功 学情 分析 教材 分析 学法 分析 教法 分析 教学 过程 教学 反思 Photoshop CS5平面设计案例教程-图层蒙版 本教材注重实 践与理论的紧密结 合，以任务驱动为 导向，以实例带动 知识。而GIF动画 是Photoshop中的 点睛之笔，在网络 上应用非常广泛。 第 七 章 动 作 动 画 及 3D 功 能 学情 分析 教材

4、 分析 学法 分析 教法 分析 教学 过程 教学 反思 第 2 节 动 画 面 板 Photoshop CS5平面设计案例教程-图层蒙版 体验成功，增强信心，从而乐学。 适时抓住机遇，提高竞争意识。 培养团队精神，提高职业素养。 学情 分析 教材 分析 学法 分析 教法 分析 教学 过程 教学 反思 能根据提供的教程模仿任务，并进行任务分析。 能举一反三，活学活用。 逐步具备终身学习的能力。 前提 达成达成 掌握使用动画面板制作GIF动画的方法。 掌握使用动画面板编辑GIF动画的方法。 实现实现 Photoshop CS5平面设计案例教程-图层蒙版 使用动画面板制作 GIF动画的方法。 理解动

5、画面板中 各按钮的作用 学情 分析 教材 分析 学法 分析 教法 分析 教学 过程 教学 反思 仿探创三个环 节的顺利实施 使用动画面板编辑 GIF动画的方法。 使用动画面板编辑 GIF动画的方法。 学生的终身学习能 力的培养 怎样让学生在课堂 上体验到成功 关键 Photoshop CS5平面设计案例教程-图层蒙版 四条基本路线 作品作品“评析评析”步步升步步升 新知应用新知应用“创创”作品作品 任务分析任务分析“探探”新知新知 大显身手大显身手“仿仿”任务任务 打破了以往打破了以往 先理论后实践先理论后实践 的教学模式的教学模式 仿仿 探探 创创 评评 我行吗？我行吗？ 我能行！我能行！

6、我一定我一定 行！行！ 我可以做我可以做 得更好！得更好！ Photoshop CS5平面设计案例教程-图层蒙版 情境模拟法情境模拟法 学情 分析 教材 分析 学法 分析 教法 分析 教学 过程 教学 反思 任务驱动法任务驱动法 竞赛激励法竞赛激励法 教程引导法教程引导法 Photoshop CS5平面设计案例教程-图层蒙版 学情 分析 教材 分析 学法 分析 教法 分析 教学 过程 教学 反思 自主参与 在模仿操作中体验成功 在任务分析中探究新知 在仿后创作中实现对知 识的灵活运用 合作探究 实践操作 独特 任务 多种 教程 奇妙 探宝 Photoshop CS5平面设计案例教程-图层蒙版

7、| 教 师 准 备 Photoshop CS5平面设计案例教程-图层蒙版 | 学 生 准 备 组长组长 记录员记录员 汇报员汇报员 自评员自评员 互评员互评员 Photoshop CS5平面设计案例教程-图层蒙版 学情 分析 教材 分析 学习 方法 教学 方法 教学 过程 教学 反思 创创 仿仿 触触 评评 探探 结结 延延 仿 探 创 评 Photoshop CS5平面设计案例教程-动画面板 触 动 画 片 引 任 务 触 动 画 片 引 任 务 触 宫崎骏动画 天空之城 Photoshop CS5平面设计案例教程-动画面板 招聘要求：招聘要求： 1 1、为公司招聘制作动画片为公司招聘制作动

8、画片GIFGIF片段的技片段的技 术员术员，根据提供的素材快速制作出根据提供的素材快速制作出 GIFGIF图片图片，主要考察对动画面板的运主要考察对动画面板的运 用能力。用能力。 2 2、具备分析问题的能力。、具备分析问题的能力。 3 3、具备自主学习和终身学习的能力。、具备自主学习和终身学习的能力。 4 4、善于抓住机遇、善于抓住机遇 5 5、具备团体合作的精神、具备团体合作的精神 模拟凡拓动画公司现场招聘 触 职 场 定 任 务 触 职 场 定 任 务 触 请客串公司代表说招聘要求。 热身任务 进阶任务 挑战任务 仿 仿 创 探 探 招聘要求招聘要求2和和3 招聘要求招聘要求2、3、4 招

9、聘要求招聘要求1、5 Photoshop CS5平面设计案例教程-动画面板 触 生 活 备 任 务 触 生 活 备 任 务 触 Photoshop CS5平面设计案例教程-动画面板 招聘闯关招聘闯关 三 触 引 入 现 任 务 三 触 引 入 现 任 务 触 Photoshop CS5平面设计案例教程-动画面板 大 显 伸 手 仿 任 务 大 显 伸 手 仿 任 务 仿 1、改变教师示范、学生观摩、学生再实践的模式 2、附和招聘中终身学习能力的要求 3、避免学生操作时盲目性，无目的性 4、避免教师指导不及时。 设计意图 Photoshop CS5平面设计案例教程-动画面板 热身任务：热身任务：

10、利用所提供的素材-“我错了”相关图 片，实现效果图所示的“我错了”动画 效果制作。 大 显 伸 手 仿 任 务 大 显 伸 手 仿 任 务 仿 相关素材相关素材 动画效果动画效果 Photoshop CS5平面设计案例教程-动画面板 热身任务：热身任务：利用所提供的素材-“我错了”相关图 片，实现效果图所示的“我错了”动 画效果制作。 大 显 伸 手 仿 任 务 大 显 伸 手 仿 任 务 仿 利用动画面 板制作动画 的方法 Photoshop CS5平面设计案例教程-动画面板 大 显 伸 手 仿 任 务 大 显 伸 手 仿 任 务 仿 进阶任务：进阶任务：对“我错了”动画效果进行修改，使 其

11、效果更合理。 循环播放循环播放 动作太快动作太快 怎 样 修 改 ？ 怎 样 修 改 ？ Photoshop CS5平面设计案例教程-动画面板 大 显 伸 手 仿 任 务 大 显 伸 手 仿 任 务 仿 利用动画面 板编辑动画 的方法 Photoshop CS5平面设计案例教程-动画面板 任 务 分 析 探 新 知 任 务 分 析 探 新 知 探 第一步：第一步：课件播放探宝规则课件播放探宝规则 探宝规则：探宝规则：本任务采取自本任务采取自 主选宝的方式主选宝的方式，每团队每团队2 2宝宝， 探出计探出计2 2分分，探不出不得分探不出不得分 也不扣分。也不扣分。 第二步：第二步：根据任务讨论探

12、根据任务讨论探 究并填写任务书究并填写任务书 第三步：第三步：各组依次进行探宝各组依次进行探宝 Photoshop CS5平面设计案例教程-修复工具组 电 子 书 辅 助 参 考 材 料 电 子 书 辅 助 参 考 材 料 Photoshop CS5平面设计案例教程-修复工具组 助 学 动 画 助 学 动 画 FLASH Photoshop CS5平面设计案例教程-动画面板 宝藏宝藏1 1 宝藏宝藏2 2 宝藏宝藏3 3 宝藏宝藏4 4 根据仿例，请说出在Photoshop中制作动态图片 需要借助于哪个调板？如何打开？ 怎样调整帧上所显示的效果？ 在动画调板中，制作动画的原理是什么？ 动态图片

13、在保存时需要注意的问题是什么？ 任 务 分 析 探 新 知 任 务 分 析 探 新 知 探 单击 单击 单击 单击 Photoshop CS5平面设计案例教程-动画面板 任 务 分 析 探 新 知 任 务 分 析 探 新 知 探 第一步：第一步：课件播放探宝规则。课件播放探宝规则。 探宝规则：探宝规则：本任务共宝，采用抢答的本任务共宝，采用抢答的 方式，探对一宝方式，探对一宝3 3分，并有额外奖励，分，并有额外奖励， 探错或探不出倒扣探错或探不出倒扣3 3分。分。 第三步：第三步：抢答，进行探宝。抢答，进行探宝。 第二步：第二步：根据任务书讨论讲究并填写任务书根据任务书讨论讲究并填写任务书 动

14、画效果播放速动画效果播放速 度太快，通过时度太快，通过时 间设置怎样改善间设置怎样改善 动画的效果播放动画的效果播放 速度太快，通过速度太快，通过 时间设置怎样改时间设置怎样改 善？善？ 动画效果播放速度动画效果播放速度 太快，通过动画调太快，通过动画调 板的按钮怎样改善板的按钮怎样改善 通过动画调通过动画调 板可以对帧板可以对帧 进行哪些操进行哪些操 作？作？ 恭喜你获得 “探宝冠军” 荣誉称号 钢 笔 一 支 修 正 带 一 盒 很遗憾 你挖到 妖怪了！ 单击单击 单击单击 单击单击 单击单击 Photoshop CS5平面设计案例教程-动画面板 学生“仿” 学生“探” 教师巡回指导，对于

15、典型问题教师巡回指导，对于典型问题 在探宝汇报的过程中辅以多媒在探宝汇报的过程中辅以多媒 体网络教室软件进行讲解演示体网络教室软件进行讲解演示, 并对操作技巧提点。并对操作技巧提点。 制作动画：在操作时，首先选中某一制作动画：在操作时，首先选中某一 帧，然后在图层调板中调帧，然后在图层调板中调 整该帧要显示的图像整该帧要显示的图像 调整动画：一是可以通过时间调整动画：一是可以通过时间 二是可以通过动画面板二是可以通过动画面板 Photoshop CS5平面设计案例教程-动画面板 1 1、改变常规的由知识储备到知、改变常规的由知识储备到知 识应用的教学方法识应用的教学方法 2 2、围绕工作任务展

16、开教学，由、围绕工作任务展开教学，由 任务分析解决学生学什么的任务分析解决学生学什么的 问题。问题。 3 3、 “我行吗我行吗”变为变为“我能行我能行”。 三“引” 二“仿” 二“探” 教程引导学生去操作 任务书引导学生去思考 教学课件引导学生去探宝。 Photoshop CS5平面设计案例教程-动画面板 学生已经初步掌握了动画面板的应用原 理，能否达到应聘要求呢？ 评价内容：学生能很好的进行模仿操作，并 能进行任务分析，具备了一定的自主学习的 能力，但不知能否快速制作出指定效果的作 品，是否具备团队精神。 请招聘代表对各团队的表现进行评价 检验环节“创” Photoshop CS5平面设计案

17、例教程-动画面板 挑战任务：挑战任务：利用提供的“天空之城”相关素材图 片实现“天空之城”动画片段的制作。 新 知 应 用 创 作 品 新 知 应 用 创 作 品 创 Photoshop CS5平面设计案例教程-动画面板 新 知 应 用 创 作 品 新 知 应 用 创 作 品 创 “我能行我能行” “我一定行我一定行” Photoshop CS5平面设计案例教程-动画面板 仿 探 创 接触重点 首次突破难点 巩固重点 再次突破难点 强化重点 三次突破难点 招聘要求2 招聘要求3 招聘要求1 Photoshop CS5平面设计案例教程-动画面板 作 品 评 析 步 步 升 作 品 评 析 步 步

18、 升 评 师生共同根据量化评价确定出应聘成功的团 队发放聘书。 自评员和互评员根据学习质量评价表进行自 评和互评。 “我一定行我一定行” “我可以做得更好我可以做得更好 ” 多元化评价 Photoshop CS5平面设计案例教程-路径工具 结 课 堂 小 结 盘 知 识 课 堂 小 结 盘 知 识 学知接龙 由动画我想到了（动画原理：帧） 由帧我想到了（编辑动画：添加、删除帧） 由动画速度我想到了 Photoshop CS5平面设计案例教程-动画面板 动画面板 1、制作动画的方法 2、编辑动画的方法 帧上图像连续播放 动画面板 Photoshop CS5平面设计案例教程-动画面板 课下根据提供

19、的素材，自选 一组素材，制作一段动画短 片,发送到教学平台。 延 课 后 延 伸 显 神 通 课 后 延 伸 显 神 通 Photoshop CS5平面设计案例教程-动画面板 学情 分析 教材 分析 学习 方法 教学 方法 教学 过程 教学 反思 现场招聘现场招聘 现代化教学手段现代化教学手段 教学资源教学资源 Photoshop CS5平面设计案例教程-动画面板 延延 结结 评评 创创 探探 仿仿 触触 学情 分析 教材 分析 学习 方法 教学 方法 教学 过程 教学 反思 巧 意 犹 未 尽 欲 罢 不 能 激趣激趣 树信心树信心 做中学 做中教 先实践 后理论 乐学乐学 会学会学 Photoshop CS5平面设计案例教程-图层蒙版 感谢您的聆听 恳请各位评委批评指正！