现代教育技术教程模块一走进教育技术现代教育技术公共课教程ETTHINK.com教育技术论坛现代教育技术教程图像媒体及技术―矢量图和点阵图―像素―分辨率―色彩•图像基础知识•常见的图像格式及其特点•图像素材使用常见问题及处理方法模块三图像媒体及技术•图像基础知识现代教育技术教程图像媒体及技术•常见的图像格式及其特点•图像素材使用常见问题及处理方法―JPG图像格式―GIF图像格式―BMP图像格式―PNG图像格式―PSD图像格式模块三图像媒体及技术现代教育技术教程图像媒体及技术•图像基础知识•常见的图像格式及其特点•图像素材使用常见问题及处理方法―图像素材的获取途径和方法―改变指定图像的尺寸和存储体积大小和存储格式―删除图像冗余部分信息,快速裁切图像―让图像背景透明―图像的局部修补―调整图像的明暗(曝光)―为图像添加文字修饰效果―渐变图像效果制作模块三图像媒体及技术矢量图和点阵图现代教育技术教程模块三图像媒体及技术也叫做位图,删格图象,像素图,简单的说,就是最小单位由象素构成的图,缩放会失真。也叫做向量图,采用线条和填充的方式,可以随意改变形状和填充颜色,无论放大或缩小都不会失真。点阵图矢量图放大1600%放大400%100%大小*.bmp、*.png、*.gif、*.jpg*.wmf、*.emf、*.cdr、*.dwg常见工具:PhotoShop、CorelPaint等CorelDraw、CAD、Flash等常见工具:常见格式:Next:像素和分辨率Prev:目录常见格式:像素和分辨率现代教育技术教程模块三图像媒体及技术像素(Pixel)是组成图像的基本单位,将图像放大足够之后,出现的类似马赛克效果,其中每一个矩形块就是一个像素。分辨率指的是单位长度中,所表达的像素数目.大小相同的一幅图,组成该图的图像像素数目越多,则图像的分辨率越高,看起来就越逼真像素分辨率像素分辨率:96.012尺寸:4.8cmX6.8cm大小:77.7kb分辨率:10尺寸:4.8cmX6.8cm大小:19.9kbNext:PPI和DPIPrev:矢量图和点阵图PPI和DPI现代教育技术教程模块三图像媒体及技术PPI:pixelperinch,图像每英寸包含的像素数,用来表示图像单位包含的像素数及信息量。DPI:dotperinch,又称输出分辨率,用来表示输出设备所能处理的每英寸所含的点的数目,如打印机。PPIDPINext:色彩Prev:像素和分辨率激光打印机的输出分辨率为:300DPI~600DPI照排机的输出分辨率为:1200DPI~2400DPI此图96.012PPI代表什么意思?现代教育技术教程模块三图像媒体及技术Next:色彩实例Prev:PPI和DPI色彩色相(hues):是颜色的标识,比如红、绿或橙色。黑色和白色无色相。饱和度(saturation):表示色彩的纯度,为0时为灰色。白、黑和其他灰色色彩都没有饱和度的。明度(brightness):可以简单理解为颜色的亮度红(0度)黄绿青蓝紫红(360度)0%50%100%(H=300,B=100%ps中)0%50%100%(H=300,S=100%ps中)现代教育技术教程模块三图像媒体及技术Next:常见色彩模型Prev:色彩色彩实例现代教育技术教程模块三图像媒体及技术常见色彩模型Next:图像格式Prev:色彩实例RGBCMYKHSBHSB模型是基于人眼对色彩的观察来定义的,在此模型中,所有的颜色都用色相或色调(Hue)、饱和度(Saturation)和亮度或明度(Brightness)3个特性来描述RGB对应的是光的三原色:红绿蓝,显示器等发光媒介通过这种加色原理表示色彩,如白是R+G+B,R+G=?CMYk是指色的三原色:青(Cyan)洋红(Megenta)黄(Yellow)和黑(Black),,在印刷中代表4种颜色的油墨。印刷等媒介通过这种减色原理表示色彩。减色(CMYK)和加色(RGB)是互补色现代教育技术教程模块三图像媒体及技术常见图像格式Next:图像素材的获取Prev:常见色彩模型现代教育技术教程模块三图像媒体及技术图像素材的获取Next:图像大小修改Prev:常见图像格式利用数码相机进行拍摄,或利用截图软件截取利用相关软件进行绘制直接从网上获取⑴利用出版社网站的素材⑵使用搜索引擎的图片搜索功能⑶利用专业的图像素材网站现代教育技术教程模块三图像媒体及技术修改图像尺寸、大小和格式Next:快速裁切图像Prev:图像素材的获取问题描述:在使用图像素材时,特别是在需要在网上上传图片资料时,通常会遇到对上传图片有图片格式,图片尺寸以及图片存储空间大小等限制条件,如果图像素材不符合这些条件,如何处理呢?实例:请将右图修改为尺寸为:3.5*5.3cm,大小不超过400KB,存储格式为:PNG的图像具体图片请见素材现代教育技术教程模块三图像媒体及技术删除图像冗余部分信息,快速裁切图像Next:让图像背景透明Prev:图像大小修改问题描述:很多时候我们在网上找到的图片素材都会带有一些网站标记,也有一些图像我们仅需要其中的一部分,对于这样的问题如何解决呢?实例:请从右图中取出一朵花单独保存为”花.jpg”具体图片请见素材现代教育技术教程模块三图像媒体及技术让图像背景透明Next:图像的局部修补Prev:快速裁切图像问题描述:在使用图像素材时,有时感觉图像的背景影响图像的显示效果,如何能删除图像背景或者让图像背景透明呢?实例:请将右图1的背景删除具体图片请见素材图1图2现代教育技术教程模块三图像媒体及技术图像的局部修补Next:调整图像的明暗Prev:图像素材的获取问题描述:一些自己拍摄的图像素材经常会遇到局部瑕疵问题,如墙壁上的涂鸦,画面中的斑点,从网上下载的图像素材也经常遇到水印存在于图片中间的情况,利用裁切的方法无法删除,怎么办呢?实例:请将右图1柱子上的涂鸦去掉具体图片请见素材图1图2现代教育技术教程模块三图像媒体及技术调整图像的明暗(曝光)Next:添加文字修饰Prev:图像的局部修补问题描述:使用数码相机拍摄图像素材时,因为光线原因经常遇到拍摄画画的亮度有问题,有的太暗,有的偏亮,如何处理这样的问题呢?实例:右图1有些偏暗,请调亮些具体图片请见素材图1图2现代教育技术教程模块三图像媒体及技术为图像添加文字修饰效果Next:渐变图像效果Prev:调整图像的明暗问题描述:在使用图像时,经常需要在图像上添加一些标记,或添加一些文字说明,在制作课件使用图像进行界面设计时,还需要添加标题等效果…如此等等,都需要在图像上进行文字效果处理。实例:在图1上添加“勾股定理”四个字,效果如图2具体图片请见素材图1图2现代教育技术教程模块三图像媒体及技术渐变图像效果制作Next:结束Prev:添加文字修饰问题描述:渐变效果是指图像由透明到不透明的一个变化过程,也可以是指色彩由深到浅或由浅到深的变化过程,适当的使用色彩渐变或透明渐变可以增强图像的美观性。实例:为图1上添加渐变,效果如图2具体图片请见素材图1图2