5.3.1图形图像的魅力
吴忠中学
张莺娣
【教材分析】
图像处理是多媒体素材采集和应用中的一个重要组成部分，要想成功地完成对图像素材的采集和加工，首先必须了解决定图像质量的一些重要因素，教材通过对图像的分辨率、颜色、位图和矢量图的概念，以及图形图像的区别和常见的文件格式等方面内容的介绍，让学生了解图像处理的有关知识，为第2课时的实践操作打下基础。
【学生分析】
本课的教学对象是高一年级学生。因为高一学生已经掌握了信息技术基础知识，学习了信息的获取、文本、表格信息的加工等，通过生活学习中不断积累的经验，学生已经对图形图像加工处理有了一定的了解。Photoshop是一个功能强大的图像处理软件，但比有些学生用的小软件操作复杂，学生学习起来有一定的困难，所以先让学生认识并喜欢所选的工具是必要的。为了让学生能够顺利地完成任务，获得成就感，内容紧密结合学生学习和生活实际应用，教学要求符合学生认知水平，实践活动内容有利于学生的参与和体验，这就要求在课前准备充足和适度的学习资源。
【教学目标】
1.知识与技能
（1）理解图形图像的分类。
（2）了解位图图像与矢量图的区别。
（3）认识图形图像的基本格式以及各种格式的区别。
2.过程与方法
能通过自主探究理解位图图像和矢量图的区别，应用画图、flash和photoshop软件的实践操作，体验位图图像和矢量图的实际应用范围，以及不同格式图像的区别。通过课堂实践，强调学生去发现问题，解决问题，并且在解决问题的同时，掌握本课的知识。
3.情感态度与价值观
（1）培养自学、探索的能力
（2）培养审美和创造美的意识
（3）能运用信息技术解决生活学习中遇到的问题。
（4）通过小组合作，体现同学之间的合作精神。
【重点难点】
重点：能通过观察图形图像认识和理解图形图像信息的意义和作用，自主探究理解体验位图图像和适量图的区别。
难点：位图、矢量图在生活中的实际应用范围，外观相同图片格式不同的区别，能将理论与实践实用性有效的结合。
【教学方法】
（1）采用抛锚式教学法，将学生引入课堂情境中。
（2）合作、协作学习法．在实践活动中学生通过生生合作，小组协作的方式完成活动。
【教学流程】
导入：利用网络教室广播，展示学生电脑作品
学生观察图片信息，认识和了解图片信息所表达的含义。
展示二：出国旅游不懂外语怎么办解决日常生活的问题（创意体恤）
（利用网络教室展示创意T恤图片）
观察T恤衫上的图案，总结图像也是人们彼此交流信息，沟通思想的一种媒介。
（设计意图：导入新课，引起学生注意，考察学生的观察能力，提高学生学习兴趣。）
教师活动：得出结论：图形、图像——是多媒体作品中最重要的信息表现形式之一，也是人们彼此交流信息、沟通思想的一种媒介。它可以跨越地区和文化，带给人们不一样的感受。它也是决定一个多媒体作品视觉效果的关键因素。
一、图形图像的类型
提问：在计算机中图片素材的表现形式有哪两种？
学生活动：学生课堂实践一：（利用网路教室下发课堂实践任务单）
单号座位同学打开flash软件绘制图形；
双号座位同学打开photoshop软件绘制图形；
将所绘图形放大1000%相邻两位同学将矢量图和位图图像进行比较。
（设计意图：学生通过观察图像，认识并总结位图和矢量图以及区别。）
教师活动：（利用网络教室广播讲授和展示位图和矢量图的理论知识。设计意图：让学生对图形图像的类型有更深刻的认和掌握。）
在学生回答的基础上加以总结，讲解位图图像和矢量图的概念及其区别。
静态图像的位图与矢量图的表现形式介绍：
1、位图图像
又叫点阵图，是由像素构成的，适用于逼真照片或要求精细细节的图像，位图图像像素之间没有内在的联系，而且他们的分辨率是固定的，如果在屏幕上对它们进行缩放，或以低于创建时的分辨率来打印它们，将丢失其中的细节，并会出现锯齿状。
位图应用范围：照片、平面广告、网页等（色彩丰富、有层次感）。
2、矢量图形
是以数学的向量方式来记录图形内容。矢量图最大的优点是文件小，放大或缩小时不会失真，缺点是不易制作色彩变化太多的图像。
矢量图应用范围：图标、工程制图等（要求精确度高的绘图，不易制作色彩变化太多的图像）
学生活动：（利用网络教室，下发课堂练习）
1.与位图相比，矢量图的优点是(???A
)
A.变形、缩放不影响图像的显示质量??????
B.色彩丰富
C.图像存储空间大????????????????????
D.容易做色彩变化多的图像
2.制作矢量图，可以选择的软件工具为(??C?
)
A.
PhotoShop??
B.
ACDSee???
C.
Flash???
D.
Windows自带的画图工具
3.对于位图图像，以下那句话是正确的？（
A
C
）
A.位图图像能较好表现色彩浓度与层次
B.位图图像可展示清晰线条或文字
C.位图图像易失真
D.建筑设计图是位图图像
4.数码相机拍摄的照片是（
B
）
A.矢量图
B.位图图像
5.生活中制作什么样的图片适合用位图图像（
ABD
）
A．商标
B.logo
C.平面广告
D.几何图像
教师活动：观察学生课堂作业完成情况，随堂纠正错误，公布正确答案。
位图图像和矢量图的对比：
位图图像色彩丰富，但放大或缩小易失真，加工位图图像的文件有photoshop、画图等；矢量图最大优点是文件小，放大或缩小时不失真。加工软件有flash、AutoCAD等。
（设计意图：巩固学生对位图图像和矢量图的认识，掌握和了解位图图像和矢量图的应用范围）
问题：在计算机中图像能够存储为哪些格式？各种格式有什么却别？
学生活动：（利用网络教室下发任务单）
四人一组，分工合作完成以下任务：
应用画图软件、flash软件、photoshop软件绘制简单图像，设置图片属性分别为320
240黑白、320
240（彩色）、640
480像素颜色（彩色）选择文件菜单另存为BMP、JPEG、GIF等不同软件能够保存的常用格式，将640
480像素颜色（彩色）压缩成rar文件，观察，讨论，并将各文件的存储容量填入表5-4中。（参考课本p94表格认识和了解常见的图像格式。）
保存的
320
240
320
240
640
240
640
240
软件名称
常用格式
黑白
彩色
彩色
压缩rar
画图软件
Flash软件
Photoshop
（要求学生合作完成任务单、加强小组合作思想。教师巡回指导学生完成任务。）
总结：图像文件的大小和文件格式有关，像素，色彩都会影响到文件的大小。
教师活动：（利用网络教室）展示各种格式的图像文件，介绍这些格式的特点。文件格式的变换与大小和质量的关系。(P94表5-3常见的图像格式)
（设计意图：学生通过实践体验不同绘图软件，保存不同格式，对图片的影响，认识和体验各种软件的应用领域。）
问题：相同图像，不同色彩要求对图像有什么影响？
学生活动：（利用网络教室下发任务单）
利用画图软件，打开下发图片。将图片分别另存为：24位位图、265色位图、16色位图、单色位图，观察图片的变换，总结色彩对位图图像的影响：色彩越多，层次感越强，色彩越少，层次感越低，图像越不清晰。
（设计意图：体验不同色彩的图像在清晰度，层次以及文件的大小的影响。）
小结：（展示整堂课的结构，利用网络教室总结，帮助学生加深印象，能更好的帮助学生在图形图像加工方面更好的利用图像图像。）
一图像的类型
图像 位图（概念）
图形 矢量图（概念）
两者的区别
二、常见的图像格式
BMP、JPEG、GIF格式图像有什么区别，色彩对图像的影响。
（设计意图：利用广播帮助学生贯穿本节课所学内容。）
师：通过这节课的学习，我们了解了有关图像的一些基础知识我们要根据实际情况的需要选择不同类型、不同格式的图形图像进行加工处理。
巩固本节课知识，为下节课学习做铺垫。
拓展：观察图像是原照片吗？
否。下节课我们将学习如何对图形图像进行简单的加工处理。
（设计意图：为下一节做铺垫。）
教学反思：本节课重在让学生通过实践，掌握图型图像的类型与格式。本节课利用网络教室，下发学生课堂任务：让学生通过操作计算机软甲，体验位图、矢量图的特点以及优缺点；在画图、flash、Photoshop软件的实践中，理解和掌握了，常见的图像格式以及不同格式对图像的影响；利用画图软件，认识和了解到色彩对位图图像的影响。学生通过活动，掌握本节课所学知识，帮助学生在图像图像的加工能根据任务，选择软件、选择色彩，保存为需要的格式。大多数学生能很好的完成课堂任务，部分学生，对于软件不熟悉等，但是在小组协作下最终还是完成了课堂任务。通过网络教室，及时发现问题，及时反馈，及时纠错。总之本节课通过课堂活动很好的完成教学任务。
PAGE
-
4
-学生活动一
?
单号座位同学打开flash软件绘制图形
?
双号座位同学打开photoshop软件绘制图形
?
将所绘图形放大1000%相邻两位同学将矢量图和位图图像进行比较总结两种绘图软件绘制图像的区别。
?
行比较完成下面练习
?
1.与位图相比，矢量图的优点是(???
)
A.变形、缩放不影响图像的显示质量??????
B.色彩丰富
C.图像存储空间大????????????????????
D.容易做色彩变化多的图像
?
2.制作矢量图，可以选择的软件工具为(???
)
A.
PhotoShop??
B.
ACDSee???
C.
Flash???
D.
Windows自带的画图工具
?
3.对于位图图像，以下那句话是正确的？（
）
A.位图图像能较好表现色彩浓度与层次
B.位图图像可展示清晰线条或文字
C.位图图像易失真
D.建筑设计图是位图图像
?
4.数码相机拍摄的照片是（
）
A.矢量图
B.位图图像
?
?课堂活动三：
利用画图软件，打开下发图片。将图片分别另存为：（选择文件菜单另存为，图案出对话框中单击保存类型，选择一下格式）
24位位图（bmp）、
265色位图（bmp）、
16色位图（bmp）、
单色位图（bmp），
观察图片的变换，总结色彩对位图图像的影响：任务二：
?
全班分成三大组，分别打开每组图片完成一下任务
?
每一个大组中四人一小组，分工合作完填写完成下表
应用画图软件、flash软件、photoshop软件绘制简单图像，，设置图片属性分别为320
240黑白、320
240（彩色）、640
480像素颜色（彩色）选择文件菜单另存为BMP、JPEG、GIF等不同软件能够保存的常用格式，将640
480像素颜色（彩色）压缩成rar文件，观察，讨论，并将各文件的存储容量填入表5-4中。
（每人只填写一列信息，然后将本小组其他成员所填信息进行汇总。）
完成任务填写下表
保存的
320
240
320
240
640
240
640
240
软件名称
常用格式
黑白
彩色
彩色
压缩rar
画图软件
Bmp
Jpg
Flash软件
Swf
Jpg
Photoshop
Psd
Jpj任务二：
?
全班分成三大组，分别打开每组图片完成一下任务
?
每一个大组中四人一小组，分工合作完填写完成下表
应用画图打开下发文件，修改图片属性分别改为320
240黑白、320
240（彩色）、640
480像素颜色（彩色）选择文件菜单另存为BMP、JPEG、GIF，将640
480像素颜色（彩色）压缩成rar文件，将各个文件的大小填写到下表。（每人只填写一列信息，然后将本小组其他成员所填信息进行汇总。）
完成任务填写下表
图例
尺寸
320
240像素颜色（单色）
320
240像素颜色（彩色）
640
480像素颜色
（彩色）
压缩该图像文件（.rar）
存储容量BMP
存储容量JPEG
存储容量GIF(共19张PPT)
观察以下图片，你有什么体会？
出国旅游不懂外语怎么解决日常生活问题？
图形、图像—— 图形图像是多媒体作品中最重要的信息表现形式之一，也是人们彼此交流信息、沟通思想的一种媒介。它可以跨越地区和文化，带给人们不一样的感受。它也是决定一个多媒体作品视觉效果的关键因素。
图形图像具有什么样的作用和意义？
课堂实践一
单号座位同学打开flash软件绘制图形
双号座位同学打开photoshop软件绘制图形
将所绘图形放大1000%相邻两位同学将矢量图和位图图像进行比较完成练习题
图片素材的表现形式有哪两种？
图片素材的表现形式有哪两种？
位图图像与矢量图形
被计算机接受的数字图像有位图图像和矢量图形两种。通常，我们把位图图像称图像,而把矢量图形称为图形.
一、图形图像的类型
1、位图图像
位图又叫点阵图，是由像素构成的，适用于逼真照片或要求精细细节的图像，位图图像像素之间没有内在的联系，而且他们的分辨率是固定的，如果在屏幕上对它们进行缩放，或以低于创建时的分辨率来打印它们，将丢失其中的细节，并会出现锯齿状。
2、矢量图形
矢量图形是以数学的向量方式来记录图形内容。矢量图最大的优点是文件小，放大或缩小时不会失真，缺点是不易制作色彩变化太多的图像。
通过计算而描述的矢量图形
1.与位图相比，矢量图的优点是(???
)
A.变形、缩放不影响图像的显示质量??????
B.色彩丰富
C.图像存储空间大????????????????????
D.容易做色彩变化多的图像
2.制作矢量图，可以选择的软件工具为(???
)
A.
PhotoShop??
B.
ACDSee???
C.
Flash???
D.
Windows自带的画图工具
3.对于位图图像，以下那句话是正确的？（
）
A.位图图像能较好表现色彩浓度与层次
B.位图图像可展示清晰线条或文字
C.位图图像易失真
D.建筑设计图是位图图像
4.数码相机拍摄的照片是（
）
A.矢量图
B.位图图像
5.生活中制作什么样的图片适合用位图图像（
）
A．商标
B.logo
C.平面广告
D.几何图像
A
C
A
C
B
ABD
位图图像与矢量图形的比较:
比较内容
位图图像
矢量图形
特征
能较好表现色彩浓度与层次
可展示清晰线条或文字
用途
照片或复杂图像
文字、商标等相对规则的图形
放大缩小的效果
易失真
不易失真
制作3D影像
不可以
可以
文件大小
较大
较小
影响图像文件大小的因素有哪些？常用的图像存储格式有哪些？
课堂实践二
四人一组，分工合作完成以下任务
应用画图软件、flash软件、photoshop软件绘制简单图像，设置图片属性分别为
320
240黑白、
320
240（彩色）、
640
480像素颜色（彩色）
选择文件菜单另存为BMP、JPEG、GIF等不同软件能够保存的常用格式，将640
480像素颜色（彩色）压缩成rar文件，观察、讨论并将各文件的存储容量填入表5-4中。
二、图像的格式
BMP
JPEG
GIF
PSD
PNG
SWF
相同图像，不同色彩要求对图像有什么影响？
学生活动：
利用画图软件，打开下发图片。将图片分别另存为：
24位位图、
265色位图、
16色位图、
单色位图，
观察图片的变换，总结色彩对位图图像的影响。
一、图像的类型
图像 位图（概念）
图形 矢量图（概念）
两者的区别
二、图像的常见格式
BMP、JPEG、GIF
各种格式图像的区别
色彩对图像的影响
