ps切片技巧

2022-12-27 04:47:20 來源/作者： / 己有：199人學習過

Photoshop切片技巧資料摘編

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

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

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

選取選項欄中的樣式設置：

“正常”選項通過拖移確定切片比例。

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

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

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

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

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

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

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

選擇切片

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

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

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

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

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

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

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

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

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

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

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

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

選擇一個或多個切片。

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

在“選區(qū)名稱”文本框中輸入一個名稱并點按“好”按鈕。
載入切片選區(qū) (ImageReady)：

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

注釋：必須存儲切片選區(qū)后才能載入該切片選區(qū)。
刪除切片選區(qū) (ImageReady)：

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

組合切片 (ImageReady)

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

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

組合切片的優(yōu)化設置是“組合切片”操作之前選中的第一個切片的優(yōu)
化設置。組合切片總是用戶切片，與原切片是否包括自動切片無關。

注釋：無法組合基于圖層的切片。
組合切片：

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

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

注釋：無法排列自動切片的堆疊順序。
更改切片的堆疊順序：

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

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

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

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

對齊用戶切片 (ImageReady)

在 ImageReady 中，可以將用戶切片進行頂、底、左、右或中間對齊
。對齊用戶切片可以消除不需要的自動切片并生成較小的、更有效的
HTML 文件。

注釋：若要對齊基于圖層的切片，請對齊圖層的內(nèi)容。（請參閱對齊
圖層。）
對齊用戶切片：

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

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

鏈接切片 (ImageReady)

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

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

注釋：也可以在 Photoshop 的“存儲為 Web 所用格式”對話框中鏈
接切片。（請參閱在“存儲為 Web 所用格式”對話框中處理切片
(Photoshop)。）
鏈接切片：

選擇要鏈接的兩個或兩個以上的切片或切片組。

注釋：如果選擇的第一個切片是用戶切片，則任何鏈接到第一個切片
的自動切片都變?yōu)橛脩羟衅Ｈ绻x擇的第一個切片是自動切片，則
任何選擇的用戶切片都鏈接到該自動切片組。

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

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

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

若要取消一個用戶切片的鏈接，請選擇該切片，然后選取“切片”>
“取消切片鏈接”。

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

若要取消圖像中所有用戶切片的鏈接，請選取“切片”>“取消全部
鏈接”。
設置 HTML 輸出選項

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

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

當決定使用切片還是圖像映射來創(chuàng)建超鏈接時，請考慮下列因素。

使用圖像映射時，圖像作為一個文件按原樣導出；而使用切片時，圖
像作為多個單獨的文件（每個切片一個文件）導出。

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

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

注釋：為避免出現(xiàn)意外結(jié)果，不要在包含 URL 鏈接的切片中創(chuàng)建圖
像映射區(qū)域 - 在一些瀏覽器中圖像映射鏈接或切片鏈接可能被忽略。