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

1、,从图标到界面完美解析,UI,设计,第二章,Photoshop功能概述,CONTENTS,目 录,01,图形图像,02,认识Adobe Photoshop,03,Adobe Photoshop功能与组成,04,Adobe Photoshop的安装与配置,01,图形图像,第二章 Photoshop功能概述,图形图像,图形和图像的区别,第二章 Photoshop功能概述,图形图像,图像文件格式,第二章 Photoshop功能概述,图形图像,像素与分辨率,像素,中文名：图像元素；英文名：pixel。像素是指基本原色素及其灰度的基本编码，是构成数码影像的基本单元，通常以像素每英寸PPI（pixels

2、per inch）为单位来表示影像分辨率的大小。,分辨率,英文名：Image resolution；别名：解像度、解析度、解像力。 分辨率是度量位图图像内数据量多少的参数。通常表示成每英寸像素（ppi）和每英寸点（dpi）。包含的数据越多。图像越精细，图形文件的长度就越大，也能表现更丰富的细节。,02,认识Photoshop,第二章 Photoshop功能概述,认识Photoshop,RGB颜色 基于发光的色彩模式 用于屏幕显示,CMYK颜色 基于反光的颜色模式 用于印刷品,第二章 Photoshop功能概述,认识Photoshop,P h o t o s h o p 的 光 辉 历 程,03

3、,Photoshop 功能与组成,第二章 Photoshop功能概述,Photoshop功能与组成,位于主窗口顶端，最左边是Photoshop标记，右边分别是最小化、最大化/还原和关闭按钮。,图2.4 标题栏,图2.5 属性栏,第二章 Photoshop功能概述,Photoshop功能与组成,菜单栏为整个环境下所有窗口提供菜单控制，包括:文件、编辑、图像、图层、选择、滤镜、视图、窗口和帮助九项。Photoshop中通过两种方式执行所有命令，一是菜单，二是快捷键。,图2.6 菜单栏,第二章 Photoshop功能概述,Photoshop功能与组成,中间窗口是图像窗口，它是Photoshop的主要

4、工作区，用于显示图像文件。图像窗口带有自己的标题栏，提供了打开文件的基本信息，如文件名、缩放比例、颜色模式等。如同时打开两副图像，可通过单击图像窗口进行切换。图像窗口切换可使用Ctrl+Tab。,图2.7 图像编辑窗口,第二章 Photoshop功能概述,Photoshop功能与组成,主窗口底部是状态栏，由文本行、缩放栏、预览框三部分组成。 文本行说明当前所选工具和所进行操作 的功能与作用等信息。 缩放栏显示当前图像窗口的显示比例，用户也可在此窗口中输入数值后按回车来改变显示比例。 预览框单击右边的黑色三角按扭，打开弹出菜单，选择任一命令，相应的信息就会在预览框中显示。,第二章 Photosh

5、op功能概述,Photoshop功能与组成,工具箱中的工具可用来选择、绘画、编辑以及查看图像。拖动工具箱的标题栏，可移动工具箱；单击可选中工具或移动光标到该工具上，属性栏会显示该工具的属性。有些工具的右下角有一个小三角形符号，这表示在工具位置上存在一个工具组，其中包括若干个相关工具。,图2.8 工具箱,第二章 Photoshop功能概述,Photoshop功能与组成,共有14个面板，可通过“窗口/显示”来显示面板。 按Tab键，自动隐藏命令面板，属性栏和工具箱，再次按键，显示以上组件。 按Shift+Tab，隐藏控制面板，保留工具箱。,图2.9 工具面板,第二章 Photoshop功能概述,P

6、hotoshop功能与组成,使用形状或钢笔工具时，可以使用三种不同的模式进行绘制。在选定形状或钢笔工具时，可通过选择选项栏中的图标来选取一种模式，如右表。,第二章 Photoshop功能概述,Photoshop功能与组成,Photoshop强大的功能在于它支持多种图形图像格式，几乎涵盖了我们能够用到的全部，下面，我们通过右表详细了解一下每种格式的特点：,04,Photoshop 的安装与配置,第二章 Photoshop功能概述,Photoshop的安装与配置,下载安装包后进行解压，双击解压文件夹中的“Set-up.exe”进行安装，安装路径可以自定义也可以使用默认路径。,设置暂存磁盘 将物理内存占用的最大数量