UI设计从图标到界面完美解析Photoshop功能概述.pptx

《UI设计从图标到界面完美解析Photoshop功能概述.pptx》由会员分享，可在线阅读，更多相关《UI设计从图标到界面完美解析Photoshop功能概述.pptx（21页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、CONTENTS目 录01图形图像02认识Adobe Photoshop03Adobe Photoshop功能与组成04Adobe Photoshop的安装与配置第1页/共21页01图形图像第2页/共21页第二章 Photoshop功能概述图形图像图形和图像的区别图形又被成为矢量图（Vector Drawn），它是根据几何特性来绘制的。我们会在后面的章节详细介绍。图像所包含的信息是用像素来度量的。像素是组成一幅图像的最小单元。分辨率与色彩位数越高，占用存储空间就越大，图像越清晰。第3页/共21页第二章 Photoshop功能概述图形图像图像文件格式JPEG、JPG格式最适合于使用真彩色或平滑过

2、渡式的照片和图片BMP格式最普遍的点阵图格式之一，质量不失真、文件大TIFF格式Mac中广泛使用的图像格式PSD格式Photoshop的专用格式，可包含图层、通道、遮罩等PNG格式使用无损压缩来减少图片大小，可保留图中的透明区域GIF格式可保存动画文件，最多只能支持256色。第4页/共21页第二章 Photoshop功能概述图形图像像素与分辨率像素中文名：图像元素；英文名：pixel。像素是指基本原色素及其灰度的基本编码，是构成数码影像的基本单元，通常以像素每英寸PPI（pixels per inch）为单位来表示影像分辨率的大小。分辨率英文名：Image resolution；别名：解像度、

3、解析度、解像力。分辨率是度量位图图像内数据量多少的参数。通常表示成每英寸像素（ppi）和每英寸点（dpi）。包含的数据越多。图像越精细，图形文件的长度就越大，也能表现更丰富的细节。第5页/共21页02认识Photoshop第6页/共21页第二章 Photoshop功能概述认识Photoshop0201RGB颜色基于发光的色彩模式用于屏幕显示CMYK颜色基于反光的颜色模式用于印刷品第7页/共21页第二章 Photoshop功能概述认识PhotoshopPhotoshop的光辉历程1990年2月Photoshop诞生，版本1.0.7正式发行012003年10月发行Adobe Photoshop C

4、S（8.0）022012年3月22日发行Adobe Photoshop CS6，采用了全新的用户界面，背景选用深色032015年6月16日Adobe发行Photoshop CC 201504第8页/共21页03Photoshop功能与组成第9页/共21页第二章 Photoshop功能概述Photoshop功能与组成A标题栏位于主窗口顶端，最左边是Photoshop标记，右边分别是最小化、最大化/还原和关闭按钮。图2.4 标题栏图2.5 属性栏第10页/共21页第二章 Photoshop功能概述Photoshop功能与组成B菜单栏菜单栏为整个环境下所有窗口提供菜单控制，包括:文件、编辑、图像、图

5、层、选择、滤镜、视图、窗口和帮助九项。Photoshop中通过两种方式执行所有命令，一是菜单，二是快捷键。图2.6 菜单栏第11页/共21页第二章 Photoshop功能概述Photoshop功能与组成C图像编辑窗口中间窗口是图像窗口，它是Photoshop的主要工作区，用于显示图像文件。图像窗口带有自己的标题栏，提供了打开文件的基本信息，如文件名、缩放比例、颜色模式等。如同时打开两副图像，可通过单击图像窗口进行切换。图像窗口切换可使用Ctrl+Tab。图2.7 图像编辑窗口第12页/共21页第二章 Photoshop功能概述Photoshop功能与组成D状态栏主窗口底部是状态栏，由文本行、缩

6、放栏、预览框三部分组成。文本行说明当前所选工具和所进行操作 的功能与作用等信息。缩放栏显示当前图像窗口的显示比例，用户也可在此窗口中输入数值后按回车来改变显示比例。预览框单击右边的黑色三角按扭，打开弹出菜单，选择任一命令，相应的信息就会在预览框中显示。第13页/共21页第二章 Photoshop功能概述Photoshop功能与组成E工具箱工具箱中的工具可用来选择、绘画、编辑以及查看图像。拖动工具箱的标题栏，可移动工具箱；单击可选中工具或移动光标到该工具上，属性栏会显示该工具的属性。有些工具的右下角有一个小三角形符号，这表示在工具位置上存在一个工具组，其中包括若干个相关工具。图2.8 工具箱第1

