全国“xx杯”计算机专业类说课大赛优秀作品：《青春形象设计》教学设计.doc

1、 2013 年全国中等职业学校 “创新杯”教学设计 教案 参 评 教 师 匡瑜 参 评 组 别 计算机类专业课程 参 评 科 目 Photoshop 图形图像处理 报 送 日 期 2013 年 10 月 15 日 2 材名称及版本： Photoshop CS3 案例应用教程 雷波主编 高等教育出版社 2008 年 4 月第 1 版 单元序号：第 4 章 影楼后期制作 目目 录录 项目教学设计说明 （3） 教案 项目 2青春形象设计 （4 课时）（6） 客户需求书（14） 项目任务书（15） 3 项目教学设计说明项目教学设计说明 一一、项目总体设计、项目总体设计 Photoshop 图形图像处理

2、是我校中职计算机网络技术专业网络管理与维 护方向的方向性课程，是以培养 Photoshop 平面设计中等应用型人才为培养目 标。本课程以介绍实际工作中常见的平面作品的设计方法为主线，重点介绍利用 Photoshop CS3 中文版进行平面设计的基本方法。 色彩与构图是本课程的前 序课程， Flash 动画制作 、 Dreamweaver 网页制作是本课程的后续课程，故 本课程起到了承上启下的作用，学习好本课程十分关键。针对该课程我们选用的 教材是高等教育出版社出版的，雷波主编的Photoshop CS3 案例应用教程 。 该教材以“理论+案例”的形式组织教学内容，内容清晰明了，实用性强。 参加

3、本课程学习的对象是我校中职二年级第一学期计算机网络技术专业的学 生。他们对于这类技能类的课程比较重视、参与性强；但单纯的案例模仿学习已 经限制了他们活用知识的能力，他们期望学习的案例能更贴近他们的生活实际， 完成从单纯模仿到灵活运用的蜕变。 在图像数字化的今天，大多数人甚至图文设计工作室、照相馆、影楼都在使 用数码相机进行人像拍摄，数码后期制作这个岗位越来越受欢迎，我校亦开办了 图文工作室作为学生的创业基地， 工作室宗旨是在为广大师生提供良好的图文服 务，服务包括证件照、大头贴、个人艺术照的拍摄与制作等，自开办以来取得了 效益与口碑的双丰收。 充分利用学校现有的创业岗位条件，在保障原教材知识技

4、能的基础上，考虑 学生的年龄特点，我对原教材的“第 4 章 影楼后期制作”中的知识技能进行了 补充与重组，设计了项目数码照片后期制作 ，项目由层层递进的 4 个子项目 展开教学。 原教材原教材 整合章节整合章节 项目项目 4.1 影楼后期简介 4.2.1 调整色彩平淡的 照片 4.2.5 面部平滑去斑术 项目 1制作大头贴 （4 课时） 4.2 常用数码照片调整案 例 4.2.1 调整色彩平淡 的照片 4.2.2 锐化照片 4.1 影楼后期简介 4.3 时尚型个人写真照 片设计 项目 2青春形象设 计 （4 课时） 4 4.2.3 修复发霉褶皱 的旧照片 4.2.4 修复磨损断裂 的旧照片 4

5、.2.5 面部平滑去斑 术 4.4 卡通型儿童写真照 片设计 4.2.2 锐化照片 项目 3可爱宝贝写真 设计 （4 课时） 4.3 时尚型个人写真照片 设计 4.4 卡通型儿童写真照片 设计 4.2.3 修复发霉褶皱的 旧照片 4.2.4 修复磨损断裂的 旧照片 项目 4旧照换新颜 （4 课时） 项目 1 和项目 2 以校图文工作室的真实案例作为学生创作的来源， 通过合理 地补充课堂教学内容，使得课堂更贴近学生的生活实际，更贴近企业岗位技能， 从而提高学生的实践操作能力、缩短就业适应期、提高对口就业率。 项目 1 学生受校图文工作室的委托， 对客户张艳同学的数码照片进行调色与 修片，为她打造

