01计算机平面图像设计

天艺设计 2010-12-12

展开全文

《平面设计与制作》教案

班级：平面设计与制作 任课老师：赵雄鹰

授课题目：序论计算机平面图像设计

授课类型：新授

授课目的：了解图像处理平面图像设计的历史，平面图像设计

的一般处理过程和基本概念，熟悉平面设计软件。

授课时数：2个课时

教学重点：平面设计的特征、平面图形处理过程、像素、分辨率、图形图像文件格式、图像的色彩模式、色彩的三要素。

教学难点：平面图形处理过程、像素、分辨率、图形图像文件格式、图像的色彩模式、色彩的三要素。

教具准备：PHOTOSHOP

计划授课时间：2个课时

编写教案时间： 2010年10月16日

教学情况：

一、平面图像设计的历史：

平面图像设计的发展史，可以追溯到人类发展史的源头，人类祖先用来记事的简单符号、文字，那是人类最基础、最原始的平面图像设计实例。当初也许只在于表达某种具体的含义，而不包含艺术、美学的成份。伴随着人类文明的发展，人们对艺术、美的追求和探索逐渐成为发展的主流，当初记事的用途也逐渐淡化。传统的画家经过数十载的训练才掌握绘画这门技能，他们通过笔和纸的演绎描绘自己抽象的思维，表现自己对艺术、美的理解。除了艺术家之外每个人都有追求美的权利，都有一定的创作天赋和自己对生活、艺术、美的独特认识。需要长期的训练才能掌握的技能，对大多数人来说有些”可望不可及”。而电脑的出现使人们的梦想成为现实。电脑在问世之初只是作为科研机构进行科学计算的工具，体积庞大、价格昂贵、使用复杂是其特点。到50至70年代，一些科学家像Noll，Harman、Knowton以及Nake等利用电脑程序语言从事电脑图形图像处理的研究，研究的主题多是图形形成原理的探索，例如，如何编程使得计算机的二进制代码能够表现为一条弧线或是一个三角形等简单的几何图形。70年代，伴随着个人电脑PC的出现，使电脑的体积缩小许多，价格亦降低许多，平面图像技术也逐步成熟，使有兴趣从事电脑艺术创作的人有更多的机会，不用编写令人讨厌的代码程序就能随心所欲地进行艺术创作。在80年代的10年中，随着电脑的发展推广，电脑桌上排版（Desk Top Publishing，DTP）和数字印前行业（Prepress）得以迅速发展，使电脑的输出展现出新的面貌。通过专业的设备，图像自电脑直接输出的精度、准确和美观的程度，几乎可以同照片媲美，甚至在某些方面远远超出照片的效果.

二、平面设计的特征：

设计是科技与艺术的结合，是商业社会的产物，在商业社会中需要艺术设计与创作理想的平衡，需要客观与克制，需要借作者之口替委托人说话。设计与美术不同，因为设计即要符合审美性又要具有实用性、替人设想、以人为本，设计是一种需要而不仅仅是装饰、装潢。设计没有完成的概念，设计需要精益求精，不断的完善，需要挑战自我，向自己宣战。设计的关键之处在于发现，只有不断通过深入的感受和体验才能做到，打动别人对与设计师来说是一种挑战。设计要让人感动，足够的细节本身就能感动人，图形创意本身能打动人，色彩品位能打动人，材料质地能打动人、……把设计的多种元素进行有机艺术化组合。

三、平面设计的主要软件：

为了处理图形图像，当然也需要专门设计软件。为此，科学家们根据艺术家及平面设计师的工作特点开发了对应的软件，其中Adobe公司开发的Photoshop是最著名的软件之一。计师可在电脑上直接完成文字的录入、排版、图像处理、形象创造和分色制板的全过程，开创了”电脑平面设计”时代。

Coreldraw是一个矢量绘图软件，被广泛应用于广告、装潢、海报办公、出版印刷等平面设计领域

Photoshop的专长在于图像处理，而不是图形创作。有必要区分一下这两个概念。图像处理是对已有的位图图像进行编辑加工处理以及运用一些特殊效果，其重点在于对图像的处理加工，图形创作软件是按照自己的构思创意。

四：平面图形处理过程：

1. 图像的输入

2. 2.图像的处理

3. 3.图像的输出。

五、Photoshop图像处理流程

A、材质库的建立

进行图像处理的时候，为了表现某种主题，可能就需要各种各样的原始材料来支持，如果材料缺乏的话，就像机器没有原材料，大楼没有地基一样，没有任何意义根据自己的需要，建立自己的材质库，并随时加以整理，做好“标签”。

B、范围的选取

作为点阵图，它只能通过对范围的选择形成所谓的“对象”，在进行各种各样的处理。范围的选取，在Photoshop中占有非常重要的地位，应熟练掌握这种技巧。

C、颜色的控制

任何将进行组合的图像，在刚开始的时候，都肯定在颜色上与别的现有的图像发生冲突，必需在正式融合前，加以颜色的调整，使得亮度、对比度、色值等都比较合适。

D、组合处理

把对象进行组合，成为一张图，创意的实现，关键在这一步，各种滤镜和图像处理，将通过对各范围的处理，达成目的。

E、边界的融合

