Photo Shop切图

切图之前

哪些是需要切出来的?


修饰性的 (一般用在background属性)

图标、logo

有特殊效果的按钮  文字等

非纯色的背景

内容性的 (一般用在img标签)

Banner、广告图片

文章中的配图

从服务器加载的图片不用 切图,只需要『占位』即可

 

 

切出来的图片 存为哪种类型?


修饰性的

PNG24 (IE6不支持半透明)

PNG8

内容性的

一般存为 JPG

 

 

切图 · 隐藏文字只留背景


若文字为独立图层,隐藏文字图层

找到文字图层

去掉眼睛图标

若文字和背景合并,平铺背景覆盖文字

矩形选框工具

自由变换 ( Ctrl+T )

使用移动工具 + Alt

 

 

切图 · png24


移动工具选中所需图层 (按住Ctrl 多选)

右键合并图层 (Ctrl+E

再右键复制图层到新文件,或直接拖至已有文件 (新建 : Ctrl+N)

imageimageimage

 

 

切图 . png8


带背景切

合并 (可见) 图层 (Shift + Ctrl +E

矩形选框工具选择内容

魔棒工具去除多余部分

           - 从选区中减去: 按住 Alt

 

 

可平铺背景的切图


主要针对css里面,background : repeat

用矩形选框工具选取一块区域

复制粘贴到新文件

平铺内容充满文件的宽 (x轴) 或高 (y轴)

 

 

 

切片工具


适用于可以一刀切的活动页

拉参考线

选择切片工具

点击 “基于参考线的切片”按钮

保存(全选切片,统一设置存储格式)

 

 

 

保存


存储所需内容

复制、       新建、     粘贴

Ctrl+c     Ctrl+N    Ctrl+V

   ( or 拖动内容至新文件)

存储为web 所用格式

Alt+Shift+Ctrl+S

 

image

 

 

 

保存类型一


当图片色彩丰富且无透明要求时

建议保存为JPG格式并选择合适的品质

品质,不要设置才能100,因为一旦设置成100,这就意味着图片没有任何压缩,这会导致图片相当大。

 

 

 

保存类型二


当图片色彩不太丰富时无论有无透明要求

请保存为PNG8格式

image

 

 

 

保存类型三


当图片有半透明要求

请保存PNG24格式

image

 

 

 

保存类型四


为保证图片质量

保留一份PSD,在PSD上进行修改

posted @ 2016-11-07 17:44  刘江龙  阅读(583)  评论(0编辑  收藏  举报