當(dāng)前位置:首頁>ps入門教程>ps基礎(chǔ)教程>技巧教程>教程內(nèi)容

ps切片技巧

來源:ps教程論壇 作者:ps教程論壇 學(xué)習(xí):3833人次

Photoshop切片技巧資料摘編

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

  1. 使用切片工具創(chuàng)建切片:

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

    選取選項欄中的樣式設(shè)置:

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

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

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

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

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

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

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

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

    選擇切片



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

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

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

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

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

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

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

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

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

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

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

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

    選擇一個或多個切片。

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

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

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

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

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

    組合切片 (ImageReady)



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

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

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

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

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

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

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

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

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

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

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

    對齊用戶切片 (ImageReady)



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

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

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

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

    鏈接切片 (ImageReady)



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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
暫無評論,交個作業(yè)支持一下吧~

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!