很多新手美工及店主掌柜，學會了點PS，問后面就不知從何入手，要學PS還要學代碼DW軟件。直接下載的素材改好了但又不會上傳到店鋪去。現在素材確實是滿天飛，可能幾T的硬盤都不夠裝。特別是這種不規則的，一不小心又會出現讓人頭痛的分隔符，今天我們就一起來學習盡量不用DW軟件及代碼知識完成一個模塊的裝修。
提示：在學習美工之前除了學習PS軟件，還會下載一些大神現成的PSD源文件來參考學習，那么這兩個步驟一定要最開始就設置好。第一把自動選擇打鉤選擇，然后右邊選擇圖層。這樣以后我們用鼠標點擊哪里就會跳轉到對應的圖層上面。
一、首先把你要的效果圖做出來，我這里就直接截取了天貓茵蔓的一個“經典”模塊為例。
二、用選擇工具沿著圖片規則間隙拉參考線。為了好的習慣最后還要放大圖像查看參考線是否在間隙的中間位置。
三、選擇切片工具網頁切圖用什么軟件，然后點擊基于參考線的切片，PS就自動幫您沿參考線切片完成。
四、如下圖，但是這時不是你所想要的效果怎么辦？如上面的頁頭，是一整張圖片，我想讓他變成一張。
五、選擇切片選擇工具，然后按住鍵盤SHIFT上檔鍵，把上面要組合的四個相鄰切片選中，然后右擊選擇組合切片，即可合并成一個。
六、如下圖，最上面的4個切片變為一個切片了，其它的也如此方法完成。
七、組合完成后的效果，當然這種不規則還是有規律可循的。太沒有章法的就只求大概或者參考另一篇使用DW熱區添加鏈接的方法。
八、然后按CTRL+ALT+SHIFT+S存儲為WEB所有格式，然后按CTRL+-縮小整個畫面用鼠標全部框選。
九、品質選擇高或者直接輸入60或68最好的是雙數，還可以CTRL++放大觀看清晰度，反正體積越小越清晰越好。（如果想讓背景透明你得先把效果圖的背景眼睛先關掉，再存儲，然后選擇PNG24才可以完全透明。）點擊存儲按鈕。
十、注意：選擇你保存的位置，如桌面，格式里的選擇是HTML和圖像，這里是必須的，然后保存。
十一、然后在桌面自動生成一個文件，一個是HTML文件，這里如果懂DW的就可以用DW打開修改，但是如果不懂那就直接把后面的HTML改成TXT，然后雙擊打開。也可以直接在文件上右擊選擇用記事本打開。
提示：如果你電腦不顯示擴展名，WIN7系統如下兩個步驟搞定。
十二、用記事本打開代碼右擊全選擇，然后右擊復制。
十三、這時進入你的店鋪首頁裝修后臺，新建一個自定義然后點擊-編輯。
十四、點擊源碼按鈕，使其它圖標變成灰色狀態。然后右擊把代碼粘貼到自定義區域內，如下面兩幅圖片。
十五、然后拖動下拉滾動條，看到左側有些不顯示的圖標，雙擊。這個就是我們要替換的圖片。自己拉動對著你的效果圖網頁切圖用什么軟件，哪個對應哪個圖片。自己要心理有數。或者直接看文件名，如15步驟。
十六、雙擊不顯示的圖標彈出下面的對話框。上面就是要替換的圖片地址，下面的就是圖片的鏈接地址。