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