Photoshop切片技巧資料摘編

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

1. 使用切片工具創(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)整其大小。）
   
2. 從參考線創(chuàng)建切片：
   
   向圖像中添加參考線。（請(qǐng)參閱使用參考線與網(wǎng)格。）
   執(zhí)行下列操作之一：
   
   (Photoshop) 選擇切片工具，然后在選項(xiàng)欄中點(diǎn)按“基于參考線的切
   片”。
   
   (ImageReady) 選取“切片”>“從參考線創(chuàng)建切片”。
   從參考線創(chuàng)建切片時(shí)，將刪除所有現(xiàn)有切片。
   
3. 從選區(qū)創(chuàng)建切片 (ImageReady)：
   
   選擇圖像的一部分。
   選取“選擇”>“從選區(qū)中創(chuàng)建切片”。
   
   ImageReady 創(chuàng)建基于選框的用戶(hù)切片。如果選區(qū)已羽化，則切片將覆
   蓋整個(gè)選區(qū)（包括羽化的邊緣）。如果選區(qū)不是矩形，則切片將包括
   足以覆蓋整個(gè)選區(qū)的矩形區(qū)域。
   
   

   選擇切片

   
   
   使用切片選擇工具選擇一個(gè)或多個(gè)切片。然后您可以修改選中的切片。
   
   在 ImageReady 中，可以存儲(chǔ)、載入和刪除切片選區(qū)。使用切片選區(qū)
   能夠快速且精確地重新選擇特定的切片。
   
4. 選擇切片：
   
   執(zhí)行下列操作之一：
   
   選擇切片選擇工具 并點(diǎn)按圖像中的切片。處理重疊切片時(shí)，請(qǐng)點(diǎn)按
   底層切片中的可視選區(qū)，將其選中。
   
   (Photoshop) 選取“文件”>“存儲(chǔ)為 Web 所用格式”。在對(duì)話框中
   ，使用選擇切片工具選擇切片。
   
   使用切片工具或切片選擇工具時(shí)，按住 Ctrl 鍵 (Windows) 可以在
   兩者之間切換。
   
   (ImageReady) 在“Web 內(nèi)容”調(diào)板中選擇切片。
   
5. 選擇多個(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ū)中基于圖層的切片。
   
6. 存儲(chǔ)切片選區(qū) (ImageReady)：
   
   選擇一個(gè)或多個(gè)切片。
   
   選取“切片”>“存儲(chǔ)切片選區(qū)”。
   
   在“選區(qū)名稱(chēng)”文本框中輸入一個(gè)名稱(chēng)并點(diǎn)按“好”按鈕。
   
7. 載入切片選區(qū) (ImageReady)：
   
   選取“切片”>“載入切片選區(qū)”，并從子菜單中選擇要載入的切片
   選區(qū)的名稱(chēng)。
   
   注釋?zhuān)罕仨毚鎯?chǔ)切片選區(qū)后才能載入該切片選區(qū)。
   
8. 刪除切片選區(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ú)法組合基于圖層的切片。
   
9. 組合切片：
   
   選擇兩個(gè)或更多的切片。
   選取“切片”>“組合切片”。
   
10. 排列用戶(hù)切片和基于圖層的切片
    
    切片重疊時(shí)，最后創(chuàng)建的切片是堆疊順序中的頂層切片。可以更改堆
    疊順序以便能夠訪問(wèn)底層切片。可以指定堆棧的頂層和底層切片，并
    在堆疊順序中上下移動(dòng)切片。
    
    注釋?zhuān)簾o(wú)法排列自動(dòng)切片的堆疊順序。
    
11. 更改切片的堆疊順序：
    
    選擇一個(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ì)齊
    圖層。）
    
12. 對(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)。）
    
13. 鏈接切片：
    
    選擇要鏈接的兩個(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ù)切片組都分配了不
    同的顏色。這有助于您確定哪些切片是鏈接一起的。
    
14. 取消用戶(hù)切片的鏈接：
    
    執(zhí)行下列操作之一：
    
    若要取消一個(gè)用戶(hù)切片的鏈接，請(qǐng)選擇該切片，然后選取“切片”>
    “取消切片鏈接”。
    
    要取消鏈接到某個(gè)特定切片的所有切片的鏈接，請(qǐng)?jiān)?ldquo;Web 內(nèi)容”調(diào)
    板中選擇切片之一，然后選取“切片”>“取消共享鏈接”。
    
    若要取消圖像中所有用戶(hù)切片的鏈接，請(qǐng)選取“切片”>“取消全部
    鏈接”。
    
15. 設(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)。）
    
16. 處理圖像映射 (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ū)域 - 在一些瀏覽器中圖像映射鏈接或切片鏈接可能被忽略。