ps切片技巧

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

Photoshop切片技巧資料摘編

創建用戶切片
可以使用切片工具或從參考線創建切片,并且可以在 ImageReady 中
從選區創建切片
。

  1. 使用切片工具創建切片:

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

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

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

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

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

    向圖像中添加參考線。(請參閱使用參考線與網格。)
    執行下列操作之一:

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

    (ImageReady) 選取“切片”>“從參考線創建切片”。
    從參考線創建切片時,將刪除所有現有切片。
  3. 從選區創建切片 (ImageReady):

    選擇圖像的一部分。
    選取“選擇”>“從選區中創建切片”。

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

    選擇切片



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

    在 ImageReady 中,可以存儲、載入和刪除切片選區。使用切片選區
    能夠快速且精確地重新選擇特定的切片。
  4. 選擇切片:

    執行下列操作之一:

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

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

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

    (ImageReady) 在“Web 內容”調板中選擇切片。
  5. 選擇多個切片 (ImageReady):

    使用切片選擇工具 ,執行下列操作之一:

    按住 Shift 鍵并點按,將切片添加到選區。

    在自動切片內或圖像區域外點按,并在要選擇的切片上拖移。(在用
    戶切片內點按并拖移可移動切片。)

    在“Web 內容”調板中,按住 shift 鍵點按多個切片。
    選擇文檔中的所有用戶切片 (ImageReady):

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

    選擇一個或多個切片。

    選取“切片”>“存儲切片選區”。

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

    選取“切片”>“載入切片選區”,并從子菜單中選擇要載入的切片
    選區的名稱。

    注釋:必須存儲切片選區后才能載入該切片選區。
  8. 刪除切片選區 (ImageReady):

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

    組合切片 (ImageReady)



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

    如果組合切片不相鄰,或者比例或對齊方式不同,則新組合的切片
    可能與其他切片重疊。

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

    注釋:無法組合基于圖層的切片。
  9. 組合切片:

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

    切片重疊時,最后創建的切片是堆疊順序中的頂層切片??梢愿亩?br /> 疊順序以便能夠訪問底層切片??梢灾付ǘ褩5捻攲雍偷讓忧衅?,并
    在堆疊順序中上下移動切片。

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

    選擇一個切片。在 ImageReady 中可以選擇多個切片。
    執行下列操作之一:

    如果切片選擇工具是現用的,則點按選項欄中的堆疊順序選項:置為
    頂層 、前移一層 、后移一層 或置為底層 。

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

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

    對齊用戶切片 (ImageReady)



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

    注釋:若要對齊基于圖層的切片,請對齊圖層的內容。(請參閱對齊
    圖層。)
  12. 對齊用戶切片:

    選擇要對齊的用戶切片。
    執行下列操作之一:

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

    鏈接切片 (ImageReady)



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

    GIF 和 PNG-8 格式的鏈接切片共享顏色調板和仿色圖案。為防止切
    片之間出現裂縫,相鄰切片的邊界間應用了仿色圖案。(請參閱優化
    GIF 和 PNG-8 圖像中的顏色。)

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

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

    注釋:如果選擇的第一個切片是用戶切片,則任何鏈接到第一個切片
    的自動切片都變為用戶切片。如果選擇的第一個切片是自動切片,則
    任何選擇的用戶切片都鏈接到該自動切片組。

    選取“切片”>“鏈接切片進行優化”。

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

    執行下列操作之一:

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

    要取消鏈接到某個特定切片的所有切片的鏈接,請在“Web 內容”調
    板中選擇切片之一,然后選取“切片”>“取消共享鏈接”。

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

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

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

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

    使用圖像映射時,圖像作為一個文件按原樣導出;而使用切片時,圖
    像作為多個單獨的文件(每個切片一個文件)導出。

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

    使用圖像映射時,在優化過程中所擁有的靈活性比使用切片時低。

    注釋:為避免出現意外結果,不要在包含 URL 鏈接的切片中創建圖
    像映射區域 - 在一些瀏覽器中圖像映射鏈接或切片鏈接可能被忽略。