找回密碼
 立即註冊
搜尋
熱門搜尋: 活動 交友 discuz
點閱: 1680|回覆: 1

Photoshop圖像切片儲存為網頁HTML(DIV+CSS佈局)的方法

[複製連結]

等級:25 - 爐火純青

經驗值:0 / 245

魔法值:14062 / 14062

生命值:5%

升級   100%

  • TA的每日心情
    奮斗
    13 小時前
  • 簽到天數: 5666 天

    [LV.Master]伴壇終老

    發表於 2016-7-19 21:24:37 | 顯示全部樓層 |閱讀模式

    馬上註冊,結交更多好友,享用更多功能,讓你輕鬆玩轉社群。

    您需要 登入 才可以下載或檢視,沒有帳號?立即註冊

    ×
    首先,製作圖像切片(以一張圖片為例子)
    5 \4 B) P, V9 w( y一、選擇「切片」工具,在圖像上拖動以分割圖像(例如:一張圖像切割2次就形成3個切片) - _* C( y1 E/ x3 U  W; Y/ j% J% t
    . i; Q' s6 U1 ?3 f7 N3 D. b. J7 U
                                   
    登入/註冊後可檢視大圖

    4 u$ j( r, D+ U4 p" b+ U切片後如下圖
    ( ?# V: \: M, d$ i2 E" o) N  @$ @% W

    7 t7 D+ {% J7 @; n                               
    登入/註冊後可檢視大圖

    6 G9 N) O2 f; N7 J# S二、設定切片選項(如大小、目標連結、圖片說明等等):選擇「切片選擇」工具,在要設定的圖像切片上雙擊,在彈出的面板進行具體設定(如圖): ) @/ D( z0 d/ d

    5 K& i/ \4 r/ G" S3 x' r6 O                               
    登入/註冊後可檢視大圖
    ( I, u$ \' x  P% P+ s' [7 [
    三、儲存切片為網頁:
    . g. D2 s  w' Q& M& s檔案——儲存為WEB和設備所用格式 $ |2 M$ a- y' D9 A
    " a' R3 M5 F# m7 C: c* W/ \
                                   
    登入/註冊後可檢視大圖
    # ?8 h% ]; d5 R! @
    一般選擇gif圖片格式,圖片邊緣的背景色設定為「無」,點閱「儲存」
    0 u2 C) G: A/ u* ^) l

    . L3 R) x( Y2 Y% I/ d, W                               
    登入/註冊後可檢視大圖

    , x& H* T" U, [5 j4 F1 P然後,儲存類型「HTML和圖像」。如果要儲存為DIV+CSS佈局,則設定「其它」
    & N/ l  J# o8 g* L( [9 r

    8 F( [. c# S, U# q/ B8 Z                               
    登入/註冊後可檢視大圖

    $ j& N7 [( |0 k2 H' L4 k此時會彈出進一步設定面板,選擇「切片」「建立CSS」
    ( C4 H/ ~9 j* H& `3 |
    8 I  e! W, ]. M6 l. J- R' H( j
                                   
    登入/註冊後可檢視大圖

    & {1 c) e" n+ f; w( }8 s" z' ~這樣,圖像切片就被儲存成DIV+CSS的網頁佈局了。

    文章的最近訪客

    等級:12 - 出類拔萃

    經驗值:0 / 112

    魔法值:752 / 4371

    生命值:2%

    升級   62.9%

  • TA的每日心情
    開心
    2021-3-12 09:20
  • 簽到天數: 222 天

    [LV.7]常住居民III

    發表於 2016-7-20 00:34:01 | 顯示全部樓層
    不懂                 
    您需要登入後才可以回覆文章 登入 | 立即註冊

    本版積分規則

    QQ|Archiver|手機版|禁閉室|MyXNova (原 myxnova.com)

    GMT+8, 2025-8-1 13:38 , Processed in 0.014747 second(s), 8 queries , Gzip On, Redis On.

    Powered by Discuz! X3.5

    © 2001-2025 Discuz! Team.

    快速回覆 返回頂端 返回列表