ps怎麼不規則切割圖片(ps怎麼把圖片切割成不規則形狀)

 很多新手美工及店主掌櫃,學會了點PS,問後面就不知從何入手,要學PS還要學程式碼DW軟體。直接下載的素材改好了但又不會上傳到店鋪去。現在素材確實是滿天飛,可能幾T的硬碟都不夠裝。特別是這種不規則的,一不小心又會出現讓人頭痛的分隔符,今天我們就一起來學習儘量不用DW軟體及程式碼知識完成一個模組的裝修。

  提示:在學習美工之前除了學習PS軟體,還會下載一些大神現成的PSD原始檔來參考學習,那麼這兩個步驟一定要最開始就設定好。第一把自動選擇打鉤選擇,然後右邊選擇圖層。這樣以後我們用滑鼠點選哪裡就會跳轉到對應的圖層上面。

  一、首先把你要的效果圖做出來,我這裡就直接擷取了天貓茵蔓的一個“經典”模組為例。

  二、用選擇工具沿著圖片規則間隙拉參考線。為了好的習慣最後還要放大影象檢視參考線是否在間隙的中間位置。

三、選擇切片工具,然後點選基於參考線的切片,PS就自動幫您沿參考線切片完成。

四、如下圖,但是這時不是你所想要的效果怎麼辦?如上面的頁頭,是一整張圖片,我想讓他變成一張。

五、選擇切片選擇工具,然後按住鍵盤SHIFT上檔鍵,把上面要組合的四個相鄰切片選中,然後右擊選擇組合切片,即可合併成一個。

六、如下圖,最上面的4個切片變為一個切片了,其它的也如此方法完成。

七、組合完成後的效果,當然這種不規則還是有規律可循的。太沒有章法的就只求大概或者參考另一篇使用DW熱區新增連結的方法。

八、然後按CTRL ALT SHIFT S儲存為WEB所有格式,然後按CTRL -縮小整個畫面用滑鼠全部框選。

九、品質選擇高或者直接輸入60或68最好的是雙數,還可以CTRL 放大觀看清晰度,反正體積越小越清晰越好。(如果想讓背景透明你得先把效果圖的背景眼睛先關掉,再儲存,然後選擇PNG24才可以完全透明。)點選儲存按鈕。

十、注意:選擇你儲存的位置,如桌面,格式裡的選擇是HTML和影象,這裡是必須的,然後儲存。

十一、然後在桌面自動生成一個IMAGES檔案,一個是HTML檔案,這裡如果懂DW的就可以用DW開啟修改,但是如果不懂那就直接把後面的HTML改成TXT,然後雙擊開啟。也可以直接在檔案上右擊選擇用記事本開啟。

提示:如果你電腦不顯示副檔名,WIN7系統如下兩個步驟搞定。

十二、用記事本開啟程式碼右擊全選擇,然後右擊複製。

十三、這時進入你的店鋪首頁裝修後臺,新建一個自定義然後點選-編輯。

十四、點選原始碼按鈕,使其它圖示變成灰色狀態。然後右擊把程式碼貼上到自定義區域內,如下面兩幅圖片。

十五、然後拖動下拉滾動條,看到左側有些不顯示的圖示,雙擊。這個就是我們要替換的圖片。自己拉動對著你的效果圖,哪個對應哪個圖片。自己要心理有數。或者直接看檔名,如15步驟。

十六、雙擊不顯示的圖示彈出下面的對話方塊。上面就是要替換的圖片地址,下面的就是圖片的連結地址。