UI計(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功能概述圖形圖像圖像文件格式j(luò)peg、jpg

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

3、別名：解像度、解析度、解像力。分辨率是度量位圖圖像內(nèi)數(shù)據(jù)量多少的參數(shù)。通常表示成每英寸像素（ppi）和每英寸點(diǎn)（dpi）。包含的數(shù)據(jù)越多。圖像越精細(xì)，圖形文件的長(zhǎng)度就越大，也能表現(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ā)行012003年10月發(fā)行adobe photoshop cs（8.0）022012年3月22日發(fā)行a

4、dobe photoshop cs6，采用了全新的用戶界面，背景選用深色032015年6月16日adobe發(fā)行photoshop cc 20150403photoshop功能與組成第二章 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)行操作 的功能與作用等信息?？s放欄顯示當(dāng)前圖像窗口的顯示比例，用戶也可在此

6、窗口中輸入數(shù)值后按回車來改變顯示比例。預(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的繪圖模式01形狀圖層在單獨(dú)的圖層中創(chuàng)建形狀。可以使用形狀工具或鋼筆工具來創(chuàng)建形狀圖層。因?yàn)榭梢苑奖愕匾苿?dòng)、對(duì)齊、分布形狀圖層以及調(diào)整其大小，所以形狀圖層非常適于為web頁(yè)創(chuàng)建圖形?？梢赃x擇在一個(gè)圖層上繪制多個(gè)形狀。形狀圖層包含定義形狀顏色的填充圖層以及定義形狀輪廓的鏈接矢量蒙版。

8、形狀輪廓是路徑，它出現(xiàn)在“路徑”面板中。路徑在當(dāng)前圖層中繪制一個(gè)工作路徑，隨后可使用它來創(chuàng)建選區(qū)、創(chuàng)建矢量蒙版，或者使用顏色填充和描邊以創(chuàng)建柵格圖形（與使用繪畫工具非常類似）。除非存儲(chǔ)工作路徑，否則它是一個(gè)臨時(shí)路徑。路徑出現(xiàn)在“路徑”面板中。填充像素直接在圖層上繪制，與繪畫工具的功能非常類似。在此模式中工作時(shí)，創(chuàng)建的是柵格圖像，而不是矢量圖形?？梢韵裉幚砣魏螙鸥駡D像一樣來處理繪制的形狀。在此模式中只能使用形狀工具。第二章 photoshop功能概述photoshop功能與組成photoshop強(qiáng)大的功能在于它支持多種圖形圖像格式，幾乎涵蓋了我們能夠用到的全部，下面，我們通過右表詳細(xì)了解一下每種

9、格式的特點(diǎn)：photoshop的檔案格式02psd格式photoshop默認(rèn)保存的文件格式，可以保留所有有圖層、色版、通道、蒙版、路徑、未柵格化文字以及圖層樣式等，但無法保存文件的操作歷史記錄。adobe其他軟件產(chǎn)品，例如premiere、indesign、illustrator等可以直接導(dǎo)入psd文件。psb格式最高可保存長(zhǎng)度和寬度不超過300 000像素的圖像文件，此格式用于文件大小超過2 giga bytes的文件，但只能在新版photoshop中打開，其他軟件以及舊版photoshop不支持。jpeg格式j(luò)peg和jpg一樣是一種采用有損壓縮方式的文件格式，jpeg支持位圖、索引、灰度

10、和rgb模式，但不支持alpha通道。raw格式photoshop raw具alpha通道的rgb、cmyk、和灰度模式，以及沒有alpha通道的lab、多通道、索引和雙色調(diào)模式。bmp格式bmp是windows操作系統(tǒng)專有的圖像格式，用于保存位圖文件，最高可處理24位圖像，支持位圖、灰度、索引和rgb模式，但不支持alpha通道。gif格式gif格式因其采用lzw無損壓縮方式并且支持透明背景和動(dòng)畫，被廣泛運(yùn)用于網(wǎng)絡(luò)中。eps格式eps是用于postscript打印機(jī)上輸出圖像的文件格式，大多數(shù)圖像處理軟件都支持該格式。eps格式能同時(shí)包含位圖圖像和矢量圖形，并支持位圖、灰度、索引、lab、雙色調(diào)、rgb以及cmyk。pdf格式便攜文檔格式pdf支持索引、灰度、位圖、rgb、cmyk以及l(fā)ab模式。具有文檔搜索和導(dǎo)航功能，同樣支持位圖和矢量。png格式png作為gif的替代品，可以無損壓縮圖像，并最高支持244位圖像并產(chǎn)生無鋸齒狀的透明度。但一些舊版瀏覽器（例如：ie5）不支持png格式。tifftiff作為通用文件格式，絕大多數(shù)繪畫軟件、圖像編輯軟件以及排版軟件都支持該格式，并且掃描儀也支持導(dǎo)出該格式的文件。04photoshop的安裝與配置第二章 photoshop功能概述photoshop的安裝與配置bps的配置aps