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

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

　　
 

本文由上海網(wǎng)萌淘寶美工設(shè)計編制，轉(zhuǎn)載請注明.