7.2 手机订餐APP界面设计（教案）-高一《图形图像处理：Photoshop CC》同步精品课堂（高教版2018）

课 题 模块七 手机订餐APP界面设计 课 型 理实一体 课 时 1 授课班级 授课时间 授课教师 教材分析 《图形图像处理——Photoshop CC》是为了适应职业教育教学改革和创新需要编写的。本书重点的介绍了使用Photoshop CC进行程序设计时应具备的基础知识、专业知识和使用技巧，详略得当、难度适中有利于初学者快速掌握必备的知识。 本节课内容为教材中“模块七 的第二部分 手机订餐APP界面设计 学情分析 知识储备：了解手机订餐APP界面设计基础知识以及相关案例的实施； 能力水平：熟悉手机订餐APP界面设计基础知识和案例实施中的各项操作步骤，以及其中的相关知识。 学习目标 知识目标：了解手机订餐APP界面设计基础知识以及相关案例的实施； 能力目标：使用手机订餐APP界面设计基础知识和案例实施中的各项操作步骤，以及其中的相关知识。 素质目标：熟悉手机订餐APP界面设计基础知识和案例实施中的各项操作步骤，以及其中的相关知识。 学习重难点 教学重点：了解手机订餐APP界面设计基础知识以及相关案例的实施； 教学难点：熟悉手机订餐APP界面设计基础知识和案例实施中的各项操作步骤，以及其中的相关知识。 教学方法 讲授法、演示法 课前准备 教师准备：讨论主题、学生任务书 学生准备：在线讨论、完成任务书 教学媒体 多媒体教室 教学过程 教学环节 教师活动设计 学生活动设计 设计意图 活动一： 创设情境 生成问题 1.操作引出主题 提前对本节课的主要教学任务进行提前告知学生。 提问：对本节课的手机订餐APP界面设计基础知识的预习情况？ 2.分发学习任务书 引导学生分析任务书，明确本节课的学习内容。 3. 展示学习目标 1.提前对本节课要将的知识点传达给学生，提前传达学生本节课的学习目标，以此设置问题进行互动。 2.接收并查看本节课堂任务书 3.查看并记住本节任务的学习目标 1.提前将所学的知识传达给学生，对知识点进行深度掌握。 2.下发和展示任务，让学生明确课堂任务，学习课堂知识。 活动二： 调动思维 探究新知 手机订餐APP界面 制作如图7-14所示的手机订餐APP界面效果。 1.逐步对手机订餐APP界面所涉及到的知识点进行学习和重点分析。 通过讲授和罗列框架等形式对知识进行学习，并完成课后练习。 1. 细化课程知识点设计，让每一位学生都能被关注到。 2. 知识点在学生心理更清晰明了。 案例解析 本案例中，需要完成以下操作： ．通过为素材图片添加“高斯模糊"滤镜，制作背景标题部分的图像效果 ．借助图层蒙版制作上半部分锅盖形状的菜品罗列效果 ．组合图像、文字、形状等素材，借助图层样式完成热销菜品的设计。 ．利用“矩形工具"、“模排文字工具"完成图像底部长矩形导航的设计。 2.案例解析 （1）讲解每个知识点，并结合实际操作形式和操作方法的形式进行讲授。 （2） 听课、理解；针对不明白知识点提问、讨论，询问学生是否对知识理解透彻。 （3） 对例题进行解答。 1.按学生的学习规律，循序渐进引入本课重点知识学习 2.通过课件、实操截图等多媒体方式讲解，易于学生理解和实战。 活动二： 调动思维 探究新知 案例实施 （1）执行菜单“文件一新建"命令，新建一个文件，文件名为“手机订餐APP界面"，宽度为1350像素，高度为2100像素，分辨率为300像素/英寸，颜色模式为RGB颜色，背景颜色为 #e6e3e3，单击“创建"按钮 （2）打开素材“背景.jpg"，利用“移动工具"将其移动到当前文件中，自动生成“图层1 "，调整图像的大小及位置，如图7一巧所示 （3）选择“图层1 "，执行菜单“滤镜模糊高斯模糊"命令，设置模糊半径为10像素，添加模糊滤镜后的效果如图7一16所示。 （4）选择“椭圆选框工具" ，按住Shift键绘制一个圆形选区。选择“矩形选框工具" ， 在其工具栏中选择“从选区减去"选项，在圆形选区的下半部分绘制矩形，减去圆形选区的下半圆。 （5）在“图层1 "上方新建图层，并命名为“锅盖"。打开“路径"面板，选择“从选区生成工作路径"按钮，将半圆形选区生成为工作路径，效果如 17所示。 （6）将前景色设置为白色，选择“画笔工具"，设置大小为10像素，硬度为100％；在“图层" 面板中选择“锅盖"图层；在“路径"面板中单击“用画笔描边路径"按钮0 ，描边后的效果如图7一18所示。 （7）利用“直线工具"、“矩形工具"，设置工具模式为“像素"，在“锅盖"图层继续绘制锅盖内部线条及提手部分，效果如图7一19所示 （8）打开素材“图像l.jpg"，利用“移动工具"将其移动到当前文件中，自动生成“图层2" 的位置，