ps切片工具——不規(guī)則切片方法技巧教程
本文講解的非常詳細,ps切片工具怎么用?ps切片工具怎么保存?在文章里面有講解到!不管有無基礎(chǔ)只要仔細看都可以做到,這不規(guī)則的確實比較難弄一不小心就會出現(xiàn)分隔符,所以在做的時候一定要小心!
在去下載一些psd源文件的打開來觀摩的時候一定要把 移動工具的自動選擇哪個鉤鉤打上。
一、首先把你要的效果圖做出來,我這里就直接截取了天貓茵蔓的一個“經(jīng)典”模塊為例。
二、用選擇工具沿著圖片規(guī)則間隙拉參考線。為了好的習(xí)慣最后還要放大圖像查看參考線是否在間隙的中間位置。
三、選擇切片工具,然后點擊基于參考線的切片,PS就自動幫您沿參考線切片完成。
四、如下圖,但是這時不是你所想要的效果怎么辦?如上面的頁頭,是一整張圖片,我想讓他變成一張。
五、選擇切片選擇工具,然后按住鍵盤SHIFT上檔鍵,把上面要組合的四個相鄰切片選中,然后右擊選擇組合切片,即可合并成一個。
六、如下圖,最上面的4個切片變?yōu)橐粋€切片了,其它的也如此方法完成。
七、組合完成后的效果,當(dāng)然這種不規(guī)則還是有規(guī)律可循的。太沒有章法的就只求大概或者參考另一篇使用DW熱區(qū)添加鏈接的方法。
八、然后按CTRL+ALT+SHIFT+S存儲為WEB所有格式,然后按CTRL+-縮小整個畫面用鼠標全部框選。
九、品質(zhì)選擇高或者直接輸入60或68最好的是雙數(shù),還可以CTRL++放大觀看清晰度,反正體積越小越清晰越好。(如果想讓背景透明你得先把效果圖的背景眼睛先關(guān)掉,再存儲,然后選擇PNG24才可以完全透明。)點擊存儲按鈕。
十、注意:選擇你保存的位置,如桌面,格式里的選擇是HTML和圖像,這里是必須的,然后保存。
十一、然后在桌面自動生成一個IMAGES文件,一個是HTML文件,這里如果懂DW的就可以用DW打開修改,但是如果不懂那就直接把后面的HTML改成TXT,然后雙擊打開。也可以直接在文件上右擊選擇用記事本打開。
提示:如果你電腦不顯示擴展名,WIN7系統(tǒng)如下兩個步驟搞定。
十二、用記事本打開代碼右擊全選擇,然后右擊復(fù)制。
十三、這時進入你的店鋪首頁裝修后臺,新建一個自定義然后點擊-編輯。
十四、點擊源碼按鈕,使其它圖標變成灰色狀態(tài)。然后右擊把代碼粘貼到自定義區(qū)域內(nèi),如下面兩幅圖片。
十五、然后拖動下拉滾動條,看到左側(cè)有些不顯示的圖標,雙擊。這個就是我們要替換的圖片。自己拉動對著你的效果圖,哪個對應(yīng)哪個圖片。自己要心理有數(shù)?;蛘咧苯涌次募?,如15步驟。
十六、雙擊不顯示的圖標彈出下面的對話框。上面就是要替換的圖片地址,下面的就是圖片的鏈接地址。
十七、然后回到淘寶相冊空間,把images文件夾里的圖片全部上傳到淘寶空間。然后復(fù)制鏈接地址。
十八、復(fù)制圖片地址粘貼進去,下面添加上鏈接地址,如果沒有就留空也行,記得一定要是淘寶站內(nèi)網(wǎng)址。
十九、然后再依次下拉滾動條找到其它要替換的圖片雙擊替換。換好以后確定預(yù)覽看效果,OK就可以發(fā)布了。
提示:此方法也可以用于京東商城店鋪自定義裝修,京東的直接雙擊圖標可以上傳本地圖片,無需先上傳圖片空間。
講解的非常的詳細,只要按著步驟來就算是小白也算可以完成的,不過就是如果對于html不太東西的后面導(dǎo)出的那個東西可能看不懂,不知道有什么用,這個就是需要自己去了解了解了!如果還是有不懂的可以聯(lián)系我們的老師微信:jianghui869 一起來交流!
樂發(fā)網(wǎng)超市批發(fā)網(wǎng)提供超市貨源信息,超市采購進貨渠道。超市進貨網(wǎng)提供成都食品批發(fā),日用百貨批發(fā)信息、微信淘寶網(wǎng)店超市采購信息和超市加盟信息.打造國內(nèi)超市采購商與批發(fā)市場供應(yīng)廠商搭建網(wǎng)上批發(fā)市場平臺,是全國批發(fā)市場行業(yè)中電子商務(wù)權(quán)威性網(wǎng)站。
本文內(nèi)容整合網(wǎng)站:百度百科、知乎、淘寶平臺規(guī)則
本文來源: ps切片工具——不規(guī)則切片方法技巧教程