UI設(shè)計(jì)－從圖標(biāo)到界面完美解析第二章 Photoshop功能概述

1、從 圖 標(biāo) 到 界 面 完 美 解 析UI設(shè)計(jì)第二章Photoshop功能概述CONTENTS目 錄01圖形圖像02認(rèn)識(shí)Adobe Photoshop03Adobe Photoshop功能與組成04Adobe Photoshop的安裝與配置01圖形圖像第二章 Photoshop功能概述圖形圖像圖形和圖像的區(qū)別圖形又被成為矢量圖Vector Drawn），它是根據(jù)幾何特性來繪制的。我們會(huì)在后面的章節(jié)詳細(xì)介紹。圖像所包含的信息是用像素來度量的。像素是組成一幅圖像的最小單元。分辨率與色彩位數(shù)越高，占用存儲(chǔ)空間就越大，圖像越清晰。第二章 Photoshop功能概述圖形圖像圖像文件格式JPEG、JPG格

2、式最適合于使用真彩色或平滑過渡式的照片和圖片BMP格式最普遍的點(diǎn)陣圖格式之一，質(zhì)量不失真、文件大TIFF格式Mac中廣泛使用的圖像格式PSD格式Photoshop的專用格式，可包含圖層、通道、遮罩等PNG格式使用無損壓縮來減少圖片大小，可保留圖中的透明區(qū)域GIF格式可保存動(dòng)畫文件，最多只能支持256色。第二章 Photoshop功能概述圖形圖像像素與分辨率像素中文名：圖像元素；英文名：pixel。像素是指基本原色素及其灰度的基本編碼，是構(gòu)成數(shù)碼影像的基本單元，通常以像素每英寸PPIpixels per inch為單位來表示影像分辨率的大小。分辨率英文名：Image resolution；別名：

3、解像度、解析度、解像力。分辨率是度量位圖圖像內(nèi)數(shù)據(jù)量多少的參數(shù)。通常表示成每英寸像素ppi和每英寸點(diǎn)dpi）。包含的數(shù)據(jù)越多。圖像越精細(xì)，圖形文件的長度就越大，也能表現(xiàn)更豐富的細(xì)節(jié)。02認(rèn)識(shí)Photoshop第二章 Photoshop功能概述認(rèn)識(shí)PhotoshopRGB顏色基于發(fā)光的色彩模式用于屏幕顯示CMYK顏色基于反光的顏色模式用于印刷品第二章 Photoshop功能概述認(rèn)識(shí)PhotoshopPhotoshop的光輝歷程1990年2月Photoshop誕生，版本1.0.7正式發(fā)行012019年10月發(fā)行Adobe Photoshop CS8.0）022019年3月22日發(fā)行Adobe Ph

4、otoshop CS6，采用了全新的用戶界面，背景選用深色032015年6月16日Adobe發(fā)行Photoshop CC 20210403Photoshop功能與組成第二章 Photoshop功能概述Photoshop功能與組成A標(biāo)題欄位于主窗口頂端，最左邊是Photoshop標(biāo)記，右邊分別是最小化、最大化/還原和關(guān)閉按鈕。圖2.4 標(biāo)題欄圖2.5 屬性欄第二章 Photoshop功能概述Photoshop功能與組成B菜單欄菜單欄為整個(gè)環(huán)境下所有窗口提供菜單控制，包括:文件、編輯、圖像、圖層、選擇、濾鏡、視圖、窗口和幫助九項(xiàng)。Photoshop中通過兩種方式執(zhí)行所有命令，一是菜單，二是快捷鍵。

5、圖2.6 菜單欄第二章 Photoshop功能概述Photoshop功能與組成C圖像編輯窗口中間窗口是圖像窗口，它是Photoshop的主要工作區(qū)，用于顯示圖像文件。圖像窗口帶有自己的標(biāo)題欄，提供了打開文件的基本信息，如文件名、縮放比例、顏色模式等。如同時(shí)打開兩副圖像，可通過單擊圖像窗口進(jìn)行切換。圖像窗口切換可使用Ctrl+Tab。 圖2.7 圖像編輯窗口第二章 Photoshop功能概述Photoshop功能與組成D狀態(tài)欄主窗口底部是狀態(tài)欄，由文本行、縮放欄、預(yù)覽框三部分組成。文本行說明當(dāng)前所選工具和所進(jìn)行操作 的功能與作用等信息。縮放欄顯示當(dāng)前圖像窗口的顯示比例，用戶也可在此窗口中輸入數(shù)值

6、后按回車來改變顯示比例。預(yù)覽框單擊右邊的黑色三角按扭，打開彈出菜單，選擇任一命令，相應(yīng)的信息就會(huì)在預(yù)覽框中顯示。第二章 Photoshop功能概述Photoshop功能與組成E工具箱工具箱中的工具可用來選擇、繪畫、編輯以及查看圖像。拖動(dòng)工具箱的標(biāo)題欄，可移動(dòng)工具箱；單擊可選中工具或移動(dòng)光標(biāo)到該工具上，屬性欄會(huì)顯示該工具的屬性。有些工具的右下角有一個(gè)小三角形符號(hào)，這表示在工具位置上存在一個(gè)工具組，其中包括若干個(gè)相關(guān)工具。 圖2.8 工具箱第二章 Photoshop功能概述Photoshop功能與組成F控制面板共有14個(gè)面板，可通過“窗口/顯示來顯示面板。按Tab鍵，自動(dòng)隱藏命令面板，屬性欄和工具

7、箱，再次按鍵，顯示以上組件。按Shift+Tab，隱藏控制面板，保留工具箱。 圖2.9 工具面板第二章 Photoshop功能概述Photoshop功能與組成使用形狀或鋼筆工具時(shí)，可以使用三種不同的模式進(jìn)行繪制。在選定形狀或鋼筆工具時(shí)，可通過選擇選項(xiàng)欄中的圖標(biāo)來選取一種模式，如右表。第二章 Photoshop功能概述Photoshop功能與組成Photoshop強(qiáng)大的功能在于它支持多種圖形圖像格式，幾乎涵蓋了我們能夠用到的全部，下面，我們通過右表詳細(xì)了解一下每種格式的特點(diǎn)：04Photoshop的安裝與配置第二章 Photoshop功能概述Photoshop的安裝與配置BPS的配置APS的裝置 下載安裝包后進(jìn)行解壓，雙擊解壓文件夾中的“Set-up.exe進(jìn)行安裝，安裝路徑可以自定義也可以使用默認(rèn)路徑