收藏本站
 
设为主页
     您的位置:首页在线课堂高一级2017-2018学年度第一学期 》第二课
==※ 高一级 ※==
2017-2018学年第一学期















==※ 网络资源 ※==
 
太平洋电脑网
天极网
eNet网络学院
 
 
第二课 图形图像与色彩概述
 
学习目的:了解图形图像的分类、特征、格式及处理工具;了解色彩原理及配色要点。
学习重难点图形图像的分类、特征、格式及处理工具;色彩原理及配色要点。
教学方式:老师讲解、演示;学生思考、观察、体验、练习。

学习内容:


一、位图与矢量图
  被计算机接受的数字图像有位图图像和矢量图形两种。通常,我们把位图图像称图像(Image),而把矢量图形称为图形(Graphic)

  【1】位图图像
  A、位图图像是由像素构成的,适用于逼真照片或要求精细细节的图像,位图图像像素之间没有内在的联系,而且他们的分辨率是固定的,如果在屏幕上对它们进行缩放,或以低于创建时的分辨率来打印它们,将丢失其中的细节,并会出现锯齿状。
   
                    泸沽湖(位图)
   B、图像分辨率
  图像分辨率指图像中存储的信息量,是每英寸图像内有多少个像素点,分辨率的单位为ppi(Pixels Per Inch),通常叫做:像素每英寸。有时也会用以下单位:dpi(点每英寸)、lpi(线每英寸)。
  分辨率决定了位图图像细节的精细程度。通常情况下,图像的分辨率越高,所包含的像素就越多,图像就越清晰,印刷的质量也就越好。同时,它也会增加文件占用的存储空间
  图像分辨率的表达方式为“水平像素数×垂直像素数”,单位可以是“像素(px)”。图像分辨率有时也会被称为图像大小、图像尺寸、像素尺寸等。

  【2】矢量图形
  矢量图形是以指令集合的形式来描述的。这些指令描述了一幅图中所包含的基本图形,如直线、圆、弧线、矩形等的大小和形状,也可以用更为复杂的形式表示图形中曲面、光照、材质等效果,矢量图形需要的存储量较小。
  矢量图形文件里记录的实际上是各种几何形状的表达式以及相关的参数,所以矢量图在缩放的时候不会像图像那样出现马赛克、细节模糊等失真的情况。
  在实际应用中,矢量图形更适合于各种几何形状描述。标量图像更适合于实际影像记录
  如下图,在设计一些高度抽象化的标识、logo等更适合用矢量图形方式。


       
                    矢量图形

  【活动一】
  请用ACDSee软件浏览服务器中“对比图片”文件夹里的图片,然后总结位图图像与矢量图形的不同之处,完成下表:

比较内容
位图图像
矢量图形
色彩、精细度
    
    
放大缩小的效果
  
  


二、图形图像的格式
   常见的图形图像文件格式及对应软件:

文件格式

特点描述
对应软件
JPEG
  最常用的图像文件格式,是一种有损压缩格式,能够将图像压缩在很小的储存空间,因此容易造成图像数据的损伤。广泛用于网络上和图像设计中。
各种图形图像软件
GIF
  GIF图像文件的数据是经过压缩的,最多支持256种色彩的图像。GIF格式的另一个特点是可以存储动画文件。gif格式产生的文件较小但质量不高,广泛用于网络上。
Ulead Animator
Image Ready
BMP
  BMP文件几乎没有压缩,所占用的空间很大,质量较高。是Windows系统中最为常见的图像格式。
画图
TIFF
  使扫描图像标准化。支持Mac与PC平台的图像打印输出格式,可以保存通道、多幅图像。
PSD
  Photoshop的固有格式。能支持全部图像色彩模式的格式。
PhotoShop
CDR
  CorelDRAW的固有格式,矢量图形。
CorelDRAW
AI
  Adobe Illustrator的固有格式,矢量图形。
Illustrator
WMF
  Microsoft定义的矢量图形格式。
PNG
  专门为Web创造。色彩丰富,支持Alpha透明属性,跨平台适用性较强,较易于进行图像二次修改。
TGA
  照片的一种记录格式,较多应用在PC的视频应用软件上。
数码相机常用
EPS
  广泛使用在Mac和PC环境下的图形和版面设计上,支持在PostScript输出设备上跨平台打印。
PICT
  Mac常见的图像文件格式之一。
SWF
  Flash的专用格式,是一种支持矢量和点阵图形的动画文件格式,被广泛应用于网页设计,动画制作等领域。
Flash

  想要了解更多常用的图形图像处理软件可以参考“360软件管家”中的“图形图像”。

