兩種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格式