Photo Shop切圖

切圖以前

哪些是須要切出來的？

---

修飾性的 (通常用在background屬性)

圖標、logo

有特殊效果的按鈕  文字等

非純色的背景

內容性的 (通常用在img標籤)

Banner、廣告圖片

文章中的配圖

從服務器加載的圖片不用 切圖，只須要『佔位』便可

 

 

切出來的圖片 存爲哪一種類型？

---

修飾性的

PNG24 (IE6不支持半透明)

PNG8

內容性的

通常存爲 JPG

 

 

切圖 · 隱藏文字只留背景

---

若文字爲獨立圖層，隱藏文字圖層

找到文字圖層

去掉眼睛圖標

若文字和背景合併，平鋪背景覆蓋文字

矩形選框工具

自由變換 ( Ctrl+T )

使用移動工具 + Alt

 

 

切圖 · png24

---

移動工具選中所需圖層 （按住Ctrl 多選）

右鍵合併圖層 （Ctrl+E）

再右鍵複製圖層到新文件，或直接拖至已有文件 (新建 : Ctrl+N)

 

 

切圖 . png8

---

帶背景切

合併 （可見） 圖層 （Shift + Ctrl +E）

矩形選框工具選擇內容

魔棒工具去除多餘部分

           - 從選區中減去： 按住 Alt

 

 

可平鋪背景的切圖

---

主要針對css裏面，background : repeat

用矩形選框工具選取一塊區域

複製粘貼到新文件

平鋪內容充滿文件的寬 (x軸) 或高 (y軸)

 

 

 

切片工具

---

適用於能夠一刀切的活動頁

拉參考線

選擇切片工具

點擊 「基於參考線的切片」按鈕

保存（全選切片，統一設置存儲格式）

 

 

 

保存

---

存儲所需內容

複製、       新建、     粘貼

Ctrl+c     Ctrl+N    Ctrl+V

   ( or 拖動內容至新文件)

存儲爲web 所用格式

（Alt+Shift+Ctrl+S）

 

 

 

 

保存類型一

---

當圖片色彩豐富且無透明要求時

建議保存爲JPG格式並選擇合適的品質

品質,不要設置才能100，由於一旦設置成100，這就意味着圖片沒有任何壓縮，這會致使圖片至關大。

 

 

 

保存類型二

---

當圖片色彩不太豐富時不管有無透明要求

請保存爲PNG8格式

 

 

 

保存類型三

---

當圖片有半透明要求

請保存PNG24格式

 

 

 

保存類型四

---

爲保證圖片質量

保留一份PSD，在PSD上進行修改