6、出精美的大头贴，通过项目的完成，熟练掌握使用 Photoshop 对 人像数码照片的调色和修片功能，同时也为项目 2青春形象设计打下基础。 项目2在项目1的基础上，学生再次受校图文工作室的委托，为客户陈黎春同 学进行青春形象设计，通过项目的完成，主要掌握制作个人形象照片的设计思路 和绘制要领。通过合理组合基本图像元素，如照片、图案、文字等，为陈黎春同 学制作出精美的个人照片合成效果。 二、二、项目项目知识点知识点 项目一： 制作大头贴 序号序号 主要知识点主要知识点 功能功能 1 色阶、曲线 恢复部分色彩，提高整体亮度 2 高斯模糊滤镜、图 层蒙版 对人物的面部进行平滑处理 3 画笔工具 使用

7、画笔工具抹去人物面部的各种瑕疵 4 图层混合模式 给人物脸部柔化肌肤 5 通道 利用通道给人物抠图 项目二： 青春形象设计 序号序号 主要知识点主要知识点 功能功能 1 通道与滤镜 制作彩色半调背景图案 5 2 选取工具 利用魔术棒、套索等工具选取人物 3 变形与移动工具 进行照片大小的调整与照片的合成 4 图层样式面板 给图层添加艺术效果 5 文字工具 添加变形文字 6 自定义形状工具 添加装饰图案 三、教学策略与手段三、教学策略与手段 根据以上教学内容分析，基于奥苏贝尔的“动机理论” 、建构主义学习理论 和中专学生的学习特点及心理特点， 学习是学习者在一定的情景下借助于相关学 习资源自我建

8、构知识的过程，本次课主要采取以下教学方法： 学法指导：学法指导： 1. 模仿学习法 通过整合教材的案例，让学生先模仿学习教材中的案例，掌握数码照片后期 制作的一般流程和基本技能。 2. 自主探究法 利用课程网站提供的丰富的学习资源进行自主探究学习，主动构建知识，激 发求知欲。 3. 小组合作学习法 通过组内的讨论及互助共同掌握数码照片后期制作的方法及技巧， 体会集体 合作学习的愉快。 教法设计教法设计： 1. 情境创设法 通过校图文工作室来创设真实的学习情景， 创设贴近学生生活， 又结合就业、 岗位的情景，引发学生学习兴趣，引领学生学习操作技能的同时，又能提前关注 就业及岗位信息。 2. 任务

9、驱动法 采用任务驱动法贯穿整个学习过程， 通过完成项目一个个循序渐进设计的任 务（项目任务书辅助） ，培养学生独立分析问题、解决问题的能力。 3. 演示教学法 对学生在操作中难度较大及学生出现错误较多的部分进行广播演示 （穿插在 任务解决的过程中）或“学习视频”演示。通过演示让学生由此及彼地掌握类似 的操作。演示教学是教学课堂中最直观、最有效的教学方法。 6 项目项目 2青春形象设计青春形象设计 一、一、项目实施流程说明项目实施流程说明 由于上次张艳同学的大头贴制作得相当成功， 好多学生都来图文工作室要求 对自己的形象进行设计：有的要制作成大头贴，有的要制作成艺术照片最好 像明星似的闪闪亮亮的

10、。其中，陈黎春同学想让工作室人员给自己拍照并设计制 作成一张与众不同的，能够显示自己青春活力的形象艺术照。于是，图文工作室 的工作人员想委托大家帮忙制作陈黎春同学的青春形象艺术照，同样，作品一旦 被选中将会获得一份精美的礼品哟！心动不如行动吧！ 青春形象设计项目开展的环节流程图如下： 整个项目采用任务驱动的方式展开，通过任务布置引导流程环节。我先向学 生展示大家喜闻乐见的具有活力青春的明星艺术照片，学生通过观察、比较，分 析得出“青春形象设计”的特点，在分析的同时也是项目流程的初步规划。其次 我再进一步引导学生分析项目的流程并形成一个个具体的任务，通过任务规划， 让学生做到心中有流程，操作要规

