兩種ps切圖方法(圖層/切片)


兩種Ps切圖方法

一.      基礎操作:

a)    Ctrl++ 放大圖片,ctrl - -縮小圖片

b)    按住空格鍵space+,點擊鼠標左鍵,拖動圖片。

c)    修改單位,點擊編輯->首選項-> 單位與標尺,將厘米修改為像素px。

d)    點擊視圖,選擇標尺(ctrl+R),清除默認參考線(ctrl+;),清除切片(ctrl+,)。

e)    點擊編輯->設置快捷鍵,將常用操作設置為我們熟悉的鍵。

f)     移動(V),選區(M),切片(C),將v圖層轉換成智能對象(ctrl+/).

二.      切圖過程:

1、        打開psd圖,先瀏覽整個頁面,哪些是能用css實現,哪些是用圖片實現的,能用css代碼實現的盡量用代碼實現;

2、        頁面中需要切成圖片的,看是背景圖還是內容圖,背景圖保存為png,內容圖保存為jpg,頁面中不是從后台獲取的圖片一般為背景圖(png),后台獲取的一般為內容圖(jpg);

3、        形狀不均勻的背景圖片使用圖層切圖,形狀均勻的內容圖用切片切圖。具體切圖方式按實際情況而定,切片切圖與圖層切圖相結合。如果規則圖片多的使用切片切圖,其他的圖片使用圖層切圖;

4、        使用切片切圖保存圖片時,圖片的格式視情況而定,可以自己為選中切片中的圖片設置格式,若需要全部選中為同一種格式,全選中整個頁面再選圖片的格式。

5、        最后保存時要注意,一定要選中所有用戶切片;

6、        命名時注意,(內容圖)jpg圖片以pic-xx.jpg命名,(背景圖/小圖標)png圖片以icon-xx命名,xx要有語義。

三.      圖層切圖(形狀不均勻的背景圖片):     

a)    點擊移動選擇工具,將左上角的的自動選擇勾上,再將旁邊的組換成圖層.

b)    用移動選擇工具將我們要切得圖層選中,在右側的圖層區,可以自動定位到我們的圖層,點擊左邊的小眼睛確定此圖層是否使我們要切得圖層,確定之后,將右擊將圖層轉換為智能對象(防止圖片失真)。

c)    用矩形選框工具,將圖層框起來(框框只能大不能小於圖層)。        

d)    依次執行以下操作:ctrl+c復制圖層,ctrl+n新建透明背景畫布,,ctrl+v粘貼圖層,ctrl+alt+shift+s保存圖層,如果切得是背景圖,保存為png24格式,前綴為icon-xxx.,再保存到我們的項目工程里。

e)    背景圖,類似於圖標之類的都用png,其他的都用jpg,png可以代替jpg,但是jpg不能代替png。

四.      切片切圖(形狀均勻的內容圖):

a)    選擇切片工具。

b)    用輔助線將要切的圖層框起來。

c)    用切片框住我們的圖層。

d)    Ctrl++alt+shift+s保存用戶切片,格式選jpeg,前綴為pic-xxx。

e)    在保存時選中了假如默認為png,但是要選擇jpeg時可能會出現有部分圖片還是會有png的圖片,此時需要自己選中圖片修改為jpeg。

五.      合並圖層(需要切的圖由多個圖層組合而成)

a)    按住ctrl,選中我們要合並的兩個圖層,右擊轉換為智能對象,進行圖層切圖。

六.      圖片格式.

切圖出來的圖片一般保存為png-24和jpeg格式


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM