PS”不規則”切片——無需DW代碼知識照樣可以裝修店鋪
 
很多美工及店主掌柜，學會了點PS，問小編后面就不知從何下手，要學PS還要學DW軟件。直接下載的素材改好了但又不會上傳到店鋪去。現在Yhe garbage素材確實是滿天飛，可能2T的硬盤+20T的云盤都不夠裝。
特別是這種不規則的。一不小心又會出現讓人頭痛的分隔符。
今天我們就一起來學習盡量不用DW軟件及代碼知識完成一個模塊的裝修。
 
提示：在學習美工之前除了學習PS軟件，還會下載一些大神現成的PSD源文件來學習，那么這兩個步驟一定要在最開始就設置好。第一把自動選擇，然后右邊選擇圖層。這樣以后我們用鼠標點擊哪里就會跳轉到對應頁面的圖層上面。

  1. 首先把你要的效果圖做出來，我這里就直接截取了天貓茵曼的一個經典模塊為例
  2. 用選擇工具沿著圖片規則間隙拉參考線。為了好的習慣最后還要放大圖像查看參考線是否在間隙中間位置。
  3. 選擇切片工具，然后點擊基于參考線的切片，PS就自動幫您沿著參考線切片完成。
  4. 如圖，但這時不是你所想要的效果怎么辦？如上面的頁頭是一整張圖片，我想讓他變成另一張。
  5. 選擇【切片選擇工具】，然后按住鍵盤（shift）上檔鍵，把上面要組合的四個相鄰的切片選中，然后右擊選擇【組合切片】即可合并成一個。
  6. 如圖，最上面的4個切片變成一個切片了，其他的也如此完成。
  7. 組合完成后的效果。當然這種不規則還是有規律可循的。太沒有章法的就只求大概或者參考另一篇使用DW熱區添加鏈接的方法。
  8. 然后按ctrl+alt+shift+s【存儲為web所有格式】，然后按ctrl+ -縮小整個畫面用鼠標全部框選。
  9. 品質選擇高或者直接輸入60或者68最好是雙數，還可以把ctrl++放大觀看清晰度，反正體積越小越清晰越好。（如果想讓背景透明您得先把效果圖的背景眼睛關閉掉，在存儲，然后選擇PNG24可以完全透明）點擊存儲按鈕。
  10. 注意：選擇你保存的位置，格式（html和圖像）這是必須的
  11. 然后在桌面自動生成一個images文件，一個是html文件這里如果懂DW的就可打開修改，如果不懂就直接把后面html改成txt，然后雙擊打開，也可以直接在文件夾上右擊選擇用記事本打開。
  12. 用記事本打開代全選并復制
  13. 這時候進入你的店鋪首頁裝修后臺，新建一個自定義然后點擊【編輯】
  14. 點擊源代碼，使其他圖標變成灰色狀態。然后右擊把代碼粘貼到自定義區域內，如圖。
  15. 然后拖動下拉滾動條，看到左側有些不顯示的圖標，雙擊。這個就是我們要替換的圖片。自己拉動對著你的效果圖，那個對應那張圖片，自己要心里有數。或者直接看文件名。
  16. 雙擊不顯示的圖標彈出對話框，上面就是要替換的圖片地址，下面的就是圖片的鏈接地址。
  17. 然后回到淘寶相冊空間，把images文件夾里圖圖片全部上傳到淘寶空間。然后復制鏈接地址。
  18. 復制圖片地址粘貼進去，下面添加鏈接地址，如果沒有就留空也行，記得一定要是淘寶站內地址。
  19. 然后再依次下拉滾動條找到其他要替換的圖片雙擊替換，換好以后確應預覽著效果，ok就可以發布了。

　　
 

本文由上海網萌淘寶美工設計編制，轉載請注明.