11、范。然后再让学生对图文工作室委托的陈黎春 同学的照片进行简单的调色与修片处理， 重点是人物、 背景、 文字等元素的设计， 最后制作好陈黎春同学的青春形象艺术照。 在这个项目的开展过程中以教材原案例为创作载体进行基本技能的教学， 学 生以自己的项目任务书和客户需求书为指导，在“先模仿后探究”的过程中内化 技能， 层层递进完成 5 个任务， 最终完成为陈黎春同学设计青春形象的项目任务。 二、教材分析二、教材分析 在项目 1 的基础上，通过对原教材4.1 影楼后期简介、4.3 时尚型个人 写真照片设计整合设计了项目 2。通过完成项目 2，熟练掌握使用 Photoshop 对 人像数码照片进行形象设计

12、的功能，同时也为项目 3可爱宝贝写真设计和项 7 目 4旧照换新颜打下基础。 三、学情三、学情分析分析 学生经过本课程前 3 章以及项目 1 的学习，已经熟练掌握了 Photoshop 的基 本概念与基本操作、常用工具的使用，能够利用调整命令、图层蒙版和滤镜、修 复工具等对人像数码照片进行基本的调色与修片处理， 为本项目的学习打下了良 好的基础，但是还缺乏对个人形象进行艺术设计的能力。 四、教学目标四、教学目标 依据Photoshop 图形图像处理教学大纲中的课程目标，结合岗位关键技 能，根据学生的实际情况，以及本单元的教学要求，教学目标确定如下： 【知识与能力】 1. 熟知确定个人形象设计的

13、一般流程； 2. 能综合运用所学知识制定青春形象设计的方案； 3. 掌握青春形象设计的方法及技巧； 4. 能熟练完成青春形象的设计。 【过程与方法】 1.通过资源整合创设个性化的学习环境，培养学生自主探究的学习能力； 2. 通过任务驱动培养学生分析、解决问题的能力，提高学生综合应用能力。 【情感态度与价值观】 1. 通过为客户设计一张满意的个人形象照片，增强学生的自信心； 2. 通过小组实施任务，培养学生细心、严谨的工作态度和团队协作精神； 3. 通过多元化的评价方式，让学生形成正确的审美观和客观评价作品的能 力。 五、教学重点五、教学重点 1. 彩色半调图案制作：重要的背景图案； 2. 人物

14、效果的制作：形象设计的主体。 依据：两者皆是个人设计类作品的重要元素，同时也是重要技能。 六、教学难点六、教学难点 标题文字的艺术设计技巧：标题文字应突出，色彩要鲜明，设计要新颖。 依据：标题文字会做不难，做好不易。职校生缺乏艺术美感的熏陶。 七、资源整合七、资源整合 1.人力资源：人力资源：计算机网络技术专业 Z1141 班 32 人，4 人/组，共 8 组 2.设备资源：设备资源：多媒体网络机房 3.软件资源：软件资源： 1）教材原实例（模仿学习的载体） 8 2) 教学课件教学课件（课堂学习的指南针） 3）学习视频）学习视频（突破难点的利器） 4）课程网站）课程网站（探究学习的海洋） （1

15、）利用课程网站整合教学资源，为学生提供丰富的学习资源； （2）利用课程网站提供的“资料下载” 、 “作品上传”功能，方便学生进行素 材下载和作品上传，且便于后续学习作品的完善及修改； （3）利用课程网站中“学习资源” 、 “网络教程”等栏目让学生在课余也能进 行自主探究学习； （4）利用网站“互动交流”进行师生问题探讨； （5）利用“评价网站”展示作品及投票。 5）QQ 空间空间（个人作品的收藏空间） 八、教学过程设计八、教学过程设计 环环 节节 活动过程活动过程 设计意图设计意图 教教 学学 准准 备备 【教师】【教师】 1、硬件准备硬件准备：多媒体网络机房，学生一人一机； 2、软件软件准备

16、准备：Photoshop CS3 中文版、屏幕广播教学软件、相关网站发布； 3、素材准备素材准备：青春形象设计项目书、教学课件、教学视频等。 【学生】【学生】 1、预习：预习：课前上课程网站了解项目的相关信息； 2、下载：下载：上课提前进机房，从课程网站上下载本课的项目任务书及其他相关素 材。 教材实例贴 近 学 生 生 活，学生易 接受。 课程网站， 辅助教学。 创创 设设 情情 境境 1、 真实情境创设真实情境创设：我校图文工作室接到了一个客户案例，为客户陈黎春同学设 计一张青春形象艺术照。 2、 【教师】提出项目：【教师】提出项目：为陈黎春同学设计一张青春形象艺术照 真实情境导 入，激发