三、三原色

  1、色光三原色——加色法原理(RGB色彩模式)
  人的眼睛是根据所看见的光的波长来识别颜色的。可见光谱中的大部分颜色可以由三种基本色光按不同的比例混合而成, 这三种基本色光的颜色就是红(Red)绿(Green)蓝(Blue)三原色光。这三种光以相同的比例混合、且达到一定的强度, 就呈现白色(白光);若三种光的强度均为零, 就是黑色(黑暗)。这就是加色法原理,加色法原理被广泛应用于电视机、监视器、计算机等主动发光的产品中。
            
  电脑屏幕上的所有颜色,都由这红色绿色蓝色三种色光按照不同的比例混合而成的。一组红色绿色蓝色就是一个最小的显示单位。屏幕上的任何一个颜色都可以由一组RGB值来记录和表达。因此这红色绿色蓝色又称为三原色光,用英文表示就是R(red)、G(green)、B(blue)。也就是RGB色彩模式
  RGB色彩模式使用RGB模型为图像中每一个像素的RGB分量分配一个0~255范围内的强度值。RGB图像只使用三种颜色,就可以使它们按照不同的比例混合,在屏幕上重现16777216(256 * 256 * 256)种颜色。
  在很多软件(例如Photoshop、Flash、DreamWeaver等)中,都会用到颜色代码,例如白色的代码为“#FFFFFF”,黑色的代码为“#000000”,这些代码是什么意思呢?
  如下面的颜色代码:
        
  颜色代码中的每两位数对应着一种颜色的分量。RGB三种颜色分量的变换范围为0∽255, 对应十六进制数为00~FF。例如:
  正红色的代码为“#FF0000”
  正绿色的代码为“#00FF00”
  正蓝色的代码为“#0000FF”

  【活动二】
  
请点击右侧链接,查找各种颜色所对应的颜色代码:== CheckColor ==


  2、颜料三原色——减色法原理(CMYK色彩模式)
  在打印、印刷、油漆、绘画等靠介质表面的反射被动发光的场合, 物体所呈现的颜色是光源中被颜料吸收后所剩余的部分, 所以其成色的原理叫做减色法原理。减色法原理被广泛应用于各种被动发光的场合。 在减色法原理中的三原色颜料分别是青(Cyan)、品红(Magenta)和黄(Yellow)
             
  颜料三原色对应的颜色模式是CMYK颜色模式

  3、美术色彩三原色:红、黄、蓝
  美术教科书讲的是绘画颜料的使用,色彩调色是红、黄、蓝为三原色。
               


四、色彩的三要素

  色彩三要素为:色相、明度、纯度
  色相——广义上讲,色相就是色彩的相貌。它可以包括很多色彩,也称相对色相;狭义上讲,色相是色彩颜料对光谱色的模仿,它包括了色彩的三原色和由三原色派生的间色。
     
  明度——明度是色彩的明暗程度。明度高是指色彩较明亮, 而明度低就是色彩较灰暗。
      明度对比图如下:
              
                 明度高       明度低
  纯度——纯度是指某色相所含色素的多少,纯度也称饱和度或彩度。所含色素越多,纯度越高,反之纯度越低。
      纯度对比图如下:
              
                 纯度高       纯度低


五、冷暖色与色彩意象

  1、冷暖色
  暖色——暖色由红色调组成。比如红色、橙色和黄色。它们给选择的颜色赋予温暖、舒适和活力,它们也产生了一种色彩向浏览者显示或移动,并从页面中突出出来的可视化效果。

     

  冷色——冷色来自于蓝色色调。譬如蓝色、青色和绿色。这些颜色将对色彩主题起到冷静的作用,它们看起来有一种从浏览者身上收回来的效果,于是它们用作页面的背景比较好。

     

  冷暖色对比:
      

       

  2、色彩意象
  当我们看到色彩时,除了会感觉其物理方面的影响,心里也会立即产生感觉,这种感觉我们一般难以用言语形容,我们称之为印象,也就是色彩意象
  【活动三】
  请单击右侧链接,了解色彩意象的详细内容:== 色彩意象 ==


六、色彩搭配

  1、色彩搭配建议步骤:
  (1)决定主体色。
  (2)选择搭配色。
  (3)选择字体色。
  (4)明度、纯度调整,完成配色。

  注意:同一画面中,最好不要使用超过四种颜色。

  2、请单击以下链接,查看“配色精彩十例”和“色彩搭配表”,感受如何进行色彩搭配。
  == 配色精彩十例 ==
  == 色彩搭配表 ==


七、自由操作、体验、讨论、提问。


* 友情提示:本文档只供本校师生上课时辅助使用,不是正规的教学设计或教案。

 


 

 

Copyright © 东莞中学信息技术科 All Rights Reserved
IE4.0 or later / 800*600  For The Best View