图形图像设计教案

《中文PhotoshopCS3循序渐进教程》课时教案

年级：班级：教学时间：160分钟(4课时)教师:

课题第一章图像处理基础课业类型专业理论

知识与技能：通过PPT图片和网络图片欣赏，知道软件与生活的紧密

关系，理解图像的基本概念和色彩概念，尝试制作色彩加法混合和减法混

合模式。

过程：设问引入一一学生回答一一PPT演示一一学生欣赏、观察一一学生

教

学讨论一一教师总结一一教师操作演示一一学生小组操作一一教师巡回指

目

标

导一一评价一一教师小结。

方法：通过教师设问，学生主动思考、探究讨论、采用小组合作方法，

教师巡回指导。提高理解和动手能力。

情感态度与价值观：了解软件的历史和应用领域及特点，增加学习兴

趣，发现生活的神奇与乐趣，提高鉴赏能力。

一、教材分析：本章是该教材的第一章，其内容是理论教学最重要的

一部分，内容抽象，不易理解，通过PPT演示和图片欣赏，帮助学生理解

图像的基本概念，通过制作RGB的加法混合模式、CMYK的减法混合模式，

帮助学生理解色彩的模式，达到抛砖引玉的教学目标及培养学生学习兴

趣。

二、学生状况分析：学生没有接触过该软件，通过PPT图片和网络图

片欣赏，让学生对软件产生一定兴趣，教师演示制作色彩混合和教师指导

学生制作RGB加法模式和CMYK减法模式色彩模式，帮助学生理解概念，

设计

达到预期的效果。

思路

三、教学设想和目标：通过PPT和网络图片欣赏，激发学生学习兴趣

和欲望，让学生把软件应用与生活紧密联系起来，让学生提高学习软件兴

趣，帮助学生理解理论教学中难以理解的图像和色彩概念。达到提高兴趣，

更直观、更清楚、更快捷地掌握知识点，为今后的学习打下夯实的基础。

达到预期的效果。

四、教学模式和教学策略：使用CAI(PPT)课件，使学生能够更直

观、更清楚、更快捷地掌握知识点，提高学习兴趣，另外由教师指导学生

制作RGB加法模式和CMYK减法模式，让学生深入理解色彩的概念。

教学认识和了解该软件特点和用途，学习图像处理基本概念，图像的颜色

重点模式，图像的文件格式。

教学能够理解图基本概念，图像的颜色模式，图像的文件格式，培养学

难点习兴趣和动手能力。

教学设备及软件：投影仪、多媒体计算机、Powerpoint软件、PPT课

件、internet、多媒体教室、photoshopCS3软件

教具

辅助材料：网络图片

学具

参考资料：教学光盘素材、网络图片

学生准备：教材、图片素材

一、组织教学：时间1分钟

第二、提前测评/导入课题：5分钟

一三、认定目标；时间：1分钟

教

节四、教学过程：(33分钟)

学(1)、观察/欣赏

活40

分(2)、分析引导

动

钟⑶、提问讨论

及(4)、方法/PPT演示，教师讲解分析。

时(5)、PPT呈现教学重点、难点。

间

分第一、教师演示：5分钟

配二、学生分组项目操作，教师巡回指导：20分钟

节三、学生自评、互评：5分钟

40四、教师评价：5分钟

分五、作业布置及要求：3分钟

钟六、教学小结：2分钟

••­

项v-mR-aBY

17mMinnI-H»»

O*OZM

目»■<Ksa

.

训

练

加法模式减法模式

教学1.1Photoshop的应用领域1.2图像处理基本概念

要点1.3图像的颜色模式1.4图像的文件格式

附录：

1、教学课件(PPT)

2、参考文献：

(1)、《美术教案设计》作者：王大根上海人民美术出版社2007年

(2)、《课件制作理论和制作技术》作者：李康梁斌济南大学出版2009

年

(3)、《中文PhotoshopCS3循序渐进教程》科学出版社

北京希望电子出版社2008

年

(4)、《教师备课指南有效的教学设计》作者：［美］JaniceSKowron

翻译陈超郑海霞中国轻工出版社2009年

(5)、《教学学案设计》作者：赵加琛张成菊中国轻工出版社2009年

3、学习评价表:项目训练评价表

4、教学反思

教学过程设计（160分钟、2节课、40分钟/节）

课总体

时过程时间教师活动学生活动

时间

一、组织教学检查学具、检查人数、稳定情绪、

做好课前准备

（1分钟）安定秩序。

一、设问导入新课题

（1）、设问有同学知道Photoshop是

学生举手回答

什么软件？

二、引入课题（1-2人）

PPT演示：

（5分钟）观看PPT课件

（2）、有那位同学用过该软件？（举

第

7分钟手表示用过的人数）

一

有：称赞！没有：鼓励！

节

教学要点

40

分1.1Photoshop的应用领域

钟三、认定目标

1.2图像处理基本概念观看PPT课件

（1分钟）

1.3图像的颜色模式

1.4图像的文件格式

1、观看PPT,学生讨论；观看PPT,学生

