《Photoshop图像编辑与处理 教学课件 ppt 作者 沈洪 朱军 等 第1章 平面设计概述 1.3》由会员分享，可在线阅读，更多相关《Photoshop图像编辑与处理 教学课件 ppt 作者 沈洪 朱军 等 第1章 平面设计概述 1.3（29页珍藏版）》请在金锄头文库上搜索。
1、1.3平面设计元素,1.3.1文字 1.3.2图像 1.3.3色彩,1.3.1文字,字是文的载体，文是字的故事，人们通过使用文字来表达思想，传达信息。文字设计是研究文字的造型规律及设计应用。图1-12是二个文字设计例子。,图1-12 文字设计,以下是文字设计的几条原则及文字的组合应注意的几点。 1、文字的可读性 2、赋予文字个性 3、在视觉上应给人以美感 4、在设计上要富于创造性 5、在风格上要有统一的基调,返回,1.3.2图像,1、数字图像的分类 数字图像分为两大类：位图图像和矢量图形，这两种图像各有千秋、互为补充，往往需要把这两种图像类型综合使用，才能制作出高水平的图像作品,（1）位图图像
2、 位图图像，也叫作栅格图像，是用小方形网格（位图或栅格）即像素来代表图像，每个像素都被分配一个特定位置和颜色值。例如，在位图图像中各种景物是由该位置的像素拼合组成的。处理位图图像时，编辑的是像素而不是对象或形状。图像扫描设备、Photoshop 和其它的图像处理软件都产生位图图像。位图图像与分辨率有关，换句话说，它包含固定数量的像素，代表图像数据。因此，如果在屏幕上以较大的倍数放大显示，或以过低的分辨率打印，位图图像会出现锯齿边缘，且会遗漏细节。在表现阴影和色彩的细微变化方面，位图图像是最佳选择。,（2）矢量图形 矢量图形，是由叫作矢量的数学对象所定义的直线和曲线组成的。用CoolDraw等绘
3、图软件创作的是矢量图形，矢量图形是根据图形的几何特性来对其进行描述。例如，矢量图形中的各种景物是由数学定义的各种几何图形组成，放在特定位置并填充有特定的颜色。移动、缩放景物或更改景物的颜色不会降低图像的品质。矢量图形与分辨率无关，也就是说用户可以将它缩放到任意大小和以任意分辨率在输出设备上打印出来，都不会遗漏细节或清晰度。因此，矢量图形是文字（尤其是小字）和粗图形的最佳选择，这些图形在缩放到不同大小时必须保持清晰的线条。,图1-13 位图（左）和矢量图（右）,图1-13是位图（左）和矢量图（右）的对比。,2、图像大小与分辨率 （1）像素尺寸 像素尺寸是指位图图像高度和宽度的像素数目。图像的文件
4、大小与其像素尺寸成正比。当制作用于网上显示的图像时，因为要在不同显示器上显示，所以像素尺寸变得尤其重要。 在Photoshop等图像处理软件中，像素是图像的基本组成单位。像素是一个有颜色的小方块，图像由许多小方块组成，以行或列的方式排列。由于图像是由方形像素组成，因此图像也是方形的。,（2）屏幕显示大小 图像在屏幕显示的大小取决于图像的像素尺寸、显示放缩比率、显示器尺寸以及显示器分辨率设置等因素。 （3）图像分辨率 图像分辨率是指图像中每单位打印长度显示的像素数目，通常用像素/英寸(ppi) 表示。相同尺寸的图像分辨率越高，单位长度上的像素数越多，图像越清晰，反之图像越粗糙。图像分辨率还可用每
5、英寸图像含有多少像素点来表示，例如250dpi表示的就是该图像一英寸含有250个像素点。相同打印尺寸下，高分辨率的图像比低分辨率图像包含较多的像素，因此像素点较小，图像更清晰。,例如，72ppi分辨率的11英寸图像包含总共5184像素(72像素宽72像素高5184)；同样11英寸而分辨率为300ppi 的图像则包含总共90000像素。图1-14所示为72ppi（左图）和300 ppi（右图）图像的效果比较，下方小框的插图其缩放比为200%，可以明显看出分辨率为72ppi的图像没有分辨率为300ppi的图像清晰。,图1-14 分辨率为72ppi（左图）和300 ppi（右图）,(5)显示器分辨率
6、 即显示器上每单位长度显示的像素或点的数目，通常以点英寸(dpi)为度量单位。显示器分辨率取决于显示器大小加上其像素设置。PC显示器的典型分辨率约为96dpi，苹果机显示器的典型分辨率约为72dpi。 (6)打印机分辨率 即照排机或激光打印机产生的每英寸的油墨点数(dpi)。为获得最佳效果，使用与打印机分辨率成正比(但不相同)的图像分辨率。大多数激光打印机的输出分辨率为300dpi到600dpi，但对72ppi到150ppi的图像打印效果较好。,(7)文件大小 文件大小即图像以数字表示的大小，单位是千字节(K)、兆字节(MB)或千兆字节(GB)。文件大小与图像的像素尺寸和分辨率成正比，例如，1
7、1英寸200ppi的图像包含的像素是11英寸100ppi的图像像素的4倍，由此文件大小也是它的4倍。一般来说，在给定打印尺寸的情况下，像素多的图像产生更多细节，但要求有更多的磁盘空间存放，而且编辑和打印速度会慢些。从而图像分辨率成为图像品质和文件大小的代名词。,3、图像彩色模式 颜色模式在Photoshop中可以确定图像中能显示的颜色，还可以影响图像的通道数和文件大小。 （1）位图模式 （2）灰度模式 （3）RGB模式 （4）CMYK模式,（2）灰度模式,图1-15为这四种颜色模式的图像。,图1-15 四种颜色模式的图像,图像的模式可以进行转换，转换有很多种方式。 这里我们介绍将任意颜色模式图
8、像转换为二值位图模式。将图像转换为二值位图会使图像减少到两种颜色，简化颜色信息，减小文件大小。彩色图像转换为二值位图，先灰度模式。去掉像素的色相和饱和度信息，而只保留亮度值。转换方法有多种： 50% 阈值：将具有中灰色阶（128） 以上的灰度值的像素转换为白色，以下的转换为黑色高对比度的黑白图像。阈值也可以变化，甚至可以通过算法自动选择，即所谓自动二值化。 图案仿色：灰度级转换为黑白网点的几何图形，这样可以产生层次感。 扩散仿色：从图像左上角的像素开始进行扩散，来转换图像。如果像素值高于中灰色阶(128 )，像素变为白色；如果低于该值，则变为黑色。由于原来的像素几乎不是纯白或纯黑，就不可避免产
9、生误差。这种误差传递给周围像素并在整个图像中扩散，从而形成颗粒状、胶片似的纹理。,如图1-16所示。,图1-16 图像的模式转换,4、图像格式 目前流行的图像文件存储格式有许多种，如bmp、tiff、pcx、jpeg、gif、tga、pdf、png等等。 （1）BMP （2）TIFF （3）GIF （4）JPEG(Joint Photographic Experts Group) （5）PSD格式（Photoshop格式）,常见的压缩技术有： （1）RLE（行程长度受限编码）：是一种无损压缩技术，TIFF文件格式及常用Windows文件格式所支持。 （2）LZW（Lemple-Zif-Wdlc
10、h）：是一种无损压缩技术，为TIFF、PDF、GIF和PostScript 语言文件格式所支持。这种技术最适合用于压缩包含大面积单色彩的图像，如屏幕快照或简单的绘画图像。 （3）JPEG（联合图片专家组）：是一种有损压缩技术，为JPEG、PDF和PostScript 语言文件格式所支持。JPEG压缩为连续色调的图像，为照片提供最好的效果。 （4）CCITT编码：是一种黑白图像无损压缩技术的系列，为TIFF、PDF和PostScript 语言文件格式所支持。CCITT是“国际电话电报咨询委员会”的法语拼写的缩写。 （5）ZIP编码：是一种无损压缩技术，为PDF文件格式所支持。和LZW一样，ZIP
11、压缩对于压缩包含大面积单色彩的图像是最有效的。,返回,1.3.3色彩,色彩在人们的生活、生产以及日常生活中的重要作用是显而易见的，研究资料表明，一个正常人从外界接受的信息百分之九十是以上是由视觉器官输入的，来自外界的一切视觉形象，如物体的形状、空间、位置的界限和区别都是通过色彩区别和明暗关系得到反映的，而视觉的第一印象往往是对色彩的感觉。对色彩的兴趣导致了人们的色彩审美意识，成为人们能够色彩装饰美化生活的前提因素。 色彩的感染力是相当大。一个成功的色彩设计，它拥有生命力，可以感染观众情绪。色彩设计就是要尽可能地运用崭新的观念去表现色彩的特色，在设计和组合上呈现令人清新的感觉，引导观众去发掘色彩
12、背後的意义。,1、色彩的概念 色彩是一种视觉神经刺激，它的产生是由于视觉神经对光的反应。没有光或视觉神经，就没有色彩。色彩的发生，是光对人的视觉和大脑发生作用的结果，是一种视知觉。由此看来，需要经过光眼神经的过程才能见到色彩。,2、色彩的属性 丰富多样的颜色可以分成无彩色系和有彩色系两个大类。 色相、明度、纯度，是色彩最基本的属性，是研究色彩的基础，称为色彩三要素。 （1）色彩的色相。 （2）色彩的纯度。 （3）色彩的明度。,三原色是色彩构成的基本要素，将三原色以适当比例混合，可以得到各种不同的色彩。 不能用其它色混合而成的色彩叫原色。用原色可以混合出其它色彩。原色有两个系统，一种是光的三原色
13、，另一种是颜料三原色。色彩有两个原色系统：色光的三原色、颜料的三原色。 （1）光的三原色：红、绿、蓝。 （2）颜料的三原色：品红、黄色、青色。 色彩有三种混合方式：加法混合、减法混合、中性混合。,3、色彩的构成 色彩构成，是从人对色彩的知觉和心理效果出发，用一定的色彩规律去组合构成要素间的相互关系，创造出新的、理想的色彩效果，这种对色彩的创造过程及结果，称为色彩构成。 （1）色相环 色相环是色彩构成的基本工具。第一个色相环是由艾萨克 牛顿爵士在1666年绘制的。该色相环的设计使所有颜色在一起看起来都浑然一体。多年来，许多新的设计由此演变而来，但最常见的版本仍然是这个基于RYB的十二色相环。,十
14、二色相环是由原色，二次色和三次色组合而成。色相环中的三原色是红、黄、蓝色，彼此势均力敌，在环中形成一个等边三角形。二次色是橙、紫、绿色，处在三原色之间，形成另一个等边三角形。红橙、黄橙、黄绿、蓝绿、蓝紫和红紫六色为三次色，三次色是由原色和二次色混合而成。如图1-17所示。,三原色,二次色,三次色,十二色相环,图1-17 十二色相环,在十二色相环颜色基础上增加明、暗变化，构成的十二色相环，如图1-18所示。,图1-18 十二色相环,（2）色彩构成方法 有十种基本的配色设计，分别是： 无色设计。不用彩色，只用黑、白、灰色。 类比设计。在色相环上任选三个连续的色彩或其任一明色和暗色。 冲突设计。把一
15、个颜色和它补色左边或右边的色彩配合起来。在色相环中位于一个颜色对面的颜色是该颜色的补色，补色的概念就是完全相反的颜色。 互补设计。使用色相环上全然相反的颜色。 单色设计。把一个颜色和任一个或它所有的明、暗色配合起来。,中性设计。加入一个颜色的补色或黑色使它色彩消失或中性化。 分裂补色设计。把一个颜色和它补色任一边的颜色组合起来。 原色设计。把纯原色红、黄、蓝色结合起来。 二次色设计。把二次色绿、紫、橙色结合起来。 三次色三色设计。三次色三色设计是下面二个组合中的一个：红橙、黄绿、蓝紫色或是蓝绿，黄橙、红紫色，并且在色相环上每个颜色彼此都有相等的距离。,返回,归纳： 平面设计最基本的元素是文字、
16、图像与色彩。 文字设计应注意文字的可读性、赋予文字的个性、视觉的美感、独特的创造性、风格的一致性。 图像是人对视觉感知的物质再现。随着数字采集技术和信号处理理论的发展，越来越多的图像以数字形式存储、处理。数字图像分为位图图像和矢量图像2类。位图图像是由像素组成，一个像素具有不同的颜色，颜色深度是用来表示像素的颜色数量，像素尺寸大小表示位图图像大小，而分辨率是单位长度上像素的数量。矢量图像是由直线和曲线组成，通过几何图形参数来描述，与分辨率无关。图像文件大小与图像的像素尺寸和分辨率成正比，是图像数据存储的度量。图像数据量一般较大，为了图像处理、存储、传送的需要，图像可以采用多种不同的存储格式。,色彩是一种视觉神经刺激，它的产生是由于视觉神经对光的反应。没有光或视觉神经，就没有色彩。色相、明度、纯度，是色彩最基本的属性。三原色是色彩构成的基本要素，将三原色以适当比例混合，可以得到各种不同的色彩。光的三原色是红、绿、蓝。色素的三原色是品红、黄色、青色。色彩有加法混合、减法混合、中性混合三种混合方式。颜色模式可以确定图
