如何用ps切圖
有時(shí)候大家在使用PS的時(shí)候需要把制作的設(shè)計(jì)圖片轉(zhuǎn)換為網(wǎng)頁(yè)代碼，這就需要用到Photoshop網(wǎng)頁(yè)切圖功能了，那么ps怎么切圖呢?下面小編給大家整理了關(guān)于一些用ps切圖的方法，喜歡大家喜歡。
用ps切圖的方法步驟
打開(kāi)切片工具
如上圖紅框所示，我們要用到的切圖工具有兩個(gè)，一個(gè)是切片工具，另一個(gè)是切片選擇工具。左邊有個(gè)小按鈕，你按住它這三個(gè)選項(xiàng)就會(huì)顯示出來(lái)。
上圖是我等下用做示范的圖片。
在切圖之前有一點(diǎn)需要說(shuō)明的是，如果你需要輔助切圖，你可以先添加參考線。在PS上方的菜單欄，你可以在視圖里找到新建參考線選項(xiàng)。如上圖，我已經(jīng)添加兩條參考線，因?yàn)閰⒖季€在鼠標(biāo)靠近的時(shí)候有吸附功能，所以切圖不容易切錯(cuò)位置。
開(kāi)始切圖，我用切圖工具先裁一個(gè)框出來(lái)，我們可以看到圖片上已經(jīng)有01的框，但是右邊02顯示為灰色。
繼續(xù)用切圖工具裁第二個(gè)框，記住01和02的框一定要貼合，否則會(huì)出現(xiàn)一個(gè)03的框。如果你這次切圖位置沒(méi)切對(duì)，可能給后面帶來(lái)麻煩的是換圖片會(huì)比較麻煩。這個(gè)時(shí)候切圖的框是可以移動(dòng)的，你可以把鼠標(biāo)放在邊框上試著移動(dòng)下，看下效果。你只能移動(dòng)02，不能移動(dòng)01。
當(dāng)我發(fā)現(xiàn)切圖的位置出現(xiàn)錯(cuò)誤，開(kāi)始調(diào)整，剛才我把02位置往右挪好，它從02變成了03。
然后我用切圖選擇工具選擇01，這樣我就能把01的位置調(diào)整正確了。
切好圖之后就到最重要的步驟了，如上圖所示，選擇文件下面的存儲(chǔ)為WEB和設(shè)備所用格式，最好能記住快捷鍵。
圖片格式為JPEG，它就是JPG，一樣的。關(guān)鍵是品質(zhì)的設(shè)定，我們都知道如果一張圖片越大它在網(wǎng)上打開(kāi)的速度就越慢，當(dāng)我們把圖片的品質(zhì)設(shè)的越小，它的大小就越小，但是如果品質(zhì)太差，圖片會(huì)變模糊，所以一般情況下如果是網(wǎng)上使用的圖片，品質(zhì)可以設(shè)置60，既保證圖片較小也不會(huì)模糊。這個(gè)數(shù)值由你自己設(shè)置，是大是小，具體看你的要求，試試就知道了。這里有個(gè)問(wèn)題是你只是對(duì)其中一個(gè)切片設(shè)置品質(zhì)，其他切片又要重新設(shè)置，所以存的時(shí)候最好檢查一下。
前面設(shè)置好后點(diǎn)擊存儲(chǔ)會(huì)顯示以上界面。格式選項(xiàng)選擇HTML和圖像，默認(rèn)是圖像的，這樣我們就能得到網(wǎng)頁(yè)代碼了。
存好后得到一個(gè)圖片文件夾和一個(gè)網(wǎng)頁(yè)，你看到的網(wǎng)頁(yè)圖標(biāo)可能跟我這個(gè)不一樣，這個(gè)沒(méi)有關(guān)系，因?yàn)槲覀兊臑g覽器不一樣。
用DreamWeaver軟件打開(kāi)這個(gè)網(wǎng)頁(yè)看到如上界面， 我們需要的就是大紅框中《table … 《/table》這段代碼，待會(huì)拷貝到淘寶頁(yè)面里去的?？截愔耙劝褕D片地址換一下，先把剛才那個(gè)images文件夾里的圖片上傳到淘寶圖片空間里去，再?gòu)?fù)制圖片的網(wǎng)絡(luò)地址替換上圖小紅框里的那個(gè)地址。替換的原因是，PS存的圖片地址是你電腦上的，在網(wǎng)絡(luò)上無(wú)法使用，只有你把圖片上傳到網(wǎng)上別人才會(huì)看的到。
看過(guò)“如何用ps切圖“的認(rèn)還看了：
2.PS裁切工具