与前端相关的ps基础

前段时间我们介绍了静态页面组成以及入门基础，但是在实际工作中，前端工程师是要和UI工程师工作时需要交交互，所以今天我们来介绍一下前端所能用到刷的一些ps尝试基础，希望对大家的学习有所帮助。

ps的基础设置

设置单位

首选项->单位和标尺

标尺和文字设置为-像素

PS吸管工具和颜色表示方式

吸管工具（快捷键I）

前景色 Alt+Delete

背景色 Ctrl+Delete

放大工具 Z

缩小工具 Alt+Z

颜色表示方式

RGB

#ffffff（十六进制）

有时候我们在编写网页的时候需要设置某种颜色，当我们不知道这种颜色叫什么的时候，就可以找到一个相同颜色的图片，利用吸管工具把这种颜色吸取出来。

PS图片大小

图片大小调整

图像->图像大小

把图片的单位调为像素

宽、高是否绑定（若绑定修改宽度，高度会发生变化；不绑定，修改宽度，图片会变形）

切片工具

快捷键 C

保证切片工具的单位是像素

右键编辑切片可以修改宽高、图片名称

右键划分切片可以把图片按照水平或者垂直方向划分成N个切片

PS魔棒工具

快捷键 W

选中想要删除的空白区域->Delete->合并图层->图片另存为

PS文件存储

快捷键 Ctrl+Alt+Shift+S

Jpeg图片品质100为最佳,60-80(高)，品质越低，图片质量越低

Png的图片只能选择Png24

存储的时候可以在视图框中选择想要存储的图片

存储

所有切片-页面中所有切片都会被保存，包括切片之间存在的区域

所有用户切片

选中的切片

ps基础部门就介绍到这里，给大家介绍的都是前端可以用的到的，其他不做过多介绍，谢谢大家的支持。