平面设计教案.pdfVIP

平面设计教案

第一章图形图像处理基础知识

1基础知识及基本应用

2界面调整及练习

3选区的创建及编辑

4课后练习

一、图形图像处理基础知识

•1、像素（pixel）：

•（1）极小的颜色方块，以行与列的方式分布

•（2）图像包含的像素越多，所存储的信息量越大，文件

就越大，图像也就越清晰。

•2、分辨率（ppi每英寸像素）

•（1）图像分辨率

•图像在一个单位长度内所包含的像素个数。

•分辨率越高，图像越清晰，反则越模糊。

•分辨率越高，占用硬盘空间越大，反则越小。

左图：

分辨率72

右图

分辨率20

常用的分辨率参考标准：

•PS软件中，系统默认的标准：72ppi

•发布于网络上的图像：72ppi或96ppi

•报纸杂志：120ppi150ppi

•彩板印刷：300ppi

•注意：

•在进行网页设计与制作时，必须注意图像分辨率

不能过大，不能因为图像的容量过大，影响用户

浏览网页的速度。

二、图像类型：矢量图、位图

•1.矢量图

•在图像放大N倍后，仍不会显示出马赛克网格。

•显示的是平滑的曲线或边缘。

•常用软件：IllustratorFreehandCAD等

•2、位图：点阵图。（PS编辑的就是位图）

•使用带颜色的小点（像素）来描述图像。

•图像进行放大后，会看到一个个的颜色块。

三、图像的常用格式

•1、photoshop文件格式（PSD/PDD格式）

•（1）后缀名为.psd或.pdd

•（2）存储所有的图像信息，随时编辑或修

•（3）没有经过压缩，占用硬盘空间大

•2、EPS格式

•（1）压缩的文件格式

•（2）可同时包含位图和矢量图

•（3）应用于位图和矢量图的相互置入

•3、TIFF格式

•（1）灵活的位图图像格式

•（2）无损压缩格式

•4、BMP格式

•5、GIF格式

•（1）网络图片的常用格式

•（2）有损压缩格式，应用于颜色少的图像

•（3）可制作简单的GIF动画，如表情等

•6、JPEG（JPG）格式

•（1）有损压缩模式

•（2）网络图片的常用格式

•（3）可通过选择来对图像进行压缩

•（4）压缩级别越高，图像品质越低、越不清晰。

•（5）选择“最佳”，则与原图像无异。

范例：输出品质为1、6、12的图像

1261

•7、PNG格式

•（1）结合了GIF和JPG的特性，降低破坏的压

缩方式。

•（2）制作透明背景图像

•（3）目前，部分web浏览器不支持PNG

•8、PSB格式：大型文件格式

•网页制作中常用的格式：

•GIF、JPG、PNG

三、基本应用

•1、启动

•2、退出:alt+F4/Ctrl+Q

•3、基本操作：

•（1）新建图像文件

•A、“文件”——“新建”

•B、Ctrl+N

•(2)打开图像：

•A、“文件”——“打开”

•B、Ctrl+O

•C、在工作区的空白区域双击

•(3)关闭文件

•A、关闭当前文件：Ctrl+W/Ctrl+F4

•B、关闭所有文件：Ctrl+Alt+W

•(4)存储(直接覆盖原文件)：ctrl+s

•存储为(=另存)：ctrl+shift+s

•存储为web和设备所有格式：

•网页文件、占硬盘空间小

•c