2、明确概念，教师分析；讨论，比较图片

33分钟四、教学活动3、解释概念，利用PPT配合教学；差别，发现问

4、互动教学，学生讨论，教师进行讲题，学生记笔

解；记。

学生观看教师

教师制作RGB加法模式和CMYK减

5分钟教师演示制作过程，并思

法模式

考。

学生分8组制作

教师巡回指导，发现普遍问题进行

第20分钟项目训练RGB加法模式和

分析讲解

二CMYK减法模式

节学生每组自评、

学生自评、

405分钟听学生评价选一名同学对

分互评

其他小组互评

钟

对普遍现象进行讲解，对学生进行

5分钟教师评价学生听评价

鼓励，增强学生自信心。

教师总结本次课的主要讲的内容

2分钟教学小结学生听讲解

及重点、难点提示。

布置作业对本次课的作业进行布置，并提要

3分钟学生记录

及要求求。

教学内容及过程160分钟、4个课时）

一、组织教学（1分钟）

教师活动：检查学具、检查人数、稳定情绪、安定秩序。

学生活动：做好课前准备

二、课题引入（时间分配：5分钟）

（­）设问导入新课题

（1）、设问有同学知道Photoshop是什么软件？（举手回答）（1-2人）

photoshop是Adobe公司旗下最为出名的图像处理软件之一，集图像扫描、

编辑修改、图像制作、广告创意，图像输入与输出于一体的图形图像处理软件,

深受广大平面设计人员和电脑美术爱好者的喜爱

（2）、有那位同学用过该软件？（举手表示用过的人数）（数人数评价）

有：称赞！没有：鼓励！

教师讲解及PPT演示：

Adobe公司成立于1981年，是美国最大的个人电脑软件公司之一。中

文译名：奥多比、总部：美国加州圣何塞、创建时间：1982员工人数：

在全世界26个分支机构有6,068多名员工（截至2007年1月）。

AdobeSystems是一家总部位于美国加州圣何塞的电脑软件公司。公

司由乔恩•沃诺克和查理斯•格什克创建于1982年12月，他们先前都曾

任职于施乐公司的帕洛阿尔托研究中心，离开后组建了Adobe系统公司，

使得PostScript页描述语言得到商业化应用。1985年，Adobe公司在由苹

果公司LaserWriter打印机带领下的PostScript桌面出版革命中扮演了重

要就角色，公司名称“Adobe”来自于奥多比溪：这条河在公司原位于加州

山景城的办公室不远处。2005年4月180,Adobe系统公司以34亿美元

的价格收购了原先最大的竞争对手Macromedia公司，这一收购极大丰富了

Adobe的产品线，提高了其在多媒体和网络出版业的能力，这宗交易在2005

年12月完成。2006年12月，Adobe宣布全线产品采用新图示，以彩色的

背景配搭该程序的简写，例如：蓝色配搭Ps是Photoshop,感觉像是元素

符号，引起社会极大回响。2008年，Adobe公司在Adobecs3基础上推出

AdobeCS4套装，将有更多新功能加入。

（3）、有同学能举出它在现实生活用于哪些方面？（2—3人）

学生自愿回答1-2方面的问题。

三、认定目标：1分钟

四、教学内容：33分钟

PPT演示：

1.1Photoshop的应用领域

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-120o

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格式是AdobePhotoshop软件生成的图像格式，这种格式支持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)图像文件最早应用于微软公司推出的MicrosoftWindows系

统，是一种基于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分钟/节）

一、教学目标

1.掌握利用photoshop的图像处理功能

2.学会在学习中领悟制作过程和方法

3.品格教育、肖像权教育

二、学情分析

大部分学生对图形、图像的基本知识了解不多，对他们来说，这部分知识几乎是

全新的。教学中，我将重点放在引导学生学习photoshop工具、积累图像处理方法和

提高图像处理技能上。

三、重点难点分析

1.重点

•套索工具、图章工具、模糊工具的使用

•图像处理方法

2.难点

•图像处理方法和技能的综合运用

四、教学方法

演示法、任务驱动法

五、教学时间

2课时

六、教学过程

1.明确任务

换脸技术。把右图的男孩脸换成女孩的脸。

2.方法分析

（1）素材分析

这两张图象的颜色是否相同并不重要，但光线角度最好一致，因为调整颜

色相对来说比较好调，而调整光线就不是很容易了。

（2）步骤分析

步骤工具或菜单命令

第一步：抠出女孩的脸部套索工具

第二步：复制脸部拷贝（复制）、粘贴（编辑菜单）

第三步：调整脸部角度自由变换（编辑菜单）

第四步：修整脸部的边缘橡皮工具、图章工具、模糊工具

3.工具介绍

•图章工具

【仿制图章工具】具有克隆图像的功能。配合Alt键选取图像源；松开Alt键,

拖动鼠标在图像的任意位置开始复制。

【图案图章工具】使用时首先要定义图案（用“编辑I定义图案”定义图案），

或选用已有的图案，使用方法同仿制图章工具。

•套索工具