网页制作——图像处理基础.ppt

平面媒体设计 I 问题 你为什么选这门课？ 你想在这门课学到些什么？ 学完PS部分你能做什么？ 对图像做基本修改 修整图像 图像合成 去背景操作 我希望你能具备的 认真 审美能力 有独特的视角 平时搜集素材的习惯 平面媒体设计 I 第一章 图像处理基础 图像处理基础 关于图像处理 数字图像基础 色彩的基本理论 一、 关于图像处理 图像处理 狭义 广义：图像处理、图像分析和图像理解 数字图像（Image而不是Picture） 采样和量化 图像和图形 二、 数字图像基础 获取图像的途径 图像的两种类型 分辨率和图象文件大小 图像格式 获取图像的主要途径 屏幕捕获 扫描仪 数码相机 利用画图软件进行绘制 图形和图像 1.基本概念 图形和图像 图形：由点、线等组成的有边界画面，文件中存放描述图形的指令。 图像：由图像设备输入的无边界画面，数字化后以位图形式存储。 位图 位图 位图图像也叫作栅格图像，PS以及其它的图像编辑软件一般都使用位图图像。位图图像是用小方形网格(位图或栅格)，即像素来代表图像，每个像素都有被分配一个特定位置和颜色值。????在处理位图图像时，编辑的是像素而不是形状，也就是说，编辑的是每一个点。 位图 位图图像与分辨率有关，因此，如果在屏幕上以较大的倍数放大显示图像，或者以过低的分辨率打印，位图图像会出现锯齿边缘，且会遗漏细节，如右图。 矢量图 矢量图形，是由叫做矢量的数学对像所定义的直线和曲线组成的，如illustrator、CAD、Flash等绘图软件创作的都是矢量图形。它们根据图形的几何特性来对其进行描述。????例如，机械制图中的零件由数字定义的线条和圆形等几何图形组成，图形画出后，放在特定位置并填充特定的颜色。移动、缩放或更改颜色不会降低图形的品质。 矢量图 矢量图形与分辨率无关，换句话说，可以将它缩放到任意大小和以任意分辨率在输出设备上打印出来，都不会遗漏细节或清晰度。所以说矢量图形是文字(尤其是小字)和线条图形的最佳选择。? 分辨率 图像分辨率即图像中每单位打印长度显示的像素数目，通常用像素/英寸(PPI)表示。高分辨率的图像比相同打印尺寸的低分辨率图像包含较多的像素，因而像素点较小。 例如，72PPI分辨率的1×1英寸图像包含总共5184像素(72像素宽×72像素高=5184)；同样1×1英寸而分辨率为300PPI的图像则包含总共90000像素。???? 分辨率 下图是不同分辨率的两张图片，可以看到下方右图100%时的图像大小与左图50%时的图像大小差不多。 分辨率 ?将上方右侧的图像拷贝到左侧的图像中，可以看到图像只占据很小的位置，如下图所示。???? 分辨率 要确定使用的图像分辨率，应考虑图像最终发布的媒介。如果制作的图像用于网上显示，图像分辨率只需满足典型的显示器分辨率(72或96PPI)。 但是，如果图像用于打印输出，那么必须使用高分辨率的图像(300PPI)，太低的分辨率打印图像会导致输出图像中有明显的颗粒。高分辨率的图像文件大小比较大，在作图时必须根据需要进行选择。 图像的几种主要格式 BMP（*.BMP） JPEG(*.JPG,*.JPE) PSD(*.PSD) GIF(*.GIF) PNG(*.PNG) 三、色彩的基本理论 色彩是非口头交流的最为直接的方式。色彩一直用来表现思想和情感，而且无论在印刷里、屏幕上或者是超市的货架上，色彩都能扮演一个直接吸引注意力的“强夺者”的角色。色彩是当代设计中极为重要的一个方面。 我们第一次观察到某些事物时，色彩可能会是我们记录下来的第一元素。 色标 红色 在情绪反应上表示生气，危险；是一种兴奋、动力和能量的代表，富有激情兴奋感。 当把红色加深时，它就变成了权威和优雅的象征；当把红色稀释为玫瑰红或粉红时，它就成了年轻、精美和温柔的象征。 橙色 被认为是最“热”的颜色，是一种表示活泼的、有趣的、引起注意的（特别是吸引青少年和小孩）颜色。通常用它来表示一种温暖感。 橙色还可以促进食欲和情绪反应，所以食品包装与标志设计中经常用橙色。 色标 黄色 是一种明亮的、欢快的颜色，会让人从明艳的阳光、春花联想到金色的秋叶等。 黄色和黑色搭配可以说是对比最强烈的色彩搭配。通常这两种颜色的搭配表示一种警告，表示一些潜在的危险或存在的障碍。 绿色 象征安宁、自然和环境。也是春天的颜色，体现出一种生命的活力与健康。 人们通常把绿色与环境问题联系起来，所以很多产品包装采用绿色，表达一种新鲜感与无公害产品的概念。 色标 蓝色 可以体现出神秘感和自然世界的能量感，与大海、天空颜色想通的色彩。可以诗人放松与平静。同时也被认为是一种冰爽洁净的颜色。 深蓝色，通常表示保守与统一，体现出一种稳定、安全和信任感，很多公司制服