ps切片技巧

2022-12-27 04:47:20 來(lái)源/作者： / 己有：199人學(xué)習(xí)過(guò)

Photoshop切片技巧資料摘編

創(chuàng)建用戶(hù)切片
可以使用切片工具或從參考線創(chuàng)建切片，并且可以在 ImageReady 中
從選區(qū)創(chuàng)建切片。

使用切片工具創(chuàng)建切片：

選擇切片工具。任何現(xiàn)有切片自動(dòng)顯示在文檔窗口中。

選取選項(xiàng)欄中的樣式設(shè)置：

“正常”選項(xiàng)通過(guò)拖移確定切片比例。

“固定長(zhǎng)寬比”選項(xiàng)設(shè)置高度與寬度的比例。輸入整數(shù)或小數(shù)作為長(zhǎng)
寬比。例如，若要?jiǎng)?chuàng)建一個(gè)寬度是高度兩倍的切片，請(qǐng)輸入寬度 2 和
高度 1。

“固定大小”選項(xiàng)指定切片的高度和寬度。輸入整數(shù)像素值。
在要?jiǎng)?chuàng)建切片的區(qū)域上拖移。按住 Shift 鍵并拖移可將切片限制為正
方形。按住 Alt 鍵 (Windows) 或 Option 鍵 (Mac OS) 拖移可從中
心繪制。使用對(duì)齊使新切片與參考線或圖像中的另一切片對(duì)齊。（請(qǐng)
參閱移動(dòng)用戶(hù)切片并調(diào)整其大小。）
從參考線創(chuàng)建切片：

向圖像中添加參考線。（請(qǐng)參閱使用參考線與網(wǎng)格。）
執(zhí)行下列操作之一：

(Photoshop) 選擇切片工具，然后在選項(xiàng)欄中點(diǎn)按“基于參考線的切
片”。

(ImageReady) 選取“切片”>“從參考線創(chuàng)建切片”。
從參考線創(chuàng)建切片時(shí)，將刪除所有現(xiàn)有切片。
從選區(qū)創(chuàng)建切片 (ImageReady)：

選擇圖像的一部分。
選取“選擇”>“從選區(qū)中創(chuàng)建切片”。

ImageReady 創(chuàng)建基于選框的用戶(hù)切片。如果選區(qū)已羽化，則切片將覆
蓋整個(gè)選區(qū)（包括羽化的邊緣）。如果選區(qū)不是矩形，則切片將包括
足以覆蓋整個(gè)選區(qū)的矩形區(qū)域。

選擇切片

使用切片選擇工具選擇一個(gè)或多個(gè)切片。然后您可以修改選中的切片。

在 ImageReady 中，可以存儲(chǔ)、載入和刪除切片選區(qū)。使用切片選區(qū)
能夠快速且精確地重新選擇特定的切片。
選擇切片：

執(zhí)行下列操作之一：

選擇切片選擇工具并點(diǎn)按圖像中的切片。處理重疊切片時(shí)，請(qǐng)點(diǎn)按
底層切片中的可視選區(qū)，將其選中。

(Photoshop) 選取“文件”>“存儲(chǔ)為 Web 所用格式”。在對(duì)話框中
，使用選擇切片工具選擇切片。

使用切片工具或切片選擇工具時(shí)，按住 Ctrl 鍵 (Windows) 可以在
兩者之間切換。

(ImageReady) 在“Web 內(nèi)容”調(diào)板中選擇切片。
選擇多個(gè)切片 (ImageReady)：

使用切片選擇工具，執(zhí)行下列操作之一：

按住 Shift 鍵并點(diǎn)按，將切片添加到選區(qū)。

在自動(dòng)切片內(nèi)或圖像區(qū)域外點(diǎn)按，并在要選擇的切片上拖移。（在用
戶(hù)切片內(nèi)點(diǎn)按并拖移可移動(dòng)切片。）

在“Web 內(nèi)容”調(diào)板中，按住 shift 鍵點(diǎn)按多個(gè)切片。
選擇文檔中的所有用戶(hù)切片 (ImageReady)：

