UI设计－从图标到界面完美解析第二章 Photoshop功能概述.pptVIP

01 图形图像 02 认识Adobe Photoshop 03 Adobe Photoshop功能与组成 04 Adobe Photoshop的安装与配置 01 第二章 Photoshop功能概述 图形图像 图形和图像的区别 图形又被成为矢量图（Vector Drawn），它是根据几何特性来绘制的。我们会在后面的章节详细介绍。 图像所包含的信息是用像素来度量的。像素是组成一幅图像的最小单元。分辨率与色彩位数越高，占用存储空间就越大，图像越清晰。 第二章 Photoshop功能概述 图形图像 图像文件格式 JPEG、JPG格式最适合于使用真彩色或平滑过渡式的照片和图片 BMP格式 最普遍的点阵图格式之一，质量不失真、文件大 TIFF格式 Mac中广泛使用的图像格式 PSD格式 Photoshop的专用格式，可包含图层、通道、遮罩等 PNG格式 使用无损压缩来减少图片大小，可保留图中的透明区域 GIF格式 可保存动画文件，最多只能支持256色。 第二章 Photoshop功能概述 图形图像 像素与分辨率 像素 中文名：图像元素；英文名：pixel。像素是指基本原色素及其灰度的基本编码，是构成数码影像的基本单元，通常以像素每英寸PPI（pixels per inch）为单位来表示影像分辨率的大小。 分辨率 英文名：Image resolution；别名：解像度、解析度、解像力。 分辨率是度量位图图像内数据量多少的参数。通常表示成每英寸像素（ppi）和每英寸点（dpi）。包含的数据越多。图像越精细，图形文件的长度就越大，也能表现更丰富的细节。 02 第二章 Photoshop功能概述 认识Photoshop RGB颜色 基于发光的色彩模式 用于屏幕显示 CMYK颜色 基于反光的颜色模式 用于印刷品 第二章 Photoshop功能概述 认识Photoshop P h o t o s h o p 的 光 辉 历 程 1990年2月 Photoshop诞生，版本1.0.7正式发行 01 2003年10月 发行Adobe Photoshop CS（8.0） 02 2012年3月22日 发行Adobe Photoshop CS6，采用了全新的用户界面，背景选用深色 03 2015年6月16日 Adobe发行Photoshop CC 2015 04 03 第二章 Photoshop功能概述 Photoshop功能与组成 A 标题栏 位于主窗口顶端，最左边是Photoshop标记，右边分别是最小化、最大化/还原和关闭按钮。 图2.4 标题栏 图2.5 属性栏 第二章 Photoshop功能概述 Photoshop功能与组成 B 菜单栏 菜单栏为整个环境下所有窗口提供菜单控制，包括:文件、编辑、图像、图层、选择、滤镜、视图、窗口和帮助九项。Photoshop中通过两种方式执行所有命令，一是菜单，二是快捷键。 图2.6 菜单栏 第二章 Photoshop功能概述 Photoshop功能与组成 C 图像编辑窗口 中间窗口是图像窗口，它是Photoshop的主要工作区，用于显示图像文件。图像窗口带有自己的标题栏，提供了打开文件的基本信息，如文件名、缩放比例、颜色模式等。如同时打开两副图像，可通过单击图像窗口进行切换。图像窗口切换可使用Ctrl+Tab。 图2.7 图像编辑窗口 第二章 Photoshop功能概述 Photoshop功能与组成 D 状态栏 主窗口底部是状态栏，由文本行、缩放栏、预览框三部分组成。 文本行说明当前所选工具和所进行操作 的功能与作用等信息。 缩放栏显示当前图像窗口的显示比例，用户也可在此窗口中输入数值后按回车来改变显示比例。 预览框单击右边的黑色三角按扭，打开弹出菜单，选择任一命令，相应的信息就会在预览框中显示。 第二章 Photoshop功能概述 Photoshop功能与组成 E 工具箱 工具箱中的工具可用来选择、绘画、编辑以及查看图像。拖动工具箱的标题栏，可移动工具箱；单击可选中工具或移动光标到该工具上，属性栏会显示该工具的属性。有些工具的右下角有一个小三角形符号，这表示在工具位置上存在一个工具组，其中包括若干个相关工具。 图2.8 工具箱 * * * * * * * * * * * * * * * * * * * * * * 从图标到界面完美解析 UI 设计 * * * * * * * * * * * * * * * * * * * * * *