处理作品后，各范围和各图层之间，会出现明显的“边缘”，对这些细微的边缘，一定要加以融合，消除这些边缘，使作品不会因为这些地方失色。

F、色彩的协调

处理完作品后，作品颜色也许会跟开始的融色状态不一致，必须再次进行色彩处理。

G、文本的加入

文字在美术作品中，本身就是一门艺术，在处理完的作品里，一般都加上一些画龙点睛的文字。

H、作品的保存

根据需要，存储为适当的图像格式，并进行优化，使之有最佳的效果和最少的体积。

六：基本概念：

像素是组成图像的最基本单元，它是一个有颜色的方块，这些相同颜色或者不同颜色的像素组合在一起便构成了一幅图像，位图就有许多的像素组成的。由于每个像素都能够记录色彩所以使的位图能够表现丰富的色彩。由于位图是有许多的像素组成的，所以在图像进行放大或者旋转的时候会产生失真的现象。比如：出现马赛克。

分辨率是和图像相关的一个重要概念，它是衡量图像细节表现力的技术参数。但分辨率的种类有很多，其含义也各不相同。正确理解分辨率在各种情况下的具体含义，弄清不同表示方法之间的相互关系，是至关重要的一步。下面对几种常见的图像输入/输出分辨率及不同图像输入/输出设备分辨率作个介绍，供大家参考。

七、图形图像文件格式：

图形图像文件大致上可以分为两大类：一类为位图文件；另一类称为描绘类、矢量类或面向对象图形图像文件。前者以点阵形式描述图形图像，后者是以数学方法描述的一种由几何元素组成的图形图像。一般说来，后者对图像的表达细致、真实，缩放后图形图像的分辨率不变，在专业级的图形图像处理中应用较多。

1、矢量图文件格式：

1)、*.AI：由adobe公司定制矢量文格式，用于记录不同的线条组成的图像文件。

2)、*.EPS：同AI 一样是Adobe公司开发，广泛用于多种的图像处理软件可以形成较逼真图像文件。

3)、*.DXF是由Adobe公司开发三维及二维主体图文件格式专用于辅助设计软件中。

2、位图文件格式

1)、*.BMP/*.RLE：是由微软件及IBM公司联合开发windows 平台上最常用的图像文件格式*.RLE可以压缩的形式存盘。选择以*.BMP图像格式存盘，则在屏幕上弹出一个BMP OPTIONS对话框，供用户是windows及OS2格式。

2)、*.PCX：将以压缩编码和形式存储图像文件使用此种格存盘时将丢失好像打印机设置的信息。

3)、GPG，*JEG（亦称JPEG）：是由联合图像乞专家组提出的一个标准，主要用于静止图像的压缩其最大优点是以极少失真进行高压缩比压缩一般都能低于10%但不能进行较大的放大操作。

4)、*.GIF：是一种图像交换格式，可大压缩图像使图像在网上传递时经济实用，由256种颜色去组成图像，压缩率为2：1，用于网页显示及制作较多。

5)、*.TIF：广泛用于高质量的图像文件处理中，进行不失真的形式压缩图像，用户选择会出现对话框，选择以PC机格式或苹果机格式存盘，此格式存盘的文件会较大些。

6)、*.TGA：大量用于电视广播选择此格式会出现对话框选择分辨率。

7)、*.PCD：是由柯达相片公司开发的光盘相片格式，文件较大，保存图像较为逼真。

8)、*.PSD（Adobe photoshop图像格式）这种格式仅在photoshop中出现的文件格式，为photoshop特有能存储所有photoshop文件信息（如通道、图层、路径等）和各种色彩模式。它以压缩文件形式存储文件以节约磁盘空间，是一种不失真压缩，在photoshop处理图像是可尽量采用这种存盘格式。

9)、*.PCT/*.PIC此格式大量用于苹果要系统的图像应用中，对于有大量的相同色彩的文件能进行有效的压缩。

10)、*.PXR：主要用于3D动画，只支持灰度图像及RGB模式。

11)、*.EPS：常用于绘图和排版软件中。

12)、*.RAW：比较在始，将所有像素依次记录的方式存盘，不对图像压缩，占用较大的磁盘空间。

13)、*.SCT：可以记录下图像间的连续层次，主要用一起印刷系统。

八、图像的色彩模式：

1）RGB彩色模式：又叫加色模式，是屏幕显示的最佳颜色，由红、绿、蓝三种颜色组成，每一种颜色可以有0-255的亮度变化。

2）CMYK彩色模式：由品蓝，品红，品黄和黄色组成，又叫减色模式。一般打印输出及印刷都是这种模式，所以打印图片一般都采用CMYK模式。

3）HSB彩色模式：是将色彩分解为色调，饱和度及亮度通过调整色调，饱和度及亮度得到颜色和变化。

4）Lab彩色模式：这种模式通过一个光强和两个色调来描述一个色调叫a，另一个色调叫b。它主要影响着色调的明暗。一般RGB转换成CMYK都先经Lab的转换。

5）索引颜色：这种颜色下图像像素用一个字节表示它最多包含有256色的色表储存并索引其所用的颜色，它图像质量不高，占空间较少。

6）灰度模式：即只用黑色和白色显示图像，像素0值为黑色，像素255为白色。