7、4页/共21页第二章 Photoshop功能概述Photoshop功能与组成F控制面板共有14个面板，可通过“窗口/显示”来显示面板。按Tab键，自动隐藏命令面板，属性栏和工具箱，再次按键，显示以上组件。按Shift+Tab，隐藏控制面板，保留工具箱。图2.9 工具面板第15页/共21页第二章 Photoshop功能概述Photoshop功能与组成使用形状或钢笔工具时，可以使用三种不同的模式进行绘制。在选定形状或钢笔工具时，可通过选择选项栏中的图标来选取一种模式，如右表。Photoshop的绘图模式01形状图层在单独的图层中创建形状。可以使用形状工具或钢笔工具来创建形状图层。因为可以方便地移动

8、、对齐、分布形状图层以及调整其大小，所以形状图层非常适于为Web页创建图形。可以选择在一个图层上绘制多个形状。形状图层包含定义形状颜色的填充图层以及定义形状轮廓的链接矢量蒙版。形状轮廓是路径，它出现在“路径”面板中。路径在当前图层中绘制一个工作路径，随后可使用它来创建选区、创建矢量蒙版，或者使用颜色填充和描边以创建栅格图形（与使用绘画工具非常类似）。除非存储工作路径，否则它是一个临时路径。路径出现在“路径”面板中。填充像素直接在图层上绘制，与绘画工具的功能非常类似。在此模式中工作时，创建的是栅格图像，而不是矢量图形。可以像处理任何栅格图像一样来处理绘制的形状。在此模式中只能使用形状工具。第16

9、页/共21页第二章 Photoshop功能概述Photoshop功能与组成Photoshop强大的功能在于它支持多种图形图像格式，几乎涵盖了我们能够用到的全部，下面，我们通过右表详细了解一下每种格式的特点：Photoshop的档案格式02PSD格式Photoshop默认保存的文件格式，可以保留所有有图层、色版、通道、蒙版、路径、未栅格化文字以及图层样式等，但无法保存文件的操作历史记录。Adobe其他软件产品，例如Premiere、Indesign、Illustrator等可以直接导入PSD文件。PSB格式最高可保存长度和宽度不超过300 000像素的图像文件，此格式用于文件大小超过2 Giga

10、 Bytes的文件，但只能在新版Photoshop中打开，其他软件以及旧版Photoshop不支持。JPEG格式JPEG和JPG一样是一种采用有损压缩方式的文件格式，JPEG支持位图、索引、灰度和RGB模式，但不支持Alpha通道。RAW格式Photoshop RAW具Alpha通道的RGB、CMYK、和灰度模式，以及没有Alpha通道的Lab、多通道、索引和双色调模式。BMP格式BMP是Windows操作系统专有的图像格式，用于保存位图文件，最高可处理24位图像，支持位图、灰度、索引和RGB模式，但不支持Alpha通道。GIF格式GIF格式因其采用LZW无损压缩方式并且支持透明背景和动画，被

11、广泛运用于网络中。EPS格式EPS是用于Postscript打印机上输出图像的文件格式，大多数图像处理软件都支持该格式。EPS格式能同时包含位图图像和矢量图形，并支持位图、灰度、索引、Lab、双色调、RGB以及CMYK。PDF格式便携文档格式PDF支持索引、灰度、位图、RGB、CMYK以及Lab模式。具有文档搜索和导航功能，同样支持位图和矢量。PNG格式PNG作为GIF的替代品，可以无损压缩图像，并最高支持244位图像并产生无锯齿状的透明度。但一些旧版浏览器（例如：IE5）不支持PNG格式。TIFFTIFF作为通用文件格式，绝大多数绘画软件、图像编辑软件以及排版软件都支持该格式，并且扫描仪也支持导出该格式的文件。第17页/共21页04Photoshop的安装与配置第18页/共21页第二章 Photoshop功能概述Photoshop的安装与配置BPS的配置APS的安装 下载安装包后进行解压，双击解压文件夹中的“Set-up.exe”进行安装，安装路径可以自定义也可以使用默认路径。设置暂存磁盘 将物理内存占用的最大数量值设置在50%75%之间 将所有的首选项还原为默认值，可在打开Photoshop之后立即按下Ctrl+Alt+Shift。第19页/共21页Thank YOU FOR LISTENING主讲教师：XXX第20页/共21页感谢您的观看！第21页/共21页