图形图像教案概述.docx
《图形图像教案概述.docx》由会员分享,可在线阅读,更多相关《图形图像教案概述.docx(197页珍藏版)》请在冰豆网上搜索。
图形图像教案概述
教案簿
科目:
图形图像处理
班级:
11—18、12—06班
周学时:
6学时
任课教师:
杨晓明
教师备课教案
授课题目
图形图像基础知识
1.1Photoshop功能简介
1.2图像的基本概念
授课时数
2
教学目的及要求
知识目标:
1、了解Photoshop的功能。
2、掌握图像的基本概念
教学重点及难点
教学重点:
1、Photoshop的功能
2、图像的种类
教学难点:
图像的种类
提问内容
请学生举例自已印象深刻的平面设计作品有哪些
教学方法
讲授、分组讨论
教具及参考书
《PhotoshopCS3试题汇编》
授课内容:
一、导入新课(20分钟)
二、新课内容(60分钟)
三、思考题和作业(10分钟)
四、板书设计
五、教学后记
教师备课教案
一、导入新课
给学生展示一些优秀的PS作品,由此使学生了解PS的功能。
使学生明确本课程的主要学习目标,进而制定相应的学习计划和学习方法。
二、新课内容
第一章图形图像基础知识
1.1Photoshop功能简介
Photoshop是一款强大的平面设计软件,在网页设计、建筑效果图设计、平面广告设计、特效文字设计、界面设计和影像创意设计等设计领域都有广泛的应用。
1.平面设计的概念
平面设计是设计者借助一定的工具材料,将所要表达的形象及创意在二维空间中塑造出的视觉艺术。
广泛应用于广告、招贴、包装、海报、插图及网页制作等,因此,平面设计就是视觉传达设计。
在一个平面上的内容就是二维。
二维即左右、上下两个方向,不存在前后。
在一张纸上的内容就可以看做成是二维。
即只有面积,没有立体。
二维是平面技术的一种,例如普通的平面动漫,称之为二维动漫、简称二维。
(富有立体感的是三维)。
另外,脑海里的想象也可看做二维。
2.平面设计的应用
(1)广告设计
在现实生活中,广告已和人类社会的经济以及人们的文化生活紧密交织在一起。
在平面广告设计中一般包含有文字和图形。
常见的表现手法有:
名人与名牌、夸张与准确、幽默与悬念、劝导与引诱恐吓等。
广告作品一般由主题、创意、文字、形象和衬托等组成。
广告创作就是将这些要素有机地结合起来,成为一则完整的广告作品,如图1-1所示。
图1-1广告设计
教师举例,再引导学生举例,激发学生的设计与制作欲望。
挑选其中几个例子讲解设计与制作思路和大致技术,使学生了解软件的各项功能。
教师备课教案
(2)商标设计
标志,是表明事物特征的记号。
商标、店标、厂标等专用标志对于发展经济、创造经济效益、维护企业和消费者权益等具有巨大的实用价值和法律保障作用。
各种国内外重大活动、会议、运动会以及邮政运输、金融财贸、机关、团体乃至个人(图章、签名)等几乎都有表明自己特征的标志,如图1-2所示。
(3)包装设计
包装是商品生产的延续,是商品的有机组成部分,商品经过包装,生产过程才算完成。
随着商品经济的发展,商品的包装设计越来越受到重视,如图1-3所示。
图1-2商标设计图1-3鲜奶包装设计
(4)网页设计
在因特网上,有很多设计独特、美观、新颖的网站,这些网站的网页使用了许多平面设计的技巧,如图1-4所示。
图1-4网页设计
教师备课教案
1.2图像的基本概念
1.2.1图像的种类
计算机图像分为两大类:
位图图像和矢量图形。
1.位图图像
位图是指以点阵方式保存的图像,主要用于保存各种照片图像。
由像素点组合生成图像,一般由PHOTOSHOP和PHOTOIMPACT,PAINTER,COOL3D等图像软件绘制生成。
除之以外,使用数码相机所拍摄的照片和使用扫描仪扫描的图像也都以位图图像形式保存。
但是,位图的缺点是文件尺寸太大,且和分辨率有关。
因此,当位图的尺寸放大到一定程度后,会出现锯齿现象,图像将变得模糊,由于位图记录的是每一个像素的位置和颜色,所以图像像素点越多,即分辨率越高,图像越清晰,所占的硬盘空间也大,在处理图像时,计算机的运行速度也比较慢。
位图图象是把整幅图片分成若干个小方块,每一个小方块就是一个象素,比如一张图片的分辨率是800象素X600象素,就是说这张图片的长是800个象素,宽是600个象素。
在处理位图的时候,编辑的是象素而不是对象或形状,也就是说编辑的是每一个点。
位图图象的优点是图象逼真,效果可以达到照片级别,可以很真实地表现真实生活中的任何事物。
如图1-5所示。
图1-5位图放大后会出现锯齿现象
2.矢量图形
矢量图是指利用图形的几何特性进行描述的各种图形,与分辨率无关,将图形放大到任意程度,都不会失真,矢量图像是由一系列数学公式表达的线条所构成,这些线条的“颜色”、“位置”、“曲率”、“粗细”等属性都由许多工作复杂的数学公式表达。
用矢量表达的图像,线条光滑、流畅,对矢量图像进行多倍放大后,图像的线条仍然非常光滑,并在整体上保持图像不变形。
由于矢量图像的特性,企业的标志、产品的LOGO、卡通形象以及文字等线条流畅、色彩较为单纯的作品,常被绘制成为矢量图像。
Illustrator,CorelDRAW以及FreeHandL软件则是专业的矢量图创作软件。
如图1-6所示。
图1-6矢量图放大到任意程度,都不会失真
三、思考题和作业
1、举例说明PhotoshopCS3的功能
2、矢量图形与位图图像的区别
四、板书设计
第一章图形图像基础知识
1.1Photoshop功能简介
1.2图像的基本概念
1.2.1图像的种类
五、教学后记
通过典型实例帮助学生区分位图图像与矢量图形的区别。
教师备课教案
授课题目
图形图像基础知识
1.2图像的基本概念
授课时数
2
教学目的及要求
1、掌握像素和分辨率等基本概念
2、了解常见的图像格式。
教学重点及难点
1、像素和分辨率
2、图像格式
3.色彩的三要素
4、色彩的分类
提问内容
1、Photoshop的功能
2、图像的种类
教学方法
讲授
教具及参考书
《PhotoshopCS3试题汇编》
授课内容:
一、复习旧课(10分钟)
二、导入新课(10分钟)
三、新课内容(60分钟)
四、思考题和作业(10分钟)
五、板书设计
六、教学后记
教师备课教案
一、复习旧课
1、Photoshop功能
2、图像的种类
二、导入新课
上一节我们学习了图像的种类,这次课我们将继续学习一些图像的基本概念,这对我们今后使用Photoshop进行设计制作非常有用,比如我们想进行图像处理之前必须有一定的色彩知识,图像的基本知识是这我们进行图形图像处理的基础,所以有必要认真学习。
三、新课内容
1.2.2像素和分辨率
要学习计算机平面设计,必须掌握图像的像素数据是如何被测量与显示的基本知识,这里涉及以下几个概念。
(1)像素大小:
指位图在高、宽两个方向的像素数。
(2)图像分辨率:
指打印图像时,在每个单位长度上打印的像素数,通常以“像素/英寸”(pixel/inch,ppi)来衡量,如图1-7所示。
(1个像素) (1英寸内有8个像素,即8ppi)
图1-7分辨率
(3)显示器分辨率:
在显示器中每个单位长度显示的像素或点数,通常以“点/英寸”(dpi)来衡量。
显示器的分辨率依赖于显示器尺寸与像素设置,个人计算机显示器的典型分辨率通常为96dpi。
(4)打印机分辨率:
与显示器分辨率类似,打印机分辨率也以“点/英寸”来衡量。
如果打印机分辨率为300~600dpi,则图像的分辨率最好为72~150ppi;如果打印机的分辨率为1200dpi或更高,则图像分辨率最好为200~300ppi。
讲清基础知识的重根性,使学生不要急于操作,打好基础有助于今后的软件使用。
教师备课教案
通常情况下,如果希望图像仅用于显示,可将其分辨率设置为96ppi(与显示器分辨率相同);如果希望图像用于印刷输出,则应将其分辨率设置为300ppi或更高。
1.2.3图像格式
BMP格式 BMP(WindowsBitmap)格式是微软开发的MicrosoftPain的固有格式,这种格式被大多数软件所支持。
BMP格式采用了一种叫RLE的无损压缩方式,其保真度非常高,对图像质量不会产生什么影响,可以轻松地处理24位颜色的图象。
但它的缺点就是不能对文件大小进行有效地压缩,换句话说BMP的文件的容量是很大的。
JPEG格式 JPEG(由JointPhotographicExpertsGroup缩写而成,意为联合图形专家组)是我们平时最常用的图像格式。
它是一个最有效、最基本的有损压缩格式,被极大多数的图形处理软件所支持。
JPEG格式的图像还广泛用于网页的制作。
如果对图像质量要求不高,但又要求存储大量图片,使用JPEG无疑是一个好办法。
但是,对于要求进行图像输出打印,最好不使用JPEG格式,因为它是以损坏图像质量而提高压缩质量的。
GIF格式 GIF格式是输出图像到网页最常采用的格式。
GIF采用LZW压缩,限定在256色以内的色彩。
GIF格式以87a和89a两种代码表示。
GIF87a严格支持不透明像素。
而GIF89a可以控制那些区域透明,因此,更大地缩小了GIF的尺寸。
如果要使用GIF格式,就必须转换成索引色模式(IndexedColor),使色彩数目转为256或更少。
常见的GIF图象是以动画文件出现的,主要是因为GIF文件可以存储多个映象图象,而JPEG格式不可以保存动画,只能保存单一图象,但GIF文件的图象颜色效果没有JPEG的格式好。
PDF格式 PDF(PortableDocumentFormat)是由AdobeSystems创建的一种文件格式,允许在屏幕上查看电子文档。
PDF文件还可被嵌入到Web的HTML文档中。
PSD格式 PSD格式是Photoshop的固有格式,也是惟一可以存储所有PS特有的文件信息以及色彩模式等,用这种格式存储的图象清晰度高,而且很好地保留了图片的制作过程,以变于以后修改,如果图象文件中包含图层,通道以及路径的记录,就必须以PSD格式进行存储。
PSD格式可以比其他格式更快速地打开和保存图像,很好的保存层、通道、路径、蒙版以及压缩方案不会导致数据丢失等。
但是,很少有其他应用程序能够支持这种格式。
通过实例,结合学生分组讨论理解不同图像格式的区别。
教师备课教案
1.2.4颜色及颜色模式
图像处理离不开色彩处理,因为图像无非是由色彩和形状两种信息组成的。
在使用色彩之前,需要了解色彩的一些基本知识。
1.色彩的三要素
色彩的三要素即色相、明度、纯度(色度)。
任何一个颜色或色彩都可以从这三个方面进行判断分析。
色相:
指色彩所呈现出来的质的面貌,例如红、黄、蓝、绿等。
12色色相环是运用的较为广泛的一种,其优点是色相距离分割均等,由三原色(红、黄、蓝)、间色(橙、绿、紫)以及由此产生的6组复色(黄橙、红橙、红紫、蓝紫、蓝绿、黄绿)组成,易于分辨。
明度:
指色彩的明暗深浅程度,明度高,就是说颜色亮。
在无彩色系中,明度最高的是白色,明度最低的是黑色。
从白至黑,可以按一定比例进行划分,使其具有一定的秩序性,将明暗距离10等分,作为明暗的基本性阶段。
在有彩色系中,最明亮的是黄色,最低沉的是紫色,这是由于色彩在光谱中的位置以及眼睛所感知的程度不同。
除了有彩色本身的明度以外,任何一种有彩色与黑、白、灰相加时,都会受到影响而产生相对应的明度色阶。
图1-8几种颜色模式
纯度:
指色相的鲜艳程度,指色彩中其他杂色所占成分的多少。
纯度高指色彩鲜明,反之则灰。
色相环上的色彩纯度最高,而当色彩加黑、加白、加灰之后,则纯色渐渐减少鲜度,纯度降低。
纯色加灰所得的色彩,成为浊色。
2.颜色模式
颜色模式用来确定如何描述和重现图像的色彩。
常见的颜色模型包括HSB(色相、饱和度、亮度)、RGB(红色、绿色、蓝色)、CMYK(青色、品红、黄色、黑色)和Lab等。
因此,相应的颜色模式也就有RGB、CMYK、Lab等。
如图1-8所示的是
Photoshop调色板的几种颜色模式表示红颜色时的数值。
(1)色彩的分类
色彩一般分为无彩色系和有彩色系两大类。
无彩色系是指黑色、白色以及黑白两色之间的各种深浅不同的灰色。
无彩色中的白色在所有色彩中最为明亮。
相反的,最暗的是黑色。
无彩色系可以用纵向的垂直轴来表示,黑白大轴的两端,中间是各种明亮程度不同的过渡灰色。
因此,无彩色只有明度上的区别。
有彩色系是指可见光谱中的所有的色彩,如色相环上的红、橙、黄、绿、
教师备课教案
青、蓝、紫等基本纯色,基本色之间相混合以及基本色与无彩色相混合所间生的无数种色彩都属于有彩色系列。
有彩色中的任何一种颜色都有各自不同的属性,可以从明度、色相以及纯度三方面来进行分析。
(2)RGB颜色模式
利用红(Red)、绿(Green)和蓝(Blue)三种基本颜色进行颜色加法,可以配制出绝大部分肉眼能看到的颜色。
彩色电视机的显像管,以及计算机的显示器都是以这种方式来混合出各种不同的颜色效果的,如图1-9所示。
图1-9RGB颜色模式
Photoshop将24位RGB图像看作由三个颜色通道组成。
这三个颜色通道分别为:
红色通道、绿色通道和蓝色通道。
其中每个通道使用8位颜色信息,该信息由从0~255的亮度值来表示。
这三个通道通过组合,可以产生1670余万种不同的颜色。
在Photoshop中用户可以很方便地从不同通道对RGB图像进行色彩处理。
下面是RGB颜色模式所表示的几种特殊颜色:
R255, G0, B0 表示红色;
R0, G255, B0 表示绿色;
R0, G0, B255 表示蓝色;
R0, G0, B0 表示黑色;
R255, G255, B255 表示白色。
(2)CMYK颜色模式
CMYK颜色模式是一种用于印刷的模式,分别是指青(Cyan)、品红(Magenta)、黄(Yellow)和黑(Black)。
CMYK模式在本质上与RGB颜色模式没有什么区别,只是产生色彩的原理不同。
由于RGB颜色合成可以产生白色,因此,RGB产生颜色的方法称为加色法。
而青色(C)、品红(M)和黄色(Y)的色素在合成后可以吸收所有光线并产生黑色,因此,CMYK产生颜色的方法称为减色法。
(3)Lab颜色模式
Lab颜色模式是以一个亮度分量L(Lightness),以及两个颜色分量a与b来表示颜色的。
其中,L的取值范围为0~100,a分量代表由绿色到红色的光谱变化,而b分量代表由蓝色到黄色的光谱变化,且a和b分量的取值范围均为–120~120。
教师备课教案
Lab颜色模式是Photoshop内部的颜色模式。
该模式是目前所有模式中色彩范围(称为色域)最大的颜色模式。
(4)HSB模式
HSB模式以色相、饱和度、亮度与色调来表示颜色。
通常情况下,色相由颜色名称标识,如红色、橙色或绿色。
饱和度(又称彩度)是指颜色的强度或纯度。
饱和度表示色相中灰色分量所占的比例,使用从0%(灰色)至100%(完全饱和)的百分比来度量。
亮度是颜色的相对明暗程度,通常使用从0%(黑色)至100%(白色)的百分比来度量。
色调是指图像的整体明暗度,例如,如果图像亮部像素较多的话,则图像整体上看起来较为明快。
反之,如果图像中暗部像素较多的话,则图像整体上看起来较为昏暗。
对于彩色图像而言,图像具有多个色调。
通过调整不同颜色通道的色调,可对图像进行细微的调整。
三、思考题和作业
1、图像的格式有哪些?
2、色彩的三要素
四、板书设计
1.2图像的基本概念
1.2.2像素和分辨率
1.2.3图像格式
1.2.4颜色及颜色模式
五、教学后记
教师备课教案
授课题目
1.3界面介绍和基本操作
授课时数
2
教学目的及要求
熟悉PhotoshopCS3的界面组成、新建、打开、保存文件等基本操作。
教学重点及难点
1、界面介绍
2、PhotoshopCS3的基本操作
提问内容
1、图像格式
2.色彩的三要素
3、色彩的分类
教学方法
讲授
教具及参考书
《PhotoshopCS3试题汇编》
授课内容:
一、复习旧课(10分钟)
二、导入新课(10分钟)
三、新课内容(60分钟)
四、思考题和作业(10分钟)
五、板书设计
六、教学后记
教师备课教案
一、复习旧课
1、像素和分辨率
2、图像格式
3、颜色及颜色模式
二、导入新课
了解了PhotoshopCS3的主要功能和图形图像的基本概念,我们来看看PhotoshopCS3的操作界面,在这里我们主要是通过界面的介绍使大家对PhotoshopCS3的功能有进一步的认识,对常用的工具有初步的了解。
三、新课内容
1.3界面介绍和基本操作
安装好PhotoshopCS3软件后,双击安装后的运行程序图标(或者从Windows的“开始”菜单的“所有程序”中选择PhotoshopCS3)运行PhotoshopCS3程序,
1.3.1界面介绍
1、菜单栏
菜单栏中包含了PhotoshopCS3中各种常用的操作命令。
其中包括文件操作、编辑操作、图像操作、图层操作、选择操作、滤镜操作、分析操作、视图操作、窗口操作和帮助。
2、工具箱
工具箱中包含了PhotoshopCS3中各种常用的工具。
其中包括绘图工具、选择工具、画笔工具,以及切换到ImageReady等。
通过菜单栏“窗口”中的“工具”选项可以控制工具箱的显示和隐藏。
工具箱的默认显示效果如图左所示。
通过单击工具箱上面的“切换”按钮,可以将工具箱切换到两列的排列方式,
3、工具选项栏
工具选项栏用来设置PhotoshopCS3中各种常用工具的参数。
其中根据选取的工具不同,参数的选择也有所区别。
4、面板
面板用来显示和控制PhotoshopCS3中各种参数的设置。
其中包括导航器、图层、颜色和历史记录等。
通过举例使学生清楚PhotoshopCS3界面的各个部分的作用。
教师备课教案
5、画布窗口
画布窗口用来显示PhotoshopCS3中要处理或制作的图像,其显示效果如图左所示。
用户可以通过拖动的方法,来更改窗口显示的大小,
1.3.2PhotoshopCS3的基本操作
PhotoshopCS3的基本操作包括新建文件、打开文件、存储文件、使用标尺、参考线等内容。
1、新建文件
执行“文件”|“新建”命令,打开“新建”对话框,
2、打开文件
执行“文件”|“打开”命令,打开“打开”对话框,如图左所示。
在“打开”对话框中,选择PhotoshopCS3可以打开的文件格式,
3、存储文件
制作好图像内容后,就可以存储文件了。
单击菜单栏中的“文件”按钮,在弹出的下拉菜单中通常有三个选项,即“存储”、“存储为”、“存储为Web和设备所用格式”。
下面逐一进行介绍。
4、使用标尺、参考线和网格
标尺、参考线和网格是制作图像文件的辅助设置。
通过标尺、参考线和网络,可以方便地了解图像内容的相关信息,但同时也会影响图像的显示效果。
三、思考题和作业
1、PhotoshopCS3界面组成。
2、常用的Photoshop工具的功能。
四、板书设计
1.3界面介绍和基本操作
1.3.1界面介绍
1.3.2PhotoshopCS3的基本操作
五、教学后记
教师备课教案
授课题目
第一单元选区编辑
1.1第1题制作水果拼盘效果
授课时数
2
教学目的及要求
熟练使用选取工具,正确使用选择工具及选项设置,掌握选区编辑方法。
教学重点及难点
1、工具箱工具的使用
2、选区编辑方法
提问内容
1、PhotoshopCS3的界面
教学方法
讲练结合、任务驱动
教具及参考书
《PhotoshopCS3试题汇编》
授课内容:
一、复习旧课(10分钟)
二、导入新课(10分钟)
三、新课内容(60分钟)
四、思考题和作业(10分钟)
五、板书设计
六、教学后记
教师备课教案
一、复习旧课
1、PhotoshopCS3界面
2、PhotoshopCS3的基本操作
二、导入新课
本单元主要涉及的知识点有选取工具、移动工具、选区修改/变换、复制/剪切/粘贴编辑命令、缩放/旋转/扭曲/透视/变形命令等。
三、新课内容
第一单元选区编辑
1.1第1题制作水果拼盘效果
相关知识点:
一、Photoshop工具箱中常用的工具:
(1)选取工具
选取工具包含了矩形、椭圆、单行、单列选取工具。
矩形选取工具
椭圆形选取工具如果在拖动的同时按下Shift键可将选区设定为圆形。
单行选取工具
单列选取工具
(2)移动工具
用于移动选取区域内的图像。
(3)套索工具
如果所要选取的图形不规则,非矩形面罩和椭圆面罩所能做到,这时就可利用photoshop6.0的套索工具,它以徒手画的方式描绘出不规则形状的选取区域
套索工具
多边形套索工具
磁性套索工具
(4)魔棒工具
魔术棒
是一个神奇的选取工具。
可以用来选取图像中颜色相似的区域
先进行原图与效果图的对比,请学生思考制作的流程,再由教师提示出制作的关键知识点。
请一位学生示范。
教师备课教案
(5)橡皮擦工具
橡皮擦工具
:
使用方法很简单,像使用画笔一样,只需要选中橡皮工具后,按住鼠标左键在图像上拖动即可。
当作用图层为背景时,相当于使用背景色的画笔;当作用于层时,擦除后变为透明。
(6)快速选择工具
二、选区的编辑
移动、复制、自由变换、填充、清除
小技巧:
1. 取消选区:
Ctrl+D
2. 反选选区:
Shift+F7
3. 复位调板:
窗口、工作区、复位调板设置
4. Ctrl+(+、—)=图像缩放
5. 空格键:
抓手工具
6. Alt+Delete=用前景色填充
Ctrl+Delete=用背景色填充
7、自由变换:
Ctrl+T
操作步骤:
1、文件——打开(lemon.jpg、banana.jpg、pear.jpg、fruit.jpg和plate.jpg)
2、建立选区:
(1)使用魔棒工具选取柠檬、香蕉;
(2)使用磁性套索工具选取梨;
(3)使用通道选取葡萄。
3、选区编辑:
使用移动工具分别将柠檬、香蕉、梨、葡萄移入plate.jpg。
4、选区修饰
(1)使用放大工具放大和缩小图像;
(2)编辑——自由变换(Ctrl+T):
调整大小和角度。
(3)使用橡皮工具擦掉水果被盘子遮信的部分。
5、文件——保存。
四、思考题和作业
1、选取工具的使用方法
2、移动工具的使用方法
3、选区修改/变换的方法
教师备课教案
五、板书设计
第一单元选区编辑
1.1第1题制作水果拼盘效果
六、教学后记
教师备课教案
授课题目
第一单元选区编辑
1.2第2题制作模拟水面倒影效果
授课时数
2
教学目的及要求
熟练使用选取工具,正确使用选择工具及选项设置,掌握选区编辑方法。
教学