[教材]位图图像与矢量图形
位图与矢量图的教育课程设计
位图与矢量图的教育课程设计1. 课程简介本课程旨在帮助学生深入理解位图与矢量图的基本概念、特点及应用场景，培养学生运用图形图像软件进行创作和设计的技能。
通过本课程的学习，学生将能够熟练掌握位图与矢量图的编辑方法，运用相关软件进行创意设计，提高审美能力和艺术素养。
2. 课程目标1. 理解位图与矢量图的基本概念、特点及区别。
2. 掌握常用的图形图像软件（如Photoshop、Illustrator等）的操作方法。
3. 学会运用位图与矢量图进行创意设计，提高审美能力和艺术素养。
4. 培养学生的团队协作能力和沟通表达能力。
3. 教学内容3.1 位图1. 位图的基本概念及特点2. 位图的分辨率与清晰度3. 位图的编辑方法与技巧4. 位图在实际应用中的案例分析3.2 矢量图1. 矢量图的基本概念及特点2. 矢量图的编辑方法与技巧3. 矢量图在实际应用中的案例分析4. 矢量图与位图的相互转换方法3.3 图形图像软件操作1. Photoshop基本操作与功能2. Illustrator基本操作与功能3. 常用图像格式及转换方法4. 实战案例：运用位图与矢量图进行创意设计4. 教学方法1. 讲授：讲解位图与矢量图的基本概念、特点及应用场景。
2. 演示：展示图形图像软件的操作方法及实战案例。
3. 练习：学生动手实践，巩固所学知识。
4. 讨论：分组讨论，分享学习心得和创意设计经验。
5. 反馈：学生提交作品，教师进行评价与指导。
5. 课程安排6. 考核方式1. 平时成绩：50%（包括课堂表现、练习作品等）2. 期末作品：50%（创意设计作品）7. 教学资源1. 教材：位图与矢量图教程2. 软件：Photoshop、Illustrator3. 网络资源：相关在线教程、案例分析等8. 教学建议1. 鼓励学生在课堂外进行自主学习，提高动手实践能力。
2. 教师应及时关注行业动态，将新技术、新应用融入课堂教学。
3. 组织学生参加各类设计比赛，提升学生的实战能力和团队协作能力。
3.2.2位图图像与矢量图像
2．下列说法中正确的是（ A ）。
（1）图像是由一些排成行列的像素组成的，也称为位图图像 （2）图形是由一些排成行列的像素组成的，也称为矢量图形 （3）图形文件中记录图中所包含的基本图形的大小和形状等信息，数据量较小 （4）对位图图像进行缩放会出现锯齿状 A．（1）（3）（4） B.（1）（2）（4） C．（1）（3） D.（2）（4）
六、拓展探究（小组讨论完成）
张老师存有1000张分辨率为1024×768的真彩色 (32位BMP格式)的珍贵 图片，他想将这些图片刻录到光盘上，假设每张光盘可以存放600MB 的信息，张老师需要光盘大约多少张？
(1) 求一张图片的像素总数。 （2）求一张图片的文件大小。 （3）求张老师需要的光盘数量。
2.真彩色32位的图像能表示（ 232 ）种颜色？
四、探究性学习（小组讨论完成下表）
媒体类别
构成要素 放大后的
效果 存储空间
位图图像
像素 锯齿状（失真）
相对较大
矢量图形
指令集合 不失真 相对较小
计算机显 示的时间
快
图形越复杂，需要越多 时间进行计算
*.bmp *.gif *.jpg 文件类型 *.tif *.psd
二、知识讲解
1.图像分辨率指图像的水平方向和 垂直方向的 像素 个数 。
2.图像量化位数指图像中每个像素记录颜色所用
的 二进制的位数 ， 它决定了彩色图像可出现的最多颜色数，或 者灰度图像中的最大灰度等级数。
三、练习巩固
1．位图的图像质量主要由图像的( B )决定。 A.分辨率和显示器 B.分辨率和色彩位数 C.色彩位数和内存 D.分辨率和内存
位图与矢量图形的原理与应用
位图与矢量图形的原理与应用1. 引言在数字图像处理和计算机图形学中，位图和矢量图形是两种基本的图像表示方法。
它们各自具有独特的特点和应用场景。
本文将介绍位图与矢量图形的原理及其应用，帮助读者更好地理解和运用这两种图像格式。
2. 位图原理与应用2.1 位图原理位图（Bitmap）是一种栅格图像，由像素点阵组成。
每个像素点存储了一定的颜色信息，像素点的排列和色彩组合形成了整个位图图像。
由于像素点阵的局限性，位图在放大过程中容易失真，即像素点的分布无法满足放大后图像质量的需求。
2.2 位图应用位图广泛应用于摄影、图像处理、网页设计等领域。
由于位图能够很好地表现照片、插图等具有丰富细节的图像，因此在这些领域具有很高的实用价值。
常见的位图格式有JPEG、PNG、BMP等。
3. 矢量图形原理与应用3.1 矢量图形原理矢量图形（Vector Graphics）是由直线、曲线、形状等基本图形元素组成的图像。
这些元素被称为矢量，因为它们可以用数学公式来描述。
与位图不同，矢量图形在放大过程中不会失真，因为它们的形状和大小可以根据需要进行无限制的扩展。
3.2 矢量图形应用矢量图形广泛应用于图形设计、标志制作、动画制作等领域。
由于矢量图形具有无限放大的能力且不会失真，因此它们非常适合制作需要频繁缩放的图形，如公司标志、图表等。
常见的矢量图形格式有SVG、PDF、EPS等。
4. 位图与矢量图形的比较位图与矢量图形各有优缺点，下面是它们的比较：- 位图优点：能够表现丰富的图像细节，适合展示真实图片和艺术作品。
- 位图缺点：放大容易失真，文件大小较大，不适合大规模印刷和无限放大。
- 矢量图形优点：无限放大不失真，文件大小较小，适合制作标志、图表等。
- 矢量图形缺点：难以表现复杂细节，不适合展示照片和艺术作品。
5. 结论位图与矢量图形是数字图像处理和计算机图形学中两种基本的图像表示方法。
它们分别适用于不同的应用场景，了解它们的原理和特点，能够帮助我们更好地运用这两种图像格式。
一.1 位图与矢量图
第一单元图形图像初步认识
活动1 认识数字图形图像
第一课时位图和矢量图
一．趣味导入
日常生活中，人们把数字图像称为数码图像.数字图像可分为位图和矢量图两种.
二．位图
（一）动手实践：放大显示位图，观察变化，体会位图的主要特点是什么？
（二）学生实践操作步骤：
1.浏览配套资源中的图像，双击打开一个JPG或TIF格式的图像
文件。
2.放大显示图像，观察图像细节部位的变化。
（三）小组讨论，展示答案：
位图特点 1.图像是由大量的点组成的.
2.这些点非常细小，排列紧密，所以不放大的情况下肉眼很难识别，放大后肉眼能够识别出来.
（四）像素与位图定义
像素：在数字图像中的矩形点.
位图定义：有多个像素表示的图像称为位图.也称为点阵图.
三．矢量图
（一）动手实践：放大显示矢量图，观察变化，体会矢量图的是主要特点是什么？
（二）学生实践操作步骤：
1.浏览配套资源中的图像，双击打开一个WMF格式的图像文件。
2.放大图像，观察图像细节部位的变化。
（三）小组讨论，展示答案：
矢量图特点： 1.这幅图像无论放大多少倍都是清晰的显示出来.
2.图像主要由简单的线条构成.
( 四)矢量图定义:简单的由椭圆、曲线等线条构成的
图形，无论放大多少倍都可以清晰地显示出来，这种方式记
录与表现出来的图形就是矢量图。
四．位图与矢量图之间的区别：
五．课后作业设计：
观察几幅图像，查看文件名称、文件格式、文件大小、占用空间、文件类型，并在表格中记录下来.（满分为100分）六．总结
教学反思
板书设计。
位图、矢量图是什么？位图和矢量图有什么区别？
位图、矢量图是什么？位图和矢量图有什么区别？导读:位图、矢量图是什么？这两种图形在设计工作中非常重要，因为制图结果会直接影响打印（喷绘）质量的精细度。
位图和矢量图有什么区别呢？简单的说，位图与矢量图最大的区别就是放大后的图片有否马赛克存在。
位图、矢量图是什么？很多设计软件的初学者不太清楚位图和矢量图的区别，这两种图形在平面设计中是一个非常重要的概念。
如：PS软件主要处理的是位图效果，AI主要处理矢量图效果。
1、位图概念：位图图像（bitmap），亦称为点阵图像或绘制图像，是由称作像素（图片元素）的单个点组成的。
这些点可以进行不同的排列和染色以构成图样。
当放大位图时，可以看见赖以构成整个图像的无数单个方块。
2、矢量图概念：矢量图是根据几何特性来绘制图形，矢量可以是一个点或一条线，矢量图只能靠软件生成，文件占用内在空间较小，因为这种类型的图像文件包含独立的分离图像，可以自由无限制的重新组合。
它的特点是放大后图像不会失真，和分辨率无关。
位图和矢量图有什么区别？1、直观的区别位图显示的效果非常真实，但放大之后就不精细了。
这就是位图可以达到的效果。
矢量图效果有线块组成，像手绘出来的效果，它的图案可以很精细，笔画很精细，每个拐角都可以很精细，但它是一个不真实的效果，更像一种美术效果。
2、本质的区别位图由像素组成放大后失真，矢量图矢量图不以像素为单位，由线条组成放大后无影响。
3、文件格式的不同位图格式：JPG、BMP、TIFF矢量格式：CDR、AI、EPS、PS、PDF注意：一般矢量格式里可以兼容位图格式。
4、文档容量的区别位图是幅画越大（像素越多）文件容量越大矢量图是图形越复杂（曲线节点越多）容量越大注意：这一特点也是我们设计制作过程中选择软件的依据，如果制作幅较大，内容只有几个图形和文字时，就要选择矢量软件进行制作，这样效率更高。
5、矢量软件与位图软件Photoshop、ACDSee、美图秀秀是位图软件。
关于位图图像和矢量图形
关于位图图像和矢量图形计算机图形主要分为两类：位图图像和矢量图形。
您可以在 Photoshop 和 ImageReady 中使用这两种类型的图形；此外，Photoshop 文件既可以包含位图，又可以包含矢量数据。
了解两类图形间的差异，对创建、编辑和导入图片很有帮助。
位图图像位图图像（技术上称为栅格图像）使用颜色网格（也就是大家常说的像素）来表现图像。
每个像素都有自己特定的位置和颜色值。
例如，一幅位图图像中的自行车轮胎就是由该位置的像素拼合在一起组成的。
在处理位图图像时，您所编辑的是像素，而不是对象或形状。
位图图像是连续色调图像（如照片或数字绘画）最常用的电子媒介，因为它们可以表现阴影和颜色的细微层次。
位图图像与分辨率有关，也就是说，它们包含固定数量的像素。
因此，如果在屏幕上对它们进行缩放或以低于创建时的分辨率来打印它们，将丢失其中的细节，并会呈现锯齿状。
不同放大级别的位图图像示例。
矢量图形矢量图形由被称为矢量的数学对象定义的线条和曲线组成。
矢量根据图像的几何特性描绘图像。
例如，一幅矢量图形中的自行车轮胎是由一个圆的数学定义组成的，这个圆按某一半径绘制，放在特定的位置并填以特定的颜色。
移动轮胎、调整其大小或更改其颜色时不会降低图形的品质。
矢量图形与分辨率无关，也就是说，您可以将它们缩放到任意尺寸，可以按任意分辨率打印，而不会丢失细节或降低清晰度。
因此，矢量图形是表现标志图形的最佳选择。
标志图形（如徽标）在缩放到不同大小时必须保留清晰的线条。
不同放大级别的矢量图形示例由于计算机显示器呈现图像的方式是在网格上显示图像，因此，矢量数据和位图数据在屏幕上都会显示为像素。
关于图像大小和分辨率为了制作出高质量的图像，了解如何度量和显示图像的像素数据是非常重要的。
像素大小位图图像的高度和宽度的像素数量。
图像在屏幕上显示时的大小取决于图像的像素大小以及显示器的大小和设置。
例如，15 英寸显示器通常在水平方向显示 800 个像素，在垂直方向显示 600 个像素。
位图图像与矢量图形说课课件
然后我会进行讲解指导、学生探讨协作， 完成两张图片的对效果。
⑤ 内容回顾 归纳总结
这方面主要是师生一起回顾总结 本节学习内容
➢老师帮助学生系统总结知识内容 加 强学生记忆
⑥ 在课后思考 引出新知
我会留下一个问题,为下节课学习埋下伏 笔： 让同学们思考。
同学们想一想在什么情况使用位图，在什么情况 下使用矢量图?
•通过实验对比和自主搜索亲身体验位图图像与矢 量图形的特点，理解它们之间的联系与区别
情感与 价值观目标
•激发并保持利用信息技术不断学习和探索的热情， 形成积极主动地学习和使用信息技术、参与信息技 术的活动
三、教学重、难点
重点、难点
重点 是
全面理解与掌 握位图图像与 矢量图形的区 别与特点。
难点 是
初中信息技术说课课件
各位评委、老师好： 今天我说课的题目是《 》
我的说课内容主要包括以下方面
下面我主要针对以 下几方面具体分析
1
说背景
2
教学目标
3
教 学 重难点
4
教法与学法指导
45
教学过程
一、说背景
教材分析
1：本节课《位图与矢量 图》 选自人民教育出版 社 《初中信息技术》 八年级上册第1章第1节 。 希望通过本节课数字图 形图像的介绍，让学生 结合操作实践，认识、 理解和应用有关基本知 识和了解概念，最后学 会如何区分位图与矢量 图，并学会根据二者的 特点使用相应的格
6 课后思考 引出新知
1 创设情境 导入新课
2 教师精讲 师生互动
16分钟
3分钟
5 内容回顾 归纳总结
3 合作探究 协助学习
15分钟
我的说课到此结束，请各 位评委、老师批评指正
初中七年级信息技术教案-位图和矢量图(区一等奖)
《位图和矢量图》教学设计
【教材分析】
《位图和矢量图》是信息技术八年级上册课程，第一章活动1认识数字图形图像第一课时的内容，是学习图形图像知识的基础。
本节课程内容以理论为主，重点在学生能够了解位图和矢量图的特点，从而进行区分，为今后选择适当的素材提供参考。
【教学目标】
◆知识与技能
认识位图和矢量图的特点，了解图形图像的用途。
◆过程与方法
通过实验对比，观察变化，体会位图和矢量图的主要特点。
◆情感态度与价值观
培养学生主动探究信息技术知识的热情，形成积极主动学习的态度。
【教学重点】
全面理解与掌握位图图像与矢量图形的区别与特点。
【教学难点】
能深入体验和掌握二者的区别，进而根据自身的需要来选择图片。
【学情分析】
八年级学生对图片的使用比较多，对相关知识的了解却比较欠缺。
本节课的讲解可以从学生日常生活入手，激发学生学习兴趣，引导学生主动探索图形图像相关知识。
【教学方法】
启发式、探究式
【教学资源】
教师机和学生机上事先安装XnView软件和Flash 软件，并存放教材配套资源图片。
【教学过程】
【板书设计】
位图和矢量图
图像
【课后反思】
通过本节课的学习，学生能够区分位图和矢量图。
同时了解了像素等相关概念。
在后面图形图像处理软件的学习中，以Photoshop软件为主，因此对其他软件只做了简单介绍，只听老师介绍，学生不能直观的了解到各种图形图像处理软件的特点。
矢量图形与位图图像的探讨教程
矢量图形与位图图像的探讨教程1. 引言在数字设计与图像处理领域，矢量图形和位图图像是最基础且重要的两种图像类型。
本文将详细探讨这两种图像类型的基本概念、特点及应用场景，帮助读者深入了解并正确选择使用矢量图形或位图图像。
2. 矢量图形2.1 定义与特点- 定义：矢量图形，顾名思义，是由一系列基于数学方程的线条、多边形和其他几何形状组成的图像。
它们不是由像素点阵构成，而是由路径和节点定义。
- 特点：- 可无限放大：由于矢量图是由数学方程定义的，因此理论上可以无限放大而不失真。
- 文件大小较小：相较于位图，矢量图的文件大小通常更小，因为它们存储的是形状和线条的数学信息，而非像素信息。
- 易于修改：矢量图可以轻松地被编辑和修改，比如改变线条的宽度、颜色或形状。
- 适用于印刷和屏幕显示：矢量图形在保持清晰度的同时适合用于各种尺寸的打印和屏幕显示。
2.2 应用场景- Logo设计：矢量图形由于能够无损放大，非常适合设计需要小至徽标大至广告牌的Logo。
- 插图与图表：在插图和图表设计中，矢量图形可以保持高质量的图像效果。
- Web设计：网页上的图形元素，如导航栏图标和背景图案，通常使用矢量图形以适应不同分辨率的屏幕。
3. 位图图像3.1 定义与特点- 定义：位图图像是由像素阵列组成的图像，每个像素包含颜色和亮度的信息。
- 特点：- 不可无限放大：位图在放大时会失真，因为它们是由像素点组成的，超出一定比例后像素点就会变得明显。
- 文件大小较大：位图图像通常文件较大，因为它们需要存储每个像素的颜色信息。
- 色彩丰富：位图能够捕捉到丰富的色彩和灰度细节，适合表现照片或艺术作品。
- 适用于特定分辨率：位图图像在特定分辨率下显示效果最佳，适用于不会进行放大或缩小的应用场景。
3.2 应用场景- 摄影：数码相机拍摄的照片是位图，能够准确记录现实世界的色彩和细节。
- 网页背景：虽然矢量背景越来越流行，但位图背景在某些设计风格中仍然适用。
位图与矢量图
位图与矢量图一、概述在图形设计和计算机图形学中，位图（Bitmap）和矢量图（Vector）是两种常用的图像表示方式。
它们有着不同的特点和应用场景，在实际的图形处理中起到了重要的作用。
本文将对位图和矢量图进行详细的介绍和比较。
二、位图（Bitmap）1. 定义位图是由像素组成的二维图像，这些像素以矩阵的形式排列，每个像素单元可以有不同的颜色值。
每个像素单元的颜色信息都直接存储在图像文件中，所以位图文件的大小是由像素数量决定的。
2. 特点•位图可以表示多种颜色和复杂纹理，具有较高的图像细节和真实感。
•位图在编辑和绘制时，每个像素都可以进行独立的编辑，更容易实现复杂的视觉效果。
•位图格式常见的有JPEG、PNG、BMP等，其中JPEG适用于照片和复杂图像，而PNG和BMP适用于简单图形和图标。
3. 应用场景由于位图具有丰富的颜色和纹理，常被用于图像处理、摄影和印刷等领域。
位图在电子游戏、动画和电影特效中也广泛应用，可以为场景和角色增加更真实的细节。
另外，位图还常用于制作网页界面和用户界面元素，如图标、按钮等。
三、矢量图（Vector）1. 定义矢量图是由线段、弧线和曲线等基本几何元素组成的图形，通过数学公式来描述和绘制。
与位图不同，矢量图并不存储像素信息，而是存储图形的形状和属性。
2. 特点•矢量图可以无限放大或缩小而不会失去图像质量，因为图像的形状是由公式描述的。
•矢量图能够精确地表示直线、曲线、多边形等几何形状，所以可以轻松实现图形的变形和编辑。
•矢量图格式常见的有SVG、AI、EPS等，其中SVG 适用于网页和移动应用，而AI和EPS适用于印刷和设计领域。
3. 应用场景矢量图在制作图标、徽标和标志等简单图形时非常方便，因为可以通过编辑基本几何图形来实现。
另外，矢量图对于场景重建和三维模型构建也非常有用，可以准确地表示和编辑复杂的形状。
在印刷和插图领域，矢量图能够保证图像的质量和准确性。
四、比较与选择1. 图像质量•位图可以呈现更真实的图像细节和纹理，适用于需要高画质的场景。
什么是位图、矢量图、二值图、RGB图
矢量图运算机中显示的图形一样能够分为两大类——矢量图和位图。
矢量图利用直线和曲线来描述图形，这些图形的元素是一些点、线、矩形、多边形、圆和弧线等等，它们都是通过数学公式计算取得的。
例如一幅花的矢量图形事实上是由线段形成外框轮廓，由外框的颜色和外框所封锁的颜色决定花显示出的颜色。
由于矢量图形可通过公式计算取得，因此矢量图形文件体积一样较小。
矢量图形最大的优势是不管放大、缩小或旋转等可不能失真。
Adobe公司的Freehand、Illustrator、Corel公司的CorelDRAW是众多矢量图形设计软件中的佼佼者。
赫赫有名的Flash MX制作的动画也是矢量图形动画。
矢量图像，也称为面向对象的图像或画图图像，在数学上概念为一系列由线连接的点。
矢量文件中的图形元素称为对象。
每一个对象都是一个自成一体的实体，它具有颜色、形状、轮廓、大小和屏幕位置等属性。
既然每一个对象都是一个自成一体的实体，就能够够在维持它原有清楚度和弯曲度的同时，多次移动和改变它的属性，而可不能阻碍图例中的其它对象。
这些特点使基于矢量的程序专门适用于图例和三维建模，因为它们通常要求能创建和操作单个对象。
基于矢量的画图同分辨率无关。
这意味着它们能够按最高分辨率显示到输出设备上。
矢量图与位图最大的区别是,它不受分辨率的阻碍。
因此在印刷时,能够任意放大或缩小图形而可不能阻碍出图的清楚度矢量图：是依照几何特性来绘制图形，矢量能够是一个点或一条线，矢量图只能靠软件生成，文件占用内在空间较小，因为这种类型的图像文件包括独立的分离图像，能够自由无穷制的从头组合。
它的特点是放大后图像可不能失真，和分辨率无关，文件占用空间较小，适用于图形设计、文字设计和一些标志设计、版式设计等。
现将矢量图的优势和缺点归纳如下：优势：（1）文件小；（2）图像元素对象可编辑；（3）图像放大或缩小不阻碍图像的分辨率；（4）图像的分辨率不依托于输出设备；缺点：（1）重画图像困难；（2）传神度低，要画出自然度高的图像需要很多的技术。
3.2.2位图图像与矢量图像
一、基本概念——位图与矢量图
什么是矢量图？
什么是位图？
• 也叫做向量图，是由电脑 通过运算文件所记录的函 数公式，得到的图像，简 单地说，就是缩放不失真 的图像格式。
• “图形”
• 也叫做点阵图，像素图， 是由确定方位的像素点， 记录的不同色彩信息所组 成的图像，简单地说，就 是最小单位由像素构成的 图，缩放会失真。
为了方便图像的编辑，将图像中的各个部分独立起来，对任 何一部分的编辑操作对其它部分不起作用。
上图实际上是由多个图层合成的一张成品稿。
Photo Shop常用术语介绍
• 滤镜：
利用摄影中滤光镜的原理对图像进行特殊的效果编辑。虽然 其源自滤光镜，但在PS中将它的功能发挥到了滤光镜无法比 拟的程度，使其成为PS中最神奇的部分。
位图与矢量图
我是矢量图
我不怕 被放大
位图与矢量图
我是位图
我放大 会模糊
我的象素点 不够了…
位图与矢量图
思考1：位图和矢量图Байду номын сангаас自有什么优缺点？
• 位图的优点：
• 矢量图的优点：
• 容易观看 • 色彩变化丰富 • 编辑上，可以改变任何形状的
轮廓的形状更容易修改和控制，
图像不因观看放大、缩小而模 糊。
• “图像”
• 像素：
像素是构成图像的最基本 元素，它实际上一个个独 立的小方格，每个象素都 能记录它所在的位置和颜 色信息。
图中每一个小方格就是 一个象素点，它记载着 图像的各种信息。
分辨率：在图像中，每单位长度上的像素数。 即：分辨率=像素数/该像素数所占的长度
分辨率是对位图而言的，对矢量图因为不是由 像素点组成，所以无意义。
• 位图的应用：
矢量图和位图
位图的特点：
1、文件所占的空间大：用位图存储高分辨率的彩色图像需要较大储存空间，因为像素之间相互独立，所以占的硬盘空间、内在和显存比矢量图都大。
2、会产生锯齿：位图是由最小的色彩单位“像素”组成的，所以位图的清晰度与像素的多少有关。位图放大的一定的倍数后，看到的便是一个一个的像素，即一个一个方形的色块，整体图像便会变得模糊且会产生锯齿。
一、 矢量图
矢量图，又称向量图，是由线条和图块组成的图像。
将矢量图放大后，图形仍能保持原：由于图像中保存的线条和图块的信息，所以矢量图形与分辨率和图像大小无关，只与图像的复杂程度有关，简单图像所占的存储空间小。
2、图像大小可以无级缩放：在对图形进行缩放、旋转或变形操作时，图形仍具有很高的显示和印刷质量，且不会产生锯齿模糊效果。
AI格式、 Jpeg格式、PSD格式、TIFF格式
BMP格式：此格式是微软公司软件的专用格式，也是最常用的位图格式之一，支持RGB、索引颜色、灰度和位图颜色模式的图像，但不支持Alpha通道。
3、可采取高分辨率印刷：矢量图形文件可以在任何输出设备及打印机上以打凶机或印刷机的最高分辨率输出。
二、位图
位图，也叫光栅图，是由很多个像小方块一样的颜色网格（即像素）组成的图像。位图中的像素由其位置值与颜色值表示，也就是将不同位置上的像素设置成不同的颜色，即组成了一幅图像。位图图像放大到一定的倍数后，看到的便是一个一个文形的色块，整体图像也会变得模糊、粗糙。
3、位图图像在表现色彩、色调方面的效果比矢量图更加优越，尤其是在表现图像的阴影和色彩的细微变化方面效果更佳。
学用文件格式：
CDR格式：此格式是Coreldraw专用的矢量图格式，它将图片按照数学方式来计算，以矩形、线、广西、弧形和椭圆等形式表现出来，并以逐点的形式映射到页面上，因此在缩小或放大矢量图形时，原始数据不会发生变化。
实例(4)位图、像素以及矢量图
基本概念—矢量图 基本概念 矢量图
【矢量图】使用直线和曲线来描述图形，这些图形的元素是一些点、 矢量图】使用直线和曲线来描述图形，这些图形的元素是一些点、 矩形、多边形、圆和弧线等等，它们都是通过数学公式（ 线、矩形、多边形、圆和弧线等等，它们都是通过数学公式（例 直线公式y=2x）计算获得的。 如：直线公式 ）计算获得的。 特点】 【特点】文件小 、图像放大或缩小不影响图像的分辨率 逼真度低， 逼真度低，要画出自然度高的图像需要很多的技巧 说明】常用软件有： 【说明】常用软件有：CorelDraw、Illustrator 等 、
说明： 说明：显示器也是 由多个像素组成的
查Байду номын сангаас图像大小
菜单“图像” 图像大小” 菜单“图像”->“图像大小” 图像大小
基本概念—位图 基本概念 位图 P5
【位图】又称光栅图，一般用于照片品质的图像处理，是由许多像小 位图】又称光栅图，一般用于照片品质的图像处理， 方块一样的“像素”组成的图形，由其位置与颜色值 位置与颜色值表示 方块一样的“像素”组成的图形，由其位置与颜色值表示 例如】 【例如】下图是直线放大后的形状 说明】 【说明】Photoshop主要处理的是位图图像 主要处理的是位图图像
基本概念—像素 基本概念 像素 P5
宽度和高度（单位一般为像素） 宽度和高度（单位一般为像素） 像素 分辨率—每一英寸有多少个像素 每一英寸有多少个像素， 分辨率 每一英寸有多少个像素， 值越大图像越清晰， 值越大图像越清晰，但占空间越大
利用“画笔工具”绘制图形，将图像 利用“画笔工具”绘制图形， 放到最大，其中的小方块即图像的像素 放到最大，其中的小方块即图像的像素
矢量图与位图的区别
矢量图与位图的区别矢量图与位图(1)矢量图计算机中显示的图形一般可以分为两大类——矢量图和位图。
矢量图使用直线和曲线来描述图形，这些图形的元素是一些点、线、矩形、多边形、圆和弧线等等，它们都是通过数学公式计算获得的。
例如一幅花的矢量图形实际上是由线段形成外框轮廓，由外框的颜色以及外框所封闭的颜色决定花显示出的颜色。
由于矢量图形可通过公式计算获得，所以矢量图形文件体积一般较小。
矢量图形最大的优点是无论放大、缩小或旋转等不会失真。
Adobe公司的Freehand、Illustrator、Corel公司的CorelDRAW是众多矢量图形设计软件中的佼佼者。
大名鼎鼎的Flash MX制作的动画也是矢量图形动画。
矢量图像，也称为面向对象的图像或绘图图像，在数学上定义为一系列由线连接的点。
矢量文件中的图形元素称为对象。
每个对象都是一个自成一体的实体，它具有颜色、形状、轮廓、大小和屏幕位置等属性。
既然每个对象都是一个自成一体的实体，就可以在维持它原有清晰度和弯常用的矢量图格式*.bw是包含各种像素信息的一种黑白图形文件格式。
*.cdr (CorelDraw)*.cdr是CorelDraw中的一种图形文件格式。
它是所有CorelDraw 应用程序中均能够使用的一种图形图像文件格式。
*.col(Color Map File)*.col是由Autodesk Animator、Autodesk Animator Pro等程序创建的一种调色板文件格式，其中存储的是调色板中各种项目的RGB值。
*.dwg*.dwg是AutoCAD中使用的一种图形文件格式。
*.dxb(drawing interchange binary)*.dxb是AutoCAD创建的一种图形文件格式。
*.dxf(Autodesk Drawing Exchange Format)*.dxf是AutoCAD中的图形文件格式，它以ASCII方式储存图形，在表现图形的大小方面十分精确，可被CorelDraw、3DS等大型软件调用编辑。
位图图像与矢量图形
3．3．2 位图图像与矢量图形第一部分：单元教学设计首页一、制定教学目标的依据1．课标要求与教材分析课标要求：了解常见的多种媒体信息，如声音、图形、图像、动画、视频的类型、格式及其存储、呈现和传递的基本特征与基本方法。
学会适当地选择不同类型的媒体信息来表达主题内容的方法，掌握各种媒体信息在计算机中的表示。
教材分析：本章共两节内容，考虑到同学们在必修模块中已初步了解并加工过一些多媒体信息，对常见的多种媒体信息有了一定的认识，因此本章重点是学习第二节，而第二节是各种媒体信息在计算机中的表示，包括文本、图形、图像、音频、动画、视频在计算机中的表示，内容较多，所以将3.2中“文本信息在计算机中的表示”揉到3.1中进行教学，剩下的内容再分两课时完成。
第一课时讲解图形图像的数字化表示过程，了解位图与矢量图的类型、格式及其存储、呈现和传递的基本特征，第二课时来学习音频、动画和视频的数字化表示过程，了解其类型、格式及其存储。
3.2所涉及到的内容范围和深度是整个教材中较大的，但学生认识多媒体信息的类型、格式及其存储、呈现和传递的基本特征和基本方法是他们学习后续章节的必备基础，而此部分内容概念多且比较抽象，学习难度大，因此在教学中要通过类比、对比等教学策略化难为易、化繁为简，把握好深度和广度，以达到课标的要求。
2.学情分析在必修模块《信息的加工与表达（上）》一章中，同学们已初步了解并加工过一些多媒体信息，对于常见的多媒体信息的特点已有了初步的认识，并能根据实际问题选择适当工具进行表达与交流。
但对于各种媒体信息的格式及其存储、呈现和传递等的基本特征与基本方法和数据压缩技术等原理一片空白，需要进一步学习。
二、教学目标知识与技能：1．能根据实际情况和需要选用合适的媒体信息表达主题。
2．知道文本在计算机中的编码方式。
3. 知道位图图像和矢量图形的类型、呈现和传递信息的特征；能分辨位图与矢量图；理解图形图像的数字化；学会用公式计算位图图像文件大小。
点阵图位图与矢量图的区别
点阵图(位图)与矢量图的区别位图，也叫做点阵图，删格图象，像素图，简单的说，就是最小单位由象素构成的图，缩放会失真。
矢量图，也叫做向量图，采用线条和填充的方式，可以随意改变形状和填充颜色，无论放大或缩小都不会失真，FLASH动画大多使用矢量图做的。
教科书上写的不一定准确，不管是位图和矢量图，都可以叫图形，有位图图形，也有矢量图形。
图片、图形和图像没有从属关系，说的都是图，只是叫法不同而已，图形重在形，就像工程图，图像重在像，就像效果图，都是图，只是侧重点不同而已。
有些软件教科书硬性将图像规定为像素图是不正确的，将图形说成矢量图也是错误的，这种硬性规定是不正确的，至少是不严谨的。
计算机绘图分为点阵图(又称位图或栅格图像)和矢量图形两大类，认识他们的特色和差异，有助于创建、输入、输出编辑和应用数字图像。
位图图像和矢量图形没有好坏之分，只是用途不同而已。
因此，整合位图图像和矢量图形的优点，才是处理数字图像的最佳方式。
一、点阵图(Bitmap)（1）何谓点阵图及点阵图的特性？与下述基于矢量的绘图程序相比，像Photoshop 这样的编辑照片程序则用于处理位图图像。
当您处理位图图像时，可以优化微小细节，进行显著改动，以及增强效果。
位图图像，亦称为点阵图像或绘制图像，是由称作像素（图片元素）的单个点组成的。
这些点可以进行不同的排列和染色以构成图样。
当放大位图时，可以看见赖以构成整个图像的无数单个方块。
扩大位图尺寸的效果是增多单个像素，从而使线条和形状显得参差不齐。
然而，如果从稍远的位置观看它，位图图像的颜色和形状又显得是连续的。
由于每一个像素都是单独染色的，您可以通过以每次一个像素的频率操作选择区域而产生近似相片的逼真效果，诸如加深阴影和加重颜色。
缩小位图尺寸也会使原图变形，因为此举是通过减少像素来使整个图像变小的。
同样，由于位图图像是以排列的像素集合体形式创建的，所以不能单独操作（如移动）局部位图。
点阵图像是与分辨率有关的，即在一定面积的图像上包含有固定数量的像素。
位图图像与矢量图形ppt课件
分辨率
屏幕分辨率：显示器屏幕上的最大显示区域， 即水平与垂直方向的像素个数。
图像分辨率：数字化图像的大小，即该图像的 水平与垂直方向的像素个数。
像素分辨率：像素的宽和高之比一般为1:1。
烧伤病人的治疗通常是取烧伤病人的 健康皮 肤进行 自体移 植，但 对于大 面积烧 伤病人 来讲， 健康皮 肤很有 限，请 同学们 想一想 如何来 治疗该 病人
每一个.栅格代表一个像素点,而每一个像素点,只能 显示一种颜色
在处理位图图像时，您编辑的是像素而不是对象或 形状，也就是说，编辑的是每一个点。
烧伤病人的治疗通常是取烧伤病人的 健康皮 肤进行 自体移 植，但 对于大 面积烧 伤病人 来讲， 健康皮 肤很有 限，请 同学们 想一想 如何来 治疗该 病人
.位图图像具有以下特点: 1.文件所占的存储空间大,对于高分辨率的彩色图像,用位图 存储所需的储存空间较大,像素之间独立,所以占用的硬盘空 间.内存和显存比矢量图都大.
2.位图放大到一定倍数后,会产生锯齿.由于位图是由最小的 色彩单位"像素点"组成的,所以位图的清晰度与像素点的多 少有关.
3.位图图像在表现色彩,色调方面的效果比矢量图更加优越, 尤其在表现图像的阴影和色彩的细微变化方面效果更佳.
由于图形只保存算法和特征点，因 此占用的存储空间很小。但显示时需经 过重新计算，因而显示速度相对慢些。
烧伤病人的治疗通常是取烧伤病人的 健康皮 肤进行 自体移 植，但 对于大 面积烧 伤病人 来讲， 健康皮 肤很有 限，请 同学们 想一想 如何来 治疗该 病人
实践
（1）若一幅图像的分辨率是512×384，计算机屏幕 分辨率是1024×768，则该图像按100%显示，占据屏 幕几分之几？若一幅图像的分辨率是2272×1704，计 算机屏幕分辨率是1024×768，要全屏幕显示整幅图 像，则该图像显示比例是百分之几？
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
[教材]位图图像与矢量图形3(3(2 位图图像与矢量图形第一部分:单元教学设计首页一、制定教学目标的依据1(课标要求与教材分析课标要求:声音、图形、图像、动画、视频的类型、格式及其存储、了解常见的多种媒体信息，如呈现和传递的基本特征与基本方法。
学会适当地选择不同类型的媒体信息来表达主题内容的方法，掌握各种媒体信息在计算机中的表示。
教材分析:本章共两节内容，考虑到同学们在必修模块中已初步了解并加工过一些多媒体信息，对常见的多种媒体信息有了一定的认识，因此本章重点是学习第二节，而第二节是各种媒体信息在计算机中的表示，包括文本、图形、图像、音频、动画、视频在计算机中的表示，内容较多，所以将3.2中“文本信息在计算机中的表示”揉到3.1中进行教学，剩下的内容再分两课时完成。
第一课时讲解图形图像的数字化表示过程，了解位图与矢量图的类型、格式及其存储、呈现和传递的基本特征，第二课时来学习音频、动画和视频的数字化表示过程，了解其类型、格式及其存储。
3.2所涉及到的内容范围和深度是整个教材中较大的，但学生认识多媒体信息的类型、格式及其存储、呈现和传递的基本特征和基本方法是他们学习后续章节的必备基础，而此部分内容概念多且比较抽象，学习难度大，因此在教学中要通过类比、对比等教学策略化难为易、化繁为简，把握好深度和广度，以达到课标的要求。
2.学情分析在必修模块《信息的加工与表达(上)》一章中，同学们已初步了解并加工过一些多媒体信息，对于常见的多媒体信息的特点已有了初步的认识，并能根据实际问题选择适当工具进行表达与交流。
但对于各种媒体信息的格式及其存储、呈现和传递等的基本特征与基本方法和数据压缩技术等原理一片空白，需要进一步学习。
二、教学目标知识与技能:1(能根据实际情况和需要选用合适的媒体信息表达主题。
2(知道文本在计算机中的编码方式。
3. 知道位图图像和矢量图形的类型、呈现和传递信息的特征;能分辨位图与矢量图;理解图形图像的数字化;学会用公式计算位图图像文件大小。
4. 理解模拟音频数字化的过程，学会用公式计算音频文件大小。
5. 知道动画、视频是由图形图像一帧帧构成的;能根据实例区分有损压缩与无损压缩，静态压缩标准与动态压缩标准。
过程与方法:1(在教师的启发引导下，学生通过类比、比较、合作探究、交流讨论等活动理解图形图像的数字化过程，知道位图图像文件大小的计算公式，分辨图形图像。
2(学生通过“两只老虎”简谱的采样活动，理解模拟音频数字化的过程，知道声音文件大小的计算公式。
3(学生通过观看动画和视频，教师分解动画、视频，从原理上认识动画、视频。
情感态度价值观:在活动中提高分析问题能力，体验交流的乐趣。
第二部分:课时教学设计首页一、课时教学目标知识与技能目标:1(知道位图图像和矢量图形的类型、呈现和传递信息的特征，能分辨位图与矢量图。
2(理解图形图像的数字化过程，学会用公式计算位图图像文件大小。
3(能区分有损压缩与无损压缩，初步了解静态图像压缩标准。
过程与方法目标:在教师的启发引导下，学生通过类比、比较、合作探究、交流讨论等活动掌握图形图像的数字化过程，知道位图图像文件大小的计算公式，了解图形图像间的区别。
情感态度价值观:学生在合作探究和讨论过程中，体验交流的乐趣，进一步提高分析问题和总结归纳的能力。
二、教学重点与难点重点:1(理解位图图像和矢量图形的数字化过程。
(学会用公式计算位图图像文件大小 23(分辨位图图像和矢量图形难点:理解位图图像和矢量图形的数字化过程。
三、教学方法与手段方法:讲授法、任务驱动法、基于问题教学法、活动探究法教学资源:十字绣作品《牡丹图》、桃心和体育馆图片资料、画图程序四、使用教材的构想由于图像分辨率等概念比较枯燥，学生难以理解，因此借用学生常见的十字绣作品来帮助学生类比理解位图图像的特征，并采用桃心放大效果的不同对比教学突破重点，通过活动探究化解难点，从而使学生更好地认识图形图像的类型、存储和呈现的不同，理解图形图像数字化的过程。
第三部分:教学流程一、提出问题、导入新课(1分钟)教师行为:课件投影图片——桃心教师提出问题:你们认为该图片是图形还是图像,学生可能有的答案:图形教师语言:恰恰相反，这张图片是图像。
区分图形图像不能单从表面上去判断，如何来分辨图形图像呢，它们各有什么特点呢,今天让我们一起走进——3.2.2位图图像与矢量图形。
【本环节设计意图】从学生的认知冲突入手启发他们对图形图像的思考。
二、对比观察，认识位图图像和矢量图形(12分钟)教师语言:被计算机接受的数字图像分为:位图图像和矢量图形，刚才同学们所说的图形和图像只是一种简称，有时人们也称位图图像叫位图，称矢量图形叫矢量图。
第一步:任务驱动、发现问题教师行为:布置任务在桌面学案资料中有两张图像“桃心.jpg”和“桃心.wmf”，请同学们用图任务要求:片传真器打开两张图像并放大，观察两张图像被放大后有什么不同,学生行为:上机操作，完成任务，发现“桃心.jpg”被放大后出现模糊现象，而“桃心.wmf”没有变形。
教师点拨总结:“桃心.jpg”被放大后出现模糊现象，仔细观察，会发现在边缘部分出现马赛克似的小方块现象，而“桃心.wmf”没有变形。
【设计意图】让学生在任务中发现问题:看似相同的图像被放大后出现不同的效果，设置悬念，为后面分辨位图图像与矢量图形做铺垫。
第二步:十字绣类比，认识位图图像教师行为:拿出一幅十字绣，要求前排学生和最后一排学生观看，并描述你们看到的结果。
前排学生描述:看到由一些不同颜色的方块组成了一幅牡丹图。
后排学生描述:看到一幅风景秀丽的牡丹图。
教师点拨:前排学生相对于后排学生来说，相当于放大了我的十字绣，放大后就看到牡丹图是由不同颜色的方块组成，这就类似于“桃心.jpg”被放大后，在边缘出现马赛克似的小方块现象。
学生行为:对比分析“桃心.jpg”和十字绣，“桃心.jpg”和十字绣有相似之处，都是有很多个小方块组成的。
教师总结:十字绣是有若干个点来构成，位图图像也是如此，我们把“桃心.jpg”中的方块点称为像素点，由像素点构成的图像就叫位图图像，把图像水平方向与垂直方向的像素个数称为位图图像的分辨率，它也就决定了图像的长和宽。
【设计意图】位图的特点和十字绣特别相似，借用学生常见的十字绣来类比既调动了学生的学习兴趣，也启发了学生对位图图像的构成及其分辨率的理解。
第三步:探究原因，认识矢量图形教师提出问题:为什么“桃心.wmf”放大后没有变形呢,学生同桌讨论: “桃心.wmf”是图形，是一个几何形状。
教师语言:同学们说的很对，“桃心.wmf”是一个矢量图形，那为什么矢量图形缩放变形后不会失真呢,教师投影图片:教师引导:从上图中可以看出，矢量图是通过数学方法计算对象的轮廓线和填充属性来描述图形的，跟分辨率无关。
换句话说，矢量图形用一组指令集合来描述的，这些指令用来描述构成一幅图的所有直线、圆、矩形、曲线等的位置、形状、维数和颜色等各种属性和参数。
显示时，需要相应的软件读取、解释这些指令，并将其转换为屏幕上所显示的形状和颜色。
矢量图是用数学方法描述的一系列点、线、弧和其他几何形状。
比如桃心的数学表达方式为:x~2+y~2+ax=a(x~2+y~2)~1/2(~后面的数均为指数)，成比例的缩小和放大都不会变形。
【设计意图】举例三角形在坐标系中的表示和桃心的数学表达方式，让学生能够进一步理解矢量图是用数学方法描述，与分辨率无关。
第四步:拓展知识，分辨位图图像和矢量图形教师语言:分辨位图图像和矢量图形的另一个方法是看图像文件的扩展名。
学生行为:自学学案资料——《图形图像文件格式》【设计意图】从另一个角度让学生学会分辨位图图像和矢量图形。
第五步:师生互动，了解位图图像和矢量图形的应用教师提问:结合刚才所讲的图形图像的特点，思考在生活中什么场合用到位图图像，什么适合用矢量图形,学生行为:四人一组，讨论交流学生代表发言:矢量图形放大后不变形，可用在商标、广告上，而图像常用在照片上。
教师总结:图像的颜色非常逼真，常用在记录自然影像方面，而矢量图是利用数学方法描述的图形，不管放到多大，图片都是清晰的，因此常用在商标设计、插画、广告等行业。
【设计意图】让学生学以致用，了解位图图像和矢量图形在生活中的应用。
三、活动探究，突破难点——图形图像数字化(19分)第一步:矢量图形的数字化过程敦煌图案矢量图教师行为:投影《敦煌图案》矢量图，思考在计算机中是如何来存储矢量图形的呢,学生行为:结合所学数学知识，小组讨论交流，矢量图形是采用数学方法存储图形的。
教师点拨:前面我们了解到矢量图是通过数学方法计算对象的轮廓线和填充属性来描述。
《敦煌图案》矢量图可以分解为叶、花瓣、花茎等图形，叶、花瓣、花茎又可分解为一系列最简单的无法再分解的由点、线、面等组成的子图，矢量图通过记录这些子图的轮廓形状、线条粗细、色彩及它们的组合方式来描述花的形状。
矢量图形存储的数据主要是绘制图形的数学描述，由于矢量图形可通过数学公式计算获得，因此，生成的文件存储容量很小。
【设计意图】前面知识已有铺垫，学生通过讨论交流能自己总结并理解矢量图形数字化的过程。
第二步:位图图像的数字化过程教师提出问题:位图图像是由像素构成，每个点有它的位置和颜色，它在计算机中又是如何存储的呢,学生思考后回答:存储每个像素点的位置和颜色。
教师小结:多媒体信息在计算机中都是以二进制形式来存储，图像也不例外，我们将记录像素点颜色的二进制位数称为图像量化位数。
教师要求思考:如果用16位二进制来存储一幅图像的颜色，颜色值有多少, 学生行为:在教师引导下同桌讨论并计算:16位(每位取值:0或1)16 得出结论颜色值: 2=65536教师小结:记录像素点颜色的二进制位数越多，可表示的颜色数就越多，图像色彩就越逼真。
【设计意图】引导学生利用已学过的排列组合等数学知识进行计算，促进学生知识的迁移，并使其充分认识到数学知识的应用价值，进而积极主动学习数学课程。
第三步:活动探究，学会应用位图图像文件大小的计算公式学生以小组形式通过两个活动来探究位图图像的大小与什么因素有关。
活动一:活动内容:用“画图”程序打开24位位图“体育馆.bmp”，选择“图像\属性”，将图像大小由原来的480*360像素更改为800*600像素，并保存修改后的图片。
活动要求:观察前后两张图片的大小，讨论图片的大小与什么因素有关。
活动二:活动内容:用“画图”程序打开24位位图“体育馆.bmp”，选择“文件\另存为”，文件类型选择“16色位图”。
活动要求:观察前后两张图片的大小和图像的呈现效果，讨论图片的大小与什么因素有关。
学生行为:上机操作，通过活动探究比较和讨论交流，得出结论:图像分辨率越大，图像文件的存储容量就越大;图像量化位数越大，图像文件就越大，图像的品质也越好。