2022年《PS打造漂亮及动态小鸟》教案设计

1、ps 打造漂亮的动态小鸟教学设计【教材分析】本节课是科学出版社出版的图形图像处理（photoshop 平台）职业技能培训教程第九章网页动画中第二小节动画的内容。photoshop 具有图像处理功能，同时也可以利用动画面板制作gif动画，使网页制作更加完善。本节的主要教学内容是通过制作动态小鸟这一任务，使学生掌握利用动画面板制作动画的常用方法，并对动画有一个初步的认识和了解。【学生分析】教学的对象为07 级的学生，他们具有一定的分析能力，独立性和合作力也有所提升，对一些事物形成自己的想法，本课的主题设计学生比较非常感兴趣。学生在学习本课之前已经熟练地掌握了photoshop 的基本知识和技能，

2、但对于在 photoshop 中如何利用动画面板制作简单动画等内容还未学习和掌握。【教学目标】知识与技能目标1 了解帧和动画的概念2 掌握利用动画面板制作简单动画的方法。过程与方法目标1 通过对项目的分析，提高学生分析问题、解决问题的能力；2 通过观察和实践，使学生掌握动画制作的方法。情感态度价值观目标1通过动态小鸟的制作，体验成功的乐趣，提高专业学习兴趣。【教学重点】动画面板与图层面板配合使用制作动画【教学难点】根据实际要求灵活利用动画面板和图层面板制作动画【教学方法】任务驱动法为主，结合直观启发式教学、小组合作法【教学准备】多媒体网络教室项目实施前提供给学生ps打造漂亮的动态小鸟学习页及项

3、目学习评价表等学习资料。【教学流程】环节实训内容教师活动学生活动精品学习资料 可选择p d f - - - - - - - - - - - - - - 第 1 页，共 4 页 - - - - - - - - -精品学习资料 可选择p d f - - - - - - - - - - - - - - 第 1 页，共 4 页 - - - - - - - - -组织教学课前 5 分钟整队到实训室，清点人数，强调实习过程遵章守纪等。项目展示播放课件，展示动态小鸟的图片。展示项目，激发学生学习兴趣；项目教学法项目分析分析效果图之前我们所制作的图片都是静态的，如何制作动态图片呢？这是我们将要学习的内容。讨论

4、：如何让小鸟动起来呢？这里给了一张素材图，我们通过对素材图的处理实现小鸟的动画。（下图为素材图）请大家观察素材图和效果图之间有什么区别？（效果图比素材图中多了一只小鸟，而且是动态的）小组讨论：（1）如何实现第二只小鸟？（2）观察动态的小鸟有几种状态？（3）确定项目实施步骤根据讨论结果，确定项目实施的步骤。1复制另一只小鸟所用工具及命令：磁性套索工具，ctrl+j命令，自由变换命令，复制图层等。2小鸟动画的实现所用命令：动画面板，复制所选帧等。教师提问教师总结学生分组展开讨论，得出结果，填写学习页 中 第 一 部分。项目实施步骤 1复制另一只小鸟1 打开素材图2 用磁性套索工具勾选出小鸟的轮廓。

5、可以用增加选区的教 师 巡 回 指精品学习资料 可选择p d f - - - - - - - - - - - - - - 第 2 页，共 4 页 - - - - - - - - -精品学习资料 可选择p d f - - - - - - - - - - - - - - 第 2 页，共 4 页 - - - - - - - - -方式分多次勾选，直到选出整只小鸟为止。3 ctrl +j复制小鸟为单独的图层鸟1，用移动工具将它拖到树枝的另一边，ctrl+t调整到合适的角度。现在我们就有了两只并排站立的小鸟。步骤 2完成小鸟的动态介绍新知识点：帧、动画的概念（课本p254）动画： 动画就是在一定时间内显

6、示的一系列图像或帧。每一帧比前一帧有一定的变化，当连续、快速地显示这些帧时就创造出运动效果。帧： 一帧代表一个画面制作动画时，需使用“动画”和“图层”两调板。刚才我们分析了动态的小鸟有三个不同的状态，因此我们需要增加三个不同状态的小鸟图层。在不同时刻显示小鸟的每个状态。4 复制鸟 1 图层得鸟1 副本，重命名为“鸟2”，水平翻转后再 ctrlt调整角度。5 调整好“鸟2”的角度后再次ctrl+j复制出“鸟2 副本”重命名为 “鸟 3” ， 然后隐藏“鸟1”和“鸟 2”层，去掉图层前面的小眼睛图标即可隐藏。6 用磁性套索工具沿着鸟头与身体相交的部分勾选出小鸟的头。7 执行水平翻转后，再ctrl+

7、t调整角度，形成鸟儿回头看的样子。8 打开“动画”面板。选择第 1 帧，隐藏其它图层， 只显示鸟 1 和背景，并将显示时间设为1 秒。9 单击“复制当前帧”按钮三次，复制出另外三帧。10选择第 2 帧，隐藏其它图层，只显示鸟2 和背景11选择第 3 帧，只显示鸟3 和背景。12选择第4 帧，只显示鸟2 和背景，并将显示时间设为 2 秒。13播放动画观看效果。执行文件 / 存储为 web和设备所用格式。 在弹出对话框中，一般无需修改默认参数，直接点击“存储”按钮，即可保存gif 动态图。导；师 生 共 同 分析、解决问题介绍新知识点利用一个小动画来讲解如何制作动画教师总结动态图片的保存方法：“文

8、件” /“存储为 web 和设备所用格式” ，输入文件名，存储类型为gif学生操作填写学习页中第二部分学生参照课本自主学习，并填写学习页中第四部分学生继续操作完成整个作品成果展示1 所有学生作品进行上传2展示部分学生作品展示作品精品学习资料 可选择p d f - - - - - - - - - - - - - - 第 3 页，共 4 页 - - - - - - - - -精品学习资料 可选择p d f - - - - - - - - - - - - - - 第 3 页，共 4 页 - - - - - - - - -项目评价1作品评价（学生自评、学生互评、老师评价）2对操作中存在的问题进行简要总结。3在评价基础上各人进行反思，并将反思情况填写在“反思与探究”的相应表格中。4课后完成学习页中第三部分。教师对作品进行补充评价学生互评；取长补短。填写学习评价页中第一部分内容项目延伸制作环绕渐隐渐现拖尾效果，如图所示：最终效果图1 基本图形：打开rotate.jpg ，如图所示，分解各个圆钮图层。2 编辑调整：制作圆钮次第渐隐渐现，形成动画效果。3 效果装饰：调整动画每6 秒循环一周。rotate.jpg清理现场1关闭电脑，整理工作台和凳子；2实习场地卫生清理。【教学反思】精品学习资料