17、学 生的参与意 识、学习兴 趣。 项项 目目 分分 析析 分析需求，分析需求， 确定主题确定主题 【学生学生】在教师的指导教师的指导下阅读并填写客户需求书，从而确定主题为 青春形象设计。 欣赏作品，欣赏作品， 总结要素总结要素 【教师】展示【教师】展示教材实例及青春活力明星艺术照，指导学生分析分析这些 实例，总结设计要素：背景、人物、文字和装饰。 9 环环 节节 活动过程活动过程 设计意图设计意图 模仿学习，模仿学习， 明确流程明确流程 【教师】【教师】1、布置学习任务布置学习任务以“舞动青春”为例进行模仿学习模仿学习。 2、引导学生分析制作个人形象设计的一般流程一般流程： 任务任务 1：规划

18、布局 任务任务 2：处理照片 任务任务 3：制作背景 任务任务 4：添加人物 任务任务 5：添加标题和装饰 原图 效果图 模仿学习， 学生准备技 能，为后面 自主探究学 习 打 好 基 础。 明确任务， 熟悉流程， 做到规范操 作。 技技 能能 准准 备备 学生设计，学生设计， 教师点评教师点评 任务任务 1：规划布局（绘制草图） 【学生】自主设计，完成任务【学生】自主设计，完成任务 1规划布局规划布局 【教师】【教师】个别巡视辅导 屏幕转播具有典型性的几张草图设计 【学生】【学生】1、通过观察、比较，分析观察、比较，分析其优缺点 草图存在问题草图存在问题 解决办法解决办法 元素较少，画面较单

19、调 规范设计元素：背景、人物、主题文 字不可缺 元素较多，画面较杂乱 强调画面多点布局的注意点，要有大 小的对比，注意“留白”的艺术性。 2、修改自己的草图 画面的布局 是作品成败 的关键，学 生通过比较 分析具有典 型 性 的 草 图，掌握了 布 局 的 技 巧。 10 环环 节节 活动过程活动过程 设计意图设计意图 学生探究，学生探究， 师生归纳师生归纳 任务任务 2：处理照片（色阶和曲线） 原图原图 任务任务 2 效果图效果图 【教师】【教师】 展示任务效果图， 提出探究任务提出探究任务使用图像调整中的命使用图像调整中的命 令令完成指定效果。 【学生】【学生】1、自主尝试，完成任务自主尝

20、试，完成任务 1处理照片。 2、观察比较，找出最佳方案：观察比较，找出最佳方案： 解决问题解决问题 可行方案可行方案 最佳方案最佳方案 恢复色彩， 使其 更丰富 1、 “色相/饱和度”命令 2、 “色阶”命令 “色阶”命令 调整明暗， 提高 照片整体亮度 1、 “亮度/对比度”命令 2、 “曲线”命令 “曲线”命令 人像数码照 片的调色在 前一个项目 中已经熟练 掌握。让学 生 自 主 探自 主 探 究究，有意识 地培养学生 活用知识的 能力，体现 学 生 “ 主 体” 。 巩固前面所 学，达到灵 活运用的目 的。 教师演示教师演示， 学生学生模仿模仿 任务任务 3：制作背景（彩色半调滤镜、通

21、道、矩形选区工具等） 【教师】演示【教师】演示实例中的彩色半调制作步骤，让学生直观了解 使用屏幕广播软件演示任务使用屏幕广播软件演示任务 3 的制作步骤的制作步骤: 1、新建文件：五寸照片：五寸照片：宽 12.7cm，高 8.9cm，分辨率：300 像 素/英寸；色彩模式CMYK。 2、新建通道，绘制正圆选区，并填充白色，取消选区； 3、 选择“滤镜/像素化/彩色半调”菜单命令， 弹出“彩色半调”对话 框，设置“最大半径” 参数； 4、载入通道的选区，在“图层”控制面板中，将选区填充蓝色， 教师示范演教师示范演 示示，让学生 思路清晰， 明白操作的 难点。 教师“主导” 作用。 讲授法是最 直

