《前端PS切图备和步骤.docx》由会员分享,可在线阅读,更多相关《前端PS切图备和步骤.docx(3页珍藏版)》请在三一办公上搜索。
1、前端PS切图备和步骤前端PS切图准备和步骤 一、切图之前需要做的准备 哪些是需要切出来的? 修饰性的 属性) l 图标、logo l Banner、广告图片 l 有特殊效果的按钮、文字等 l 文章中的配图 l 非纯色的背景 切出来的图片存为哪种类型? 修饰性的 l PNG24(IE6不支持半透明) l PNG8 二、切图步骤 一、隐藏文字只留背景 A: 若文字为独立图层,隐藏文字B:若文字和背景合并,平铺背景图层 l 找到文字图层 l 去掉眼睛图标 覆盖文字 l 矩形选框工具 l 自由变换-(背景图像可以拉伸) l 使用移动工具+Alt - 二、切图 PNG24/PNG8格式的切图方法 PNG
2、24格式 1. 单图层: l 移动工具选中所需图层; l 再右键复制图层到新文PNG8格式 带背景切图: l 合并图层; 件,或直接拖至已有文件 2. 多图层: l 移动工具选中所需图层; l 右键合并图层; l 再右键复制图层到新文件,或直接拖至已有文件 可平铺背景的切图 用矩形选框工具选取一块区域 复制粘贴到新文件中 活动页的切图适用于可以一刀切的活动页 l 拉参考线 l 选择切片工具 l 魔棒工具去掉多余部分 l 再右键复制图层到新文件,或直接拖至已有文件 l 点击“基于参考线的切片”按钮 l 为切片命名 l 保存 三、保存类型 A:当图片色彩丰富且无透明要求时,建议保存为JPG格式并选
3、择合适的品质(60-80)。 B:当图片色彩不太丰富时,无论有无透明要求,保存为PNG8格式。(需设置杂边:无;仿色:无仿色。) C:当图片有半透明要求时,保存为PNG24格式。 D:为保证图片质量,需保留一份PSD, 在PSD上进行修改。 修改、维护 A: 更改画布大小: 图像画布大小更改尺寸,同时将“定位”选在左上角。 B:移动图标: 若图标为独立图层,则用移动工具拖动即可; 若图标为非独立图层,先选用矩形选框工具选中图层,在用移动工具拖动即可。 C:减小画布到指定区域:用矩形选框工具选定选区-裁剪(或直接用裁剪工具裁剪) D:修改PNG8图像时,需要更改颜色模式为:RGB格式。(PNG8默认颜色为索引颜色,直接修改会使颜色失真。)