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上进行修改

开始做，坚持做，重复做