22、接最有效 的 教 法 之 一。 11 环环 节节 活动过程活动过程 设计意图设计意图 将蓝色图形进行复 制，调整它们的位置和大小。 【学生】模仿完成任务【学生】模仿完成任务 3制作背景 【教师】屏幕转播，解决学生共性问题：【教师】屏幕转播，解决学生共性问题： 为何在新建通道中使用彩色半调滤镜制作失败？ 原因：在新建通道中绘制白色正圆后没有取消选区。 【学生】初体验彩色半调滤镜的神奇：【学生】初体验彩色半调滤镜的神奇： 彩色半调滤镜的最大半径值对效果的影响？ 最大半径值越小，半调图案的圆点就越小，数量就越多； 最大半径值越大，半调图案的圆点就越大，数量就越小； 把新建通道中的正圆改成其它图形如正

23、方形，结果如何？ 生成的是正方形彩色半调图案 【教师】补充：【教师】补充：彩色半调滤镜功能 彩色半调滤镜是将图像精细分格，然后向方格中添入像素，以 小圆点代替方块。 先模仿后探 究，符合职 校生的认知 规律 教师引导教师引导， 视频辅学视频辅学 任务任务 4：添加人物（图层复制、图层不透明度、图层样式） 【教师】 ：提示【教师】 ：提示实例中的人物抠像，添加人物重影、轮廓发光的操 作 人物抠像时的容差设置，抠像后的细节修补 图层的不透明度的不同（参数） 图层样式：外发光（注意外放光的相应参数的改变对效果的影 响） 【学生】【学生】观看课程网站中的学习视频学习视频“添加人物” ，完成任务，完成任

24、务 4 添加人物。 巩固之前项 目中所学的 知 识 与 技 能，学以致 用，深刻体 会 其 功 能 ， “ 在 做 中 学” 学习视频演学习视频演 示示，可让学 生 查 漏 补 缺，让不同 层次的学生 均能完成学 习任务。 技技 能能 拓拓 展展 小组协作，小组协作， 网站辅学网站辅学 【教师教师】布置学习任务完成客户形象设计完成客户形象设计，探究提升提升技能 【学生】【学生】分组讨论分组讨论客户形象设计的一般制作流程： （1） 规划布局； （2）处理照片； （3）制作背景； （4）添加人物； 通过完成客 户项目，巩 固所学知识 的同时探究 提升技能， 学以致用是 学生学习的 最大动力和 兴趣

25、。 12 环环 节节 活动过程活动过程 设计意图设计意图 （5）添加标题和装饰。 已学会：步骤（1）（4） （模仿习得） ； 未学会：步骤（5） 。 【教师教师】布置学习任务任务任务 5：添加标题和装饰：添加标题和装饰。 【学生】【学生】1、组内协作，完成装饰图案装饰图案和标题文字标题文字的初步制作。 装饰图案：自定形状工具制作； 标题文字：变形文字工具制作。 2、发现问题：对标题文字的效果不满意。 【教师教师】提出技巧：标题文字的艺术设计技巧标题文字的艺术设计技巧 【学生】【学生】利用课程网站课程网站提供的教程自主探究学习，完成作品。若有 问题可分组讨论。 课程网站提供：课程网站提供： 艺术

26、文字的设计原则 利用图层样式美化文字 【教师】【教师】展示展示典型作品，指导指导学生观察分析问题： 作品 1：标题文字看不清；作品 2：简单文字特效；作品 3：文字 特效比较好；作品 4：文字的特效、彩色、布局均不错。 【学生学生】1、通过对比分析，掌握技巧： （1）标题文字要突出，一目了然； （2）色彩要鲜明，抓住眼球； （3）设计要新颖，富有个性。 2、学生修改作品并保存。 【教师教师】展示学生作品。 通过课程网 站等多种信 息化教学手 段，增强了 学生自主探 究学习的能 力，学会学 习。 多多 元元 评评 价价 多元评价，推优展示多元评价，推优展示 1.【教师】 ：【教师】 ：提供评价表