選取“切片”>“選擇所有用戶(hù)切片”。這實(shí)際上是選擇了所有非自
動(dòng)切片，并包括選區(qū)中基于圖層的切片。
存儲(chǔ)切片選區(qū) (ImageReady)：

選擇一個(gè)或多個(gè)切片。

選取“切片”>“存儲(chǔ)切片選區(qū)”。

在“選區(qū)名稱(chēng)”文本框中輸入一個(gè)名稱(chēng)并點(diǎn)按“好”按鈕。
載入切片選區(qū) (ImageReady)：

選取“切片”>“載入切片選區(qū)”，并從子菜單中選擇要載入的切片
選區(qū)的名稱(chēng)。

注釋?zhuān)罕仨毚鎯?chǔ)切片選區(qū)后才能載入該切片選區(qū)。
刪除切片選區(qū) (ImageReady)：

選取“切片”>“刪除切片選區(qū)”，并從子菜單中選擇要?jiǎng)h除的切片
選區(qū)的名稱(chēng)。刪除切片選區(qū)并不刪除切片本身。

組合切片 (ImageReady)

在 ImageReady 中，可以將兩個(gè)或多個(gè)切片組合為一個(gè)單獨(dú)的切片。
組合切片的尺寸和位置由通過(guò)連接組合切片的外邊緣創(chuàng)建的矩形決定。

如果組合切片不相鄰，或者比例或?qū)R方式不同，則新組合的切片
可能與其他切片重疊。

組合切片的優(yōu)化設(shè)置是“組合切片”操作之前選中的第一個(gè)切片的優(yōu)
化設(shè)置。組合切片總是用戶(hù)切片，與原切片是否包括自動(dòng)切片無(wú)關(guān)。

注釋?zhuān)簾o(wú)法組合基于圖層的切片。
組合切片：

選擇兩個(gè)或更多的切片。
選取“切片”>“組合切片”。
排列用戶(hù)切片和基于圖層的切片

切片重疊時(shí)，最后創(chuàng)建的切片是堆疊順序中的頂層切片。可以更改堆
疊順序以便能夠訪問(wèn)底層切片?？梢灾付ǘ褩５捻攲雍偷讓忧衅?br /> 在堆疊順序中上下移動(dòng)切片。

注釋?zhuān)簾o(wú)法排列自動(dòng)切片的堆疊順序。
更改切片的堆疊順序：

選擇一個(gè)切片。在 ImageReady 中可以選擇多個(gè)切片。
執(zhí)行下列操作之一：

如果切片選擇工具是現(xiàn)用的，則點(diǎn)按選項(xiàng)欄中的堆疊順序選項(xiàng)：置為
頂層、前移一層、后移一層或置為底層。

(ImageReady) 選取“編輯”>“排列切片”，并從子菜單中選取堆疊
順序命令。

(ImageReady) 在“Web 內(nèi)容”調(diào)板中向上或向下拖移切片。請(qǐng)參閱
使用“Web 內(nèi)容”調(diào)板。

對(duì)齊用戶(hù)切片 (ImageReady)

在 ImageReady 中，可以將用戶(hù)切片進(jìn)行頂、底、左、右或中間對(duì)齊
。對(duì)齊用戶(hù)切片可以消除不需要的自動(dòng)切片并生成較小的、更有效的
HTML 文件。

注釋?zhuān)喝粢獙?duì)齊基于圖層的切片，請(qǐng)對(duì)齊圖層的內(nèi)容。（請(qǐng)參閱對(duì)齊
圖層。）
對(duì)齊用戶(hù)切片：

選擇要對(duì)齊的用戶(hù)切片。
執(zhí)行下列操作之一：

如果切片選擇工具是現(xiàn)用的，則點(diǎn)按選項(xiàng)欄中的對(duì)齊選項(xiàng)：頂對(duì)齊
、垂直中齊、底對(duì)齊、左對(duì)齊、水平中齊或右對(duì)齊。
選取“編輯”>“對(duì)齊切片”，并從子菜單中選取命令。

