第一章 ps切图学习
2019-08-18 本文已影响0人
让梦想腾飞
1、什么是切图
切图是从设计稿中切出网页素材。工具采用PS
Ps 03 cs -cs6最后一个Cs版本
13年 CC
2、建立PS常用工作区
编辑/Photoshop ->首选项->单位与标尺——>选择像素

选择:窗口——>信息+图层面板

3、测量和取色
矩形选框工具——>信息面板看宽高
下图,宽49高45px

文字大小——>矩形框选中文字——>H 为字号大小
行高——>矩形框选中文字+两行间隙——>H为行高
颜色——打开拾色器——在面板中点下鼠标变成吸管装——看相应位置颜色

4、切图
隐藏文字——矩形选框——ctrl+T——移动工具 拉伸操作
——移动工具+Shift+ALT 不适合拉伸操作
复制图层——矩形选框——ctrl+c——ctrl+n——ctrl+v
小技巧:
矩形选框——魔棒工具+alt——得到指定图标透明背景


ctrl+r 调出标尺——拉几条参考下——切片工具——顶上格式栏基于参考线切片——文件存储为web格式——jpg+品质(60-80)
5、维护
图像——画布大小——定位第一个格

修改png8格式图片——图像——模式——RGB