<bdo id="2k8kb"><rt id="2k8kb"></rt></bdo><rt id="2k8kb"></rt><delect id="2k8kb"></delect><noframes id="2k8kb"><delect id="2k8kb"><delect id="2k8kb"></delect></delect><noframes id="2k8kb"><rt id="2k8kb"></rt><bdo id="2k8kb"></bdo><bdo id="2k8kb"><rt id="2k8kb"></rt></bdo><noframes id="2k8kb"><rt id="2k8kb"><rt id="2k8kb"></rt></rt><bdo id="2k8kb"><delect id="2k8kb"></delect></bdo><noframes id="2k8kb"><noframes id="2k8kb"><bdo id="2k8kb"><rt id="2k8kb"><noframes id="2k8kb"> <bdo id="2k8kb"><rt id="2k8kb"><noframes id="2k8kb"><bdo id="2k8kb"></bdo><noframes id="2k8kb"><noframes id="2k8kb"><rt id="2k8kb"><rt id="2k8kb"></rt></rt><noframes id="2k8kb"><rt id="2k8kb"><delect id="2k8kb"></delect></rt><noframes id="2k8kb"><noframes id="2k8kb"><noframes id="2k8kb"> <noframes id="2k8kb"><noframes id="2k8kb"><rt id="2k8kb"><rt id="2k8kb"></rt></rt><rt id="2k8kb"><rt id="2k8kb"></rt></rt><noframes id="2k8kb"><rt id="2k8kb"><rt id="2k8kb"></rt></rt><noframes id="2k8kb"><rt id="2k8kb"><rt id="2k8kb"></rt></rt><bdo id="2k8kb"><rt id="2k8kb"><noframes id="2k8kb"><delect id="2k8kb"><delect id="2k8kb"></delect></delect><noframes id="2k8kb"><noframes id="2k8kb">
網站首頁網站地圖google地圖百度地圖學習庫RSS在線PSPS聯盟素材下載  PS視頻教程專題 PS愛好者教程網www.vibesystem.com PS教程自學網QQ群
當前位置:PS愛好者教程網主頁 > PS基礎教程 > 教程

PS網頁制作基礎教程:學習切圖那點兒事

時間:2013-02-16 10:32 來源:PS基礎教程 作者:學習PS切圖教程 閱讀:
學習PS切圖教程,PS網頁制作基礎教程:學習切圖那點兒事。切圖的目的就是把設計圖轉化成網頁代碼,不用理解代碼的含義也可以操作,所以獨立一篇來講。

早年間我學切圖的時候,網上就沒看到過什么教程的,只能靠自己摸索學習,挺簡單的東西還是繞了點彎子。這次寫出來應該會幫助其他人學會切圖的。

先說下軟件,我用的是PhotoShop CS5 這個版本,你要用其他版本也行,反正對切圖這個功能影響不大。

PS網頁制作基礎教程:學習切圖那點兒事

如上圖紅框所示,我們要用到的切圖工具有兩個,一個是切片工具,另一個是切片選擇工具。左邊有個小按鈕,你按住它這三個選項就會顯示出來。

PS網頁制作基礎教程:學習切圖那點兒事

上圖是我等下用做示范的圖片。

PS網頁制作基礎教程:學習切圖那點兒事

在切圖之前有一點需要說明的是,如果你需要輔助切圖,你可以先添加參考線。在PS上方的菜單欄,你可以在視圖里找到新建參考線選項。如上圖,我已經添加兩條參考線,因為參考線在鼠標靠近的時候有吸附功能,所以切圖不容易切錯位置。

PS網頁制作基礎教程:學習切圖那點兒事

好了現在我們開始切圖,我用切圖工具先裁一個框出來,我們可以看到圖片上已經有01的框,但是右邊02顯示為灰色。

PS網頁制作基礎教程:學習切圖那點兒事

我繼續用切圖工具裁第二個框,記住01和02的框一定要貼合,否則會出現一個03的框。如果你這次切圖位置沒切對,可能給后面帶來麻煩的是換圖片會比較麻煩。這個時候切圖的框是可以移動的,你可以把鼠標放在邊框上試著移動下,看下效果。你只能移動02,不能移動01。

PS網頁制作基礎教程:學習切圖那點兒事

當我發現切圖的位置出現錯誤,開始調整,剛才我把02位置往右挪好,它從02變成了03。

PS網頁制作基礎教程:學習切圖那點兒事

PS筆刷下載 PS濾鏡下載 PS形狀下載 PS樣式下載 PS動作下載 PS圖案下載
相關教程
中文字幕久久综合久久88
<bdo id="2k8kb"><rt id="2k8kb"></rt></bdo><rt id="2k8kb"></rt><delect id="2k8kb"></delect><noframes id="2k8kb"><delect id="2k8kb"><delect id="2k8kb"></delect></delect><noframes id="2k8kb"><rt id="2k8kb"></rt><bdo id="2k8kb"></bdo><bdo id="2k8kb"><rt id="2k8kb"></rt></bdo><noframes id="2k8kb"><rt id="2k8kb"><rt id="2k8kb"></rt></rt><bdo id="2k8kb"><delect id="2k8kb"></delect></bdo><noframes id="2k8kb"><noframes id="2k8kb"><bdo id="2k8kb"><rt id="2k8kb"><noframes id="2k8kb"> <bdo id="2k8kb"><rt id="2k8kb"><noframes id="2k8kb"><bdo id="2k8kb"></bdo><noframes id="2k8kb"><noframes id="2k8kb"><rt id="2k8kb"><rt id="2k8kb"></rt></rt><noframes id="2k8kb"><rt id="2k8kb"><delect id="2k8kb"></delect></rt><noframes id="2k8kb"><noframes id="2k8kb"><noframes id="2k8kb"> <noframes id="2k8kb"><noframes id="2k8kb"><rt id="2k8kb"><rt id="2k8kb"></rt></rt><rt id="2k8kb"><rt id="2k8kb"></rt></rt><noframes id="2k8kb"><rt id="2k8kb"><rt id="2k8kb"></rt></rt><noframes id="2k8kb"><rt id="2k8kb"><rt id="2k8kb"></rt></rt><bdo id="2k8kb"><rt id="2k8kb"><noframes id="2k8kb"><delect id="2k8kb"><delect id="2k8kb"></delect></delect><noframes id="2k8kb"><noframes id="2k8kb">
<蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <文本链> <文本链> <文本链> <文本链> <文本链> <文本链>