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

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

[複製連結]

等級:25 - 爐火純青

經驗值:0 / 245

魔法值:14127 / 14127

生命值:5%

升級   100%

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

    [LV.Master]伴壇終老

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

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

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

    ×
    首先,製作圖像切片(以一張圖片為例子) 9 v+ \$ ~: J* W4 \* B- P8 }
    一、選擇「切片」工具,在圖像上拖動以分割圖像(例如:一張圖像切割2次就形成3個切片) 5 |9 b7 X, f3 z6 g6 J/ G

    ' x  P$ l; R! F% }, E; ]4 W5 e                               
    登入/註冊後可檢視大圖
    ' A- L  c& d1 R$ n  A5 l
    切片後如下圖
    1 `- X9 l$ c8 j3 t6 E. C# }& l
    - S" A0 R! j) ]! t8 o! U* m
                                   
    登入/註冊後可檢視大圖

    9 E: `3 y0 Q- y! y二、設定切片選項(如大小、目標連結、圖片說明等等):選擇「切片選擇」工具,在要設定的圖像切片上雙擊,在彈出的面板進行具體設定(如圖): $ m! l3 H3 p) N6 U
    7 c; G' q, a5 S$ r9 P, i  x
                                   
    登入/註冊後可檢視大圖
    " u6 P9 O9 Y; T5 G
    三、儲存切片為網頁: . n$ E5 \/ V. C- t2 C
    檔案——儲存為WEB和設備所用格式
    & _. R! N' K% A7 Q) `
    ) Y' v5 V0 U( u2 E5 W
                                   
    登入/註冊後可檢視大圖

    ) u. F( c5 f# @9 P一般選擇gif圖片格式,圖片邊緣的背景色設定為「無」,點閱「儲存」 / y2 V  Z9 v/ ?6 |) ?

    ) q8 E# `* h/ Y                               
    登入/註冊後可檢視大圖

    9 c6 e/ l7 F- D; M& S, K3 I! Y然後,儲存類型「HTML和圖像」。如果要儲存為DIV+CSS佈局,則設定「其它」
    - W1 s" ?( D4 p. J
    - b  g6 y8 ?+ j( e; ]
                                   
    登入/註冊後可檢視大圖
    * h- f4 _, Z6 X9 h# g' b: M
    此時會彈出進一步設定面板,選擇「切片」「建立CSS」 % z' [& Z9 r6 o* Y+ K- j7 [& ^

    + w9 j* t  y( O- k                               
    登入/註冊後可檢視大圖
    ! ^3 V5 u/ P9 y2 C1 z) N+ C
    這樣,圖像切片就被儲存成DIV+CSS的網頁佈局了。

    文章的最近訪客

    等級:12 - 出類拔萃

    經驗值:0 / 112

    魔法值:752 / 4399

    生命值: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-26 22:56 , Processed in 0.015743 second(s), 9 queries , Gzip On, Redis On.

    Powered by Discuz! X3.5

    © 2001-2025 Discuz! Team.

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