前端ps切图准备和步骤

《前端ps切图准备和步骤》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、前端PS切图准备和步骤一、切图之前需要做的准备哪些是需要切出来的？修饰性的（一般用在background属性）内容性的（一般用在img标签）l 图标、logol 有特殊效果的按钮、文字等l 非纯色的背景l Banner、广告图片l 文章中的配图……切出来的图片存为哪种类型？修饰性的内容性的l PNG24(IE6不支持半透明)l PNG8一般存为JPG二、切图步骤一、隐藏文字只留背景A:若文字为独立图层，隐藏文字图层l 找到文字图层l 去掉眼睛图标B:若文字和背景合并，平铺背景覆盖文字l 矩形选框工具l  自由变换（Ctrl+T）--(背景图像可以拉伸)l 使用移动工具+Alt--（背景图像不

2、能拉伸）二、切图（一）PNG24/PNG8格式的切图方法PNG24格式PNG8格式1.单图层：l  移动工具选中所需图层;l  再右键复制图层到新文件，或直接拖至已有文件（新建：Ctrl+N）2.多图层：l  移动工具选中所需图层（按住Ctrl多选）；l  右键合并图层（Ctrl+E）；l 再右键复制图层到新文件，或直接拖至已有文件（新建：Ctrl+N）带背景切图：l 合并（可见）图层（Shift+Ctrl+E）;l 矩形选框工具选择内容l 魔棒工具去掉多余部分（从选区中减去：按住Alt）l 再右键复制图层到新文件，或直接拖至已有文件（新建：Ctrl+N）（二）可平铺背景的切图用矩形选框工具

3、选取一块区域复制粘贴到新文件中（平铺内容充满文件的宽(X轴)或高(Yz轴)）（三）活动页的切图——适用于可以一刀切的活动页l 拉参考线l 选择切片工具l 点击“基于参考线的切片”按钮l 为切片命名l 保存（全选切片，统一设置存储格式）三、保存类型　　A:当图片色彩丰富且无透明要求时，建议保存为JPG格式并选择合适的品质(60-80)。　　B:当图片色彩不太丰富时，无论有无透明要求，保存为PNG8格式。(需设置杂边：无;仿色：无仿色。)　　C:当图片有半透明要求时，保存为PNG24格式。　　D:为保证图片质量，需保留一份PSD,在PSD上进行修改。　　修改、维护　　A:更改画布大小：图像>画布

4、大小>更改尺寸，同时将“定位”选在左上角。　　B:移动图标：　　若图标为独立图层，则用移动工具拖动即可;　　若图标为非独立图层，先选用矩形选框工具选中图层，在用移动工具拖动即可。　　C:减小画布到指定区域：用矩形选框工具选定选区--裁剪(或直接用裁剪工具裁剪)　　D:修改PNG8图像时，需要更改颜色模式为：RGB格式。(PNG8默认颜色为索引颜色，直接修改会使颜色失真。)