鏈接切片 (ImageReady)

鏈接切片使您得以在切片間共享優(yōu)化設(shè)置。將優(yōu)化設(shè)置應(yīng)用于鏈接切
片時(shí)，組中的所有切片都將更新。

GIF 和 PNG-8 格式的鏈接切片共享顏色調(diào)板和仿色圖案。為防止切
片之間出現(xiàn)裂縫，相鄰切片的邊界間應(yīng)用了仿色圖案。（請(qǐng)參閱優(yōu)化
GIF 和 PNG-8 圖像中的顏色。）

注釋?zhuān)阂部梢栽?Photoshop 的“存儲(chǔ)為 Web 所用格式”對(duì)話框中鏈
接切片。（請(qǐng)參閱在“存儲(chǔ)為 Web 所用格式”對(duì)話框中處理切片
(Photoshop)。）
鏈接切片：

選擇要鏈接的兩個(gè)或兩個(gè)以上的切片或切片組。

注釋?zhuān)喝绻x擇的第一個(gè)切片是用戶(hù)切片，則任何鏈接到第一個(gè)切片
的自動(dòng)切片都變?yōu)橛脩?hù)切片。如果選擇的第一個(gè)切片是自動(dòng)切片，則
任何選擇的用戶(hù)切片都鏈接到該自動(dòng)切片組。

選取“切片”>“鏈接切片進(jìn)行優(yōu)化”。

對(duì)于切片左上角的切片顯示圖形，每個(gè)鏈接的用戶(hù)切片組都分配了不
同的顏色。這有助于您確定哪些切片是鏈接一起的。
取消用戶(hù)切片的鏈接：

執(zhí)行下列操作之一：

若要取消一個(gè)用戶(hù)切片的鏈接，請(qǐng)選擇該切片，然后選取“切片”>
“取消切片鏈接”。

要取消鏈接到某個(gè)特定切片的所有切片的鏈接，請(qǐng)?jiān)?ldquo;Web 內(nèi)容”調(diào)
板中選擇切片之一，然后選取“切片”>“取消共享鏈接”。

若要取消圖像中所有用戶(hù)切片的鏈接，請(qǐng)選取“切片”>“取消全部
鏈接”。
設(shè)置 HTML 輸出選項(xiàng)

使用 Photoshop 和 ImageReady 可以精確控制 Web 圖像的準(zhǔn)備以及
圖像在 Web 頁(yè)面上的顯示方式。在這兩個(gè)應(yīng)用程序內(nèi)都可以指定切
片和切片表結(jié)構(gòu)，以確保導(dǎo)出的 HTML 或 XHTML 文件的功能正確。
（請(qǐng)參閱設(shè)置切片表導(dǎo)出選項(xiàng) (ImageReady)。）
處理圖像映射 (ImageReady)

圖像映射將圖像區(qū)域鏈接到 URL。您可以在圖像中設(shè)置鏈接到其他
Web 頁(yè)或多媒體文件的多個(gè)鏈接區(qū)域（稱(chēng)為圖像映射區(qū)域）。

當(dāng)決定使用切片還是圖像映射來(lái)創(chuàng)建超鏈接時(shí)，請(qǐng)考慮下列因素。

使用圖像映射時(shí)，圖像作為一個(gè)文件按原樣導(dǎo)出；而使用切片時(shí)，圖
像作為多個(gè)單獨(dú)的文件（每個(gè)切片一個(gè)文件）導(dǎo)出。

使用圖像映射可以鏈接圖像中的圓形、多邊形或矩形區(qū)域；而使用切
片只能鏈接矩形區(qū)域。

使用圖像映射時(shí)，在優(yōu)化過(guò)程中所擁有的靈活性比使用切片時(shí)低。

注釋?zhuān)簽楸苊獬霈F(xiàn)意外結(jié)果，不要在包含 URL 鏈接的切片中創(chuàng)建圖
像映射區(qū)域 - 在一些瀏覽器中圖像映射鏈接或切片鏈接可能被忽略。