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 /> 疊順序以便能夠訪問底層切片??梢灾付ǘ褩5捻攲雍偷讓忧衅?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)橛脩羟衅?。如果選擇的第一個切片是自動切片,則
任何選擇的用戶切片都鏈接到該自動切片組。
選取“切片”>“鏈接切片進行優(yōu)化”。
對于切片左上角的切片顯示圖形,每個鏈接的用戶切片組都分配了不
同的顏色。這有助于您確定哪些切片是鏈接一起的。
- 取消用戶切片的鏈接:
執(zhí)行下列操作之一:
若要取消一個用戶切片的鏈接,請選擇該切片,然后選取“切片”>
“取消切片鏈接”。
要取消鏈接到某個特定切片的所有切片的鏈接,請在“Web 內(nèi)容”調(diào)
板中選擇切片之一,然后選取“切片”>“取消共享鏈接”。
若要取消圖像中所有用戶切片的鏈接,請選取“切片”>“取消全部
鏈接”。
- 設置 HTML 輸出選項
使用 Photoshop 和 ImageReady 可以精確控制 Web 圖像的準備以及
圖像在 Web 頁面上的顯示方式。在這兩個應用程序內(nèi)都可以指定切
片和切片表結構,以確保導出的 HTML 或 XHTML 文件的功能正確。
(請參閱設置切片表導出選項 (ImageReady)。)
- 處理圖像映射 (ImageReady)
圖像映射將圖像區(qū)域鏈接到 URL。您可以在圖像中設置鏈接到其他
Web 頁或多媒體文件的多個鏈接區(qū)域(稱為圖像映射區(qū)域)。
當決定使用切片還是圖像映射來創(chuàng)建超鏈接時,請考慮下列因素。
使用圖像映射時,圖像作為一個文件按原樣導出;而使用切片時,圖
像作為多個單獨的文件(每個切片一個文件)導出。
使用圖像映射可以鏈接圖像中的圓形、多邊形或矩形區(qū)域;而使用切
片只能鏈接矩形區(qū)域。
使用圖像映射時,在優(yōu)化過程中所擁有的靈活性比使用切片時低。
注釋:為避免出現(xiàn)意外結果,不要在包含 URL 鏈接的切片中創(chuàng)建圖
像映射區(qū)域 - 在一些瀏覽器中圖像映射鏈接或切片鏈接可能被忽略。