27、、作品评价网站 2.【学生】 ：【学生】 ：自评、组评，评选出本组最佳作品，并通过评价网站上传。 3.【作品展示作品展示】每组最佳作品代表宣传作品。 4.【作品评价网站】 ：【作品评价网站】 ：展示推优作品，作品在线投票，实时显示投票结果。 5.【客户评价客户评价】 ：课外，请客户陈黎春同学通过评价网站进行投票，确定自己喜欢 的作品，由校图文工作室打印作品。 多元评价， 起到导向、 激励、反馈 的作用。 通过评价网评价网 站站 展 示 作 品，形成健 康 的 价 值 观。 作作 业业 布布 置置 1、写一写：你的制作感想（项目任务书） 。 2、试一试：课余学习使用路径工具制作特效文字。 援助之

28、手：课程网站中的“网络教程” 、 “参考文献” ； 课程网站中的论坛交流论坛交流 作品保存：QQ 空间空间等。等。 结合网络资 源进行自主 学习，拓宽 了视野，提 升了技能。 九、教学反思九、教学反思 回顾整个教学过程： （一）经验体会（一）经验体会 13 1、客户案例激发学习兴趣。本项目以我校图文工作室的真实案例作为学习 任务，很好地激发了学生的学习兴趣和创作热情，学生学有所用。 2、模仿学习提高目标达成。学生通过模仿实例习得基本技能，然后自主探 究，进行个性化创作，这种先统一模仿后自主探究的教学形式不仅提高了目标达 成率，而且兼顾到了学生的个性化学习需求。 3、网站辅学促进自主学习：课程网

29、站为学生课前、课中及课后的自主学习 提供了平台，拓宽了学生学习的时间和空间。 （二）（二）改进提升改进提升 1、需提升学生艺术美感。计算机专业的学生整体缺乏艺术美感的熏陶，尤 其在布局和配色方面，缺乏艺术设计，需要在后续项目中多练习、多思考和多积 累。 2、应加入教学反馈环节。一个项目完成后应及时向学生收集教学反馈信息， 以便后续项目更好地开展，更贴近学生的学习实际。 14 项目项目 2 客户需求书客户需求书 接待员 浦海滨 填报时间 2013.4.17 客户姓名 陈黎春 客户电话 138196XXXX 客户性别 女 客户年龄 17 客户职业 学生 客户所属系别班 级（办公室） 商旅系 Z14

30、41 客户要求 1. 作品类型：个人形象艺术照 2. 版面尺寸：1 寸 2 寸 5 寸 7 寸 其它：_ 3. 张数要求：1 张 4. 作品风格：青春活力型 5. 有无提供数码照片： 有 无 张数： _1_ 6. 特殊说明： 肤色白皙一点； 个人喜爱清新明亮的色彩； 照片要突显人物性格。 15 项目项目 2 学生学生任务书任务书 班级 姓名 组名 本次任务 青春形象设计青春形象设计 任务分解 学生活动 援助之手 客户需求， 确定主题 1.阅读陈黎春同学的客户需求书，明确客户制作要求 ： ： ： ： ： ： ： 2.浏览“个人形象示例” ，启发灵感 （1）你可以浏览老师课程网站提供的“示例” （

31、2）你也可以在网上浏览，利用“百度搜索引擎” 3.总结设计要素： ： ： ： ： ： ： ： 1. 课程网站 2. 网上搜索 规划布局， 收集素材 制作步骤： 1. 版面设计（草图） 2.新建文件：画布大小为 所用素材有：自行绘制 外部素材处理导入 3.作品描述： 风格： 张数： 16 制作作品 1. 规划布局 要求： 所用技术： 2. 处理照片 要求： 所用技术： 3. 制作背景 要求： 所用技术： 4. 添加人物 要求： 所用技术： 5. 添加标题和装饰 要求： 所用技术： 1.学习视频 2.课程网站 展示作品， 交流评价 请你对自己的青春形象设计作品进行自评： 1.作品评价 表 2.评价网站 自评 环节 评价标准 自评 组评 环节 1(10) 主题明确、内容健康 17 环节 2(15) 设计要素齐全，布局合理 环节 3(15) 人物照片处理得当，符合 客户需求 环节 4(15) 合理运用各种 PS 技术 环节 5(15) 作品风格统一、创意新颖 环节 6(10) 完成作品、按时提交作品 及作品文档 环节 7(10) 与组内人员能协调沟通， 相互帮助 环节 8 （10） 展示作品，表达流畅 合 计： 作品制作感 想 我的感想：