图形图像设计教案.doc

中文PhotoshopCS3循序渐进教程课时教案年级： 班级： 教学时间： 160分钟 （4课时） 教师： 课题第一章 图像处理基础课业类型专业理论教学目标知识与技能：通过PPT图片和网络图片欣赏，知道软件与生活的紧密关系，理解图像的基本概念和色彩概念，尝试制作色彩加法混合和减法混合模式。过程：设问引入学生回答PPT演示学生欣赏、观察学生讨论教师总结教师操作演示学生小组操作教师巡回指导评价教师小结。方法：通过教师设问，学生主动思考、探究讨论、采用小组合作方法，教师巡回指导。提高理解和动手能力。情感态度与价值观：了解软件的历史和应用领域及特点，增加学习兴趣，发现生活的神奇与乐趣，提高鉴赏能力。设计思路一、教材分析：本章是该教材的第一章，其内容是理论教学最重要的一部分，内容抽象，不易理解，通过PPT演示和图片欣赏，帮助学生理解图像的基本概念，通过制作RGB的加法混合模式、CMYK的减法混合模式，帮助学生理解色彩的模式，达到抛砖引玉的教学目标及培养学生学习兴趣。二、学生状况分析：学生没有接触过该软件，通过PPT图片和网络图片欣赏，让学生对软件产生一定兴趣，教师演示制作色彩混合和教师指导学生制作RGB加法模式和CMYK减法模式色彩模式，帮助学生理解概念，达到预期的效果。三、教学设想和目标：通过PPT和网络图片欣赏，激发学生学习兴趣和欲望，让学生把软件应用与生活紧密联系起来，让学生提高学习软件兴趣，帮助学生理解理论教学中难以理解的图像和色彩概念。达到提高兴趣，更直观、更清楚、更快捷地掌握知识点，为今后的学习打下夯实的基础。达到预期的效果。四、教学模式和教学策略：使用CAI（PPT）课件，使学生能够更直观、更清楚、更快捷地掌握知识点，提高学习兴趣，另外由教师指导学生制作RGB加法模式和CMYK减法模式，让学生深入理解色彩的概念。教学重点认识和了解该软件特点和用途，学习图像处理基本概念，图像的颜色模式， 图像的文件格式。教学难点能够理解图基本概念，图像的颜色模式， 图像的文件格式，培养学习兴趣和动手能力。教具学具教学设备及软件：投影仪、多媒体计算机、Powerpoint软件、PPT课件、internet 、多媒体教室、photoshopCS3软件 辅助材料：网络图片参考资料：教学光盘素材、网络图片学生准备：教材、图片素材教学活动及时间分配第一节40分钟一、 组织教学：时间1分钟 二、 提前测评/导入课题：5分钟三、 认定目标；时间：1分钟四、 教学过程：（33分钟）（1）、观察/欣赏（2）、分析引导（3）、提问讨论（4）、方法/PPT演示，教师讲解分析。（5）、PPT呈现教学重点、难点。第二节40分钟一、教师演示：5分钟 二、学生分组项目操作，教师巡回指导：20分钟三、学生自评、互评：5分钟 四、教师评价：5分钟五、作业布置及要求：3分钟六、教学小结：2分钟项 目训 练加法模式 减法模式教学要点1.1 Photoshop的应用领域 1.2 图像处理基本概念 1.3 图像的颜色模式 1.4 图像的文件格式附录：1、教学课件（PPT）2、参考文献：（1）、美术教案设计 作者：王大根 上海人民美术出版社 2007年（2）、课件制作理论和制作技术 作者：李康 梁斌 济南大学出版 2009年（3）、中文PhotoshopCS3循序渐进教程 科学出版社 北京希望电子出版社 2008年（4）、教师备课指南有效的教学设计 作者：美Janice SKowron 翻译 陈超 郄海霞 中国轻工出版社 2009年（5）、教学学案设计 作者：赵加琛 张成菊 中国轻工出版社 2009年3、学习评价表:项目训练评价表4、教学反思教学过程设计（160分钟、2 节课、40分钟/节）课时总体时间过程时间教师活动学生活动第一节40分钟7分钟一、组织教学（1分钟）检查学具、检查人数、稳定情绪、安定秩序。做好课前准备二、引入课题（5分钟）一、设问导入新课题（1）、设问有同学知道Photoshop是什么软件？ PPT演示:（2）、有那位同学用过该软件？（举手表示用过的人数）有：称赞！ 没有：鼓励！学生举手回答（1-2人）观看PPT课件三、认定目标（1分钟）教学要点1.1 Photoshop的应用领域 1.2 图像处理基本概念1.3 图像的颜色模式 1.4 图像的文件格式观看PPT课件33分钟四、教学活动1、观看PPT，学生讨论；2、明确概念，教师分析；3、解释概念，利用PPT配合教学；4、互动教学，学生讨论，教师进行讲解；观看PPT，学生讨论，比较图片差别，发现问题，学生记笔记。第二节40分钟5分钟教师演示教师制作RGB加法模式和CMYK减法模式学生观看教师制作过程，并思考。20分钟项目训练教师巡回指导，发现普遍问题进行分析讲解学生分8组制作RGB加法模式和CMYK减法模式5分钟学生自评、互评听学生评价学生每组自评、选一名同学对其他小组互评5分钟教师评价对普遍现象进行讲解，对学生进行鼓励，增强学生自信心。学生听评价2分钟教学小结教师总结本次课的主要讲的内容及重点、难点提示。学生听讲解3分钟布置作业及要求对本次课的作业进行布置，并提要求。学生记录教学内容及过程160分钟、4个课时）一、组织教学（1分钟）教师活动：检查学具、检查人数、稳定情绪、安定秩序。学生活动：做好课前准备二、课题引入（时间分配：5分钟）（一）设问导入新课题（1）、设问有同学知道Photoshop是什么软件？（举手回答）（1-2人）photoshop是Adobe公司旗下最为出名的图像处理软件之一，集图像扫描、编辑修改、图像制作、广告创意，图像输入与输出于一体的图形图像处理软件，深受广大平面设计人员和电脑美术爱好者的喜爱（2）、有那位同学用过该软件？（举手表示用过的人数）（数人数评价）有：称赞！ 没有：鼓励！教师讲解及PPT演示：Adobe公司成立于1981年，是美国最大的个人电脑软件公司之一 。中文译名：奥多比、总部：美国加州圣何塞、创建时间： 1982 员工人数：在全世界 26 个分支机构有 6,068多名员工 (截至2007年1月)。Adobe Systems是一家总部位于美国加州圣何塞的电脑软件公司。公司由乔恩沃诺克和查理斯格什克创建于1982年12月，他们先前都曾任职于施乐公司的帕洛阿尔托研究中心，离开后组建了Adobe系统公司，使得PostScript页描述语言得到商业化应用。1985年，Adobe公司在由苹果公司LaserWriter打印机带领下的PostScript桌面出版革命中扮演了重要就角色，公司名称“Adobe”来自于奥多比溪：这条河在公司原位于加州山景城的办公室不远处。2005年4月18日，Adobe系统公司以34亿美元的价格收购了原先最大的竞争对手Macromedia公司，这一收购极大丰富了Adobe的产品线，提高了其在多媒体和网络出版业的能力，这宗交易在2005年12月完成。2006年12月，Adobe宣布全线产品采用新图示，以彩色的背景配搭该程序的简写，例如：蓝色配搭Ps是Photoshop，感觉像是元素符号，引起社会极大回响。2008年，Adobe公司在Adobe cs3基础上推出Adobe CS4套装，将有更多新功能加入。（3）、有同学能举出它在现实生活用于哪些方面？（23人）学生自愿回答12方面的问题。三、认定目标：1分钟四、教学内容：33分钟PPT演示: 1.1 Photoshop的应用领域1、在平面设计领域： 可以设计出商标、包装、海报、样本、招贴、壁纸和网页等平面作品。2、在绘画领域：Photoshop具有强大的绘图功能，利用它们可以绘制出逼真的卡通形象、人物、动植物、产品效果，以及生活中看到的所有事物等。 3、在数码照片处理领域：Photoshop拥有强大的图像修复与调整功能，利用它们可以进行照片合成、修复与上色等操作。 通过PPT让学生观察两副图像放大的变化，学生观察讨论发现问题。1.2 图像处理基本概念（难点、重点部分）1.2.1 位图和矢量图图像的分类：位图和矢量图1位图（点阵式图像）位图是由许多色块组成的，每一个色块就是一个像素。像素只显示一种颜色，是构成图像的最小单位。放大位图后可看到这些色块，即我们所说的马赛克效果。（突出图像变模糊，像素是正方形） 2矢量图（向量图形） 矢量图主要由设计软件（如Illustrator和CorelDRAW等）通过数学公式表达的线条和曲线构成。它与分辨率无关，也无法通过扫描获得。矢量图被放大后，其图像质量不会发生任何改变。矢量式图像处理软件有Freehand、Illustrator、CorelDraw和AutoCAD等。学生讨论：位图与矢量图的区别：位图优缺点：优点：色彩和色调变化丰富，可以较逼真地反映自然界的景物，同时也容易在不同软件之间交换文件。缺点：在放大缩小或者旋转处理后会产生失真，同时文件数据量巨大，对内存要求容量也较高。矢量图优缺点：矢量图优点：（1）文件小；（2）图像元素对象可编辑；（3）图像放大或缩小不影响图像的分辨率；（4）图像的分辨率不依赖于输出设备；缺点：（1）重画图像困难；（2）逼真度低，要画出自然度高的图像需要很多的技巧。从位图和矢量图的概念引出概念1.2.2 图像大小与分辨率 像素: “像素”（Pixel） 是由 Picture(图像) 和 Element(元素)这两个单词的字母所组成的，连续色调其实是由许多色彩相近的小方点所组成，这些小方点就是构成影像的最小单位“像素”（Pixel）这种最小的图形的单元能在屏幕上显示通常是单个的染色点。越高位的像素，其拥有的色板也就越丰富，越能表达颜色的真实感。 一个像素通常被视为图像的最小的完整采样。像素大小：像素大小就是指位图图像在高度和宽度上的像素数量。图像大小：是指图像的高度和宽度。图像分辨率：是指显示或打印图像时，在每个单位上显示或打印的像素数，通常以“像素/英寸”（pixel/inch，ppi）来衡量。 1.3 图像的颜色模式通过光的折射引出颜色的概念人眼所能接受的可见光都会以颜色的形式被人感知，所以，人能识别任何颜色！人不能识别的电磁波都不能用颜色表述。颜色实际上是一种心理物理上的作用，所有颜色印象的产生，是由于时断时续的光谱在眼睛上的反应，所以色温只是用来表示颜色的视觉印象。 色光的三原色：红光（Red）、绿光(Green)、蓝光（Blue）。色素的三原色：品红（Magenta）、黄色（Yellow）、青色（Cyan）。颜色模式：是指图像在显示或打印输出时定义颜色的不同方式。颜色色彩模式常见的颜色模式包括HSB模式、RGB模式、CMYK模式、Lab模式以及一些为特别颜色输出的模式，比如索引颜色和双色调模式。不同的颜色模式定义的颜色范围也不同。颜色模式除确定图像中能显示的颜色数之外，还影响图像的通道数和文件大小。RGB颜色模式是Photoshop中最常用的一种颜色模式，该模式图像是用红(Red)、绿(Green)、蓝(Blue)三种色彩叠加形成的其他色彩，可叠加多达1670万种颜色，是编辑图像的最佳颜色模式其中每个像素的 RGB分量分配一个 0（黑色） 255（白色）范围的强度值。R、G、B值相等时，像素颜色为灰色，R、G、B值都为“0”时，像素颜色为黑色。R、G、B值都为“255”时，像素颜色为白色。CMYK模式是一种印刷模式，它由分色印刷的4种颜色组成，100%的青（Cyan）、100%的洋红（Magenta）、100%的黄色（Yellow）和黑色黑色(Black)。在CMYK模式下的图像是4通道图像，每一个像素由32位的数据表示。 在处理图像时，一般不采用CMYK模式，因为这种模式文件大，会占用大量的磁盘空间和内存。通常都是在需要印刷时才转换成这种模式。 Lab颜色模式是Photoshop在不同颜色模式之间转换时使用的内部颜色模式。它能毫无偏差地在不同系统和平台之间进行转换。L代表光亮度分量，范围为0-100；a分量表示从绿到红的光谱变化，b表示从蓝到黄的光谱变化，两者范围都是+120 120。 HSB模式 是一种基于人的直觉的颜色模式。HSB模式描述颜色有3个特征；色相(Hue)、 饱和度(Saturation)和亮度(Brightness)。H表示色相，色相是从物体反射或透过物体传播的颜色。S表示饱和度，有时也称色彩度，是指颜色的强度或纯度。B表示亮度，亮度是颜色的相对明暗程度。灰度模式 灰度模式也是用黑白两色来进行显示的模式。但灰度模式中的每个像素是由8位数据来记录的，因此能够表现出256种色调。灰度模式的图像可以直接转换成黑白模式的图像和RGB模式的彩色图像，同样，黑白模式图像和彩色模式图像也可以直接转换成灰度模式图像。1.4图像文件格式 引入：在不同领域、不同的工作环境中，因为用途不同所使用的图形图像的文件格式也不一样。例如，Word中的图形图像格式一般为BMP或TIF格式的文件；在网页中使用的图像格式则是PNG、JPEG和G1F格式的图形文件；印刷输出的图像格式一般为EPS或TIF的格式以下是图形图像常用文件格式。 PSD(PSD)格式 PSD格式是Adobe Photoshop软件生成的图像格式，这种格式支持Photoshop中所有的图层、通道、参考线、注释和颜色模式功能。在保存图像时，若图像中包含有图层，则一般都用PSD格式保存。若要将具有图层的PSD格式图像保存成其他格式的图像，则应在保存前合并图层，这样保存后的图像将不再具有任何图层。由于PSD格式所包含图像数据信息较多(如图层、通道、剪辑路径、参考线等)，因此比其他格式的图像文件要大得多。 TIFF(Tp)格式 TIFF的英文全名是TaggedlmageFileFormat(标记图像文件格式)。这种格式是为了便于在应用程序之间和计算机平台之间进行图像数据交换而产生的。因此，TIFF格式应用非常广泛，可以在许多图像软件和平台之间转换，是一种灵活的位图图像格式它支持RGB、 CMYK、Lab、索引、位图模式和灰度的颜色模式，并且在RGB、CMYK和灰度3种颜色模式中还支持使用通道、图层和路径的功能。 JPEG(.JPE、.JPG)格式 JPEG格式的图像通常用于图像预览和一些超文本文档中(HTML文档)。这种格式的量大特色就是文件比较小，经过高倍率的压缩，是目前所有格式中压缩率最高的格式。但是它在压缩保存的过程中会丢失一些数据，因而保存后的图像没有原图像的质量好，不适宜做印刷品的图像格式JPEG格式支持CMYK、RGB和灰度的颜色模式，但不支持Alpha通道。GIF(GIF)格式GIF格式是CompuServe提供的一种图形格式，能够在通信传输时较为节省，它可使用LZW压缩方式将文件压缩而不会太占磁盘空间，因此它也是一种经过压缩过的格式。GIF格式还可以广泛应用于因特网HTML网页文档中，但它只能支持8位的图像文件。该格式主要适用于位图、灰度和索引颜色模式，且不含Alpha通道的图像。 BMP(BHP、RLE)格式BMP(Bitmap)图像文件最早应用于微软公司推出的Microsoft Windows系统，是一种基于Windows标准的位图式图形文件格式，它支持RGB、索引、灰度和位图颜色模式，但不支持Alpha通道。该文件格式还可以支持24位的格式。五、教师演示：5分钟 教师制作RGB加法模式和CMYK减法模式六、项目训练：20分钟 学生分组制作RGB加法模式和CMYK减法模式，教师巡回指导，发现普遍问题进行分析讲解七、学生自评、互评：5分钟 学生每组自评、然后选一名同学对其他小组评价，说制作过程的问题与成功经验。八、教师评价：5分钟 对普遍现象进行讲解，对学生进行鼓励，增强学生自信心。九、教学小结：2分钟 本次课讲解了photoshop的应用领域，图像处理的概念，图像的颜色模式，图像的文件格式，进行了加法模式和减法模式的制作，重点需要同学们理解图像处理的概念、颜色模式，熟悉图像的文件格式。培养学生学习兴趣和动手能力，发现生活的神奇与乐趣，提高鉴赏能力。十、布置作业及要求：3分钟 P6 思考与练习 2问答题：（1）、（2）作业要求：1、认真分析位图与矢量图的区别，区分图像的各种格式。2、认真理解图像的分辨率的概念十一、拓展学习学生上网欣赏用Photoshop制作的广告、商标、包装、海报、样本、招贴、壁纸、网页等平面作品及照片的处，提高学生欣赏能力和学习兴趣。项目训练评价表：组别加法模式减法模式学生评价教师评价备注第一组完成完成好中第二组完成未完成中一般第三组完成完成好好第四组完成完成中中第五组完成完成好好第六组完成未完成中中第七组完成完成好好第八组完成完成好好注：加法模式、减法模式：统计是否完成学生评价：好、中、一般教师评价：好、中、一般十一、教学反思：开放性、拓展性、研究性是本课程的特点，重在开发学生培养学生兴趣和审美观念。是否每个学生都观看了幻灯片后，都能辨别出图像细微差别，有多少学生积极参与讨论活动，在制作项目训练加法模式、减法模式时，是以小组为单位进行制作，每个学生是否都参与制做。学生互评时，是否做好相互公正。在教学过程整体设计中，学生制作项目训练图像的颜色模式是否合理，图像的文件格式设计中，图片的支持不多，学生是否理解。通过课后学生反馈调整教学设计。教学过程设计（160分钟、4 节课、40分钟/节）一、 教学目标 掌握利用photoshop的图像处理功能 学会在学习中领悟制作过程和方法 品格教育、肖像权教育二、 学情分析大部分学生对图形、图像的基本知识了解不多，对他们来说，这部分知识几乎是全新的。教学中，我将重点放在引导学生学习photoshop工具、积累图像处理方法和提高图像处理技能上。三、 重点难点分析 重点l 套索工具、图章工具、模糊工具的使用l 图像处理方法 难点l 图像处理方法和技能的综合运用四、 教学方法演示法、任务驱动法五、 教学时间2课时六、 教学过程 明确任务换脸技术。把右图的男孩脸换成女孩的脸。 方法分析（1） 素材分析 这两张图象的颜色是否相同并不重要，但光线角度最好一致，因为调整颜色相对来说比较好调，而调整光线就不是很容易了。（2） 步骤分析步骤工具或菜单命令第一步：抠出女孩的脸部套索工具第二步：复制脸部拷贝（复制）、粘贴（编辑菜单）第三步：调整脸部角度自由变换（编辑菜单）第四步：修整脸部的边缘橡皮工具、图章工具、模糊工具 工具介绍l 图章工具【仿制图章工具】具有克隆图像的功能。配合Alt键选取图像源；松开Alt键，拖动鼠标在图像的任意位置开始复制。【图案图章工具】使用时首先要定义图案（用“编辑|定义图案”定义图案），或选用已有的图案，使用方法同仿制图章工具。l 套索工具【套索工具】可以用鼠标在图像中徒手描绘，制作出轮廓随意的选区。通常用它来勾勒一些形状不规则的图像边缘。【磁性套索工具】是一种具有自动识别图像边缘功能的套索工具。当鼠标移动回起点时，光标的右下脚会出现一个小圆圈，表示选择区域已经封闭，最后在这里点击鼠标即可完成操作。l 模糊工具一种通过笔刷绘制，使图像局部变得模糊的工具。 学生练习1) 学生从教师机上获取练习素材2) 学生根据所给指示进行练习3) 教师根据学生情况进行个别辅导4) 学生提交练习作品 课堂小结l 作品展示与评价l 学习方法小结换脸技术逐步说明： 1、看见预览图了吗，就是把右图的男孩脸换成女孩的脸。现在我们来具体制作这个效果。 2、单击菜单“文件打开”打开两张张图象，一张是只需要脸部的图象和一张被换的图象，如下图。（注意一点：这两张图象的颜色是否相同并不重要，但光线角度最好一致，因为调整颜色相对来说比较好调，而调整光线就不是很容易了） 3、，我们得先把女孩的脸给抠下来。点击工具箱中的套索工具，沿着女孩脸部的轮廓拖动鼠标进行选取，如果你的图片太小，可采用放大镜工具将图片放大进行选取，完成后有虚线显示如下图5.按下CTRL+C复制选中的区域，然后粘贴到另一个图象中。如下图6、 此时你可以看到女孩头像的大小以及角度都不太匹配，必须调整一下，否则安上去就变成大脑袋歪脖子了。点击菜单“编辑自由变换”或者按快捷键Ctrl+T键，在头部会出现一个调整框，按住Shift键用鼠标拖拉调整框的端点进行调整头像的大小，然后把鼠标放在调整框的四个顶角的外面，当鼠标变成拐弯的箭头时，就可以调整图象的角度了，调整满意后直接按回车即可，并用移动工具移到适当的位子，如图。7、此时你可以看到图象基本就移过来来了，但是你发现没有图象有很多都不太合理，如图象的边缘太锐利，以及图象的额头部分及颜色都不太自然，给人一种带了假面具的感觉？ 8、可用橡皮工具删除额头多余的部分 9、选取底图为工作图层，点击工具箱中的图章工具，按住Alt键，当鼠标变成图章时选取脸部边缘的地方，放开Alt键，选取女孩头像的图层为工作层，用鼠标点击女孩图象的边缘，此时你就可以发现脸部边缘就和底图融合了，（图章的作用就是复制所选的区域和点）一点一点的如此反复，使脸部的边缘颜色和底图相近。10、选取工具箱中模糊工具，涂擦图象边缘，使之模糊一点一边和底图更加融合。看看所做的图象，大功告成。