web前段应掌握ps中的基础

 

一张前端的设计稿都是以psd的格式呈现的，所以一些简单基础的ps是必不可少的！

标尺:一般使用像素值，快捷键ctrl r,

辅助线/参考线:用来裁剪图片时辅助作用！

清楚参考线:ctrl ;。

信息栏:用来查看信息，

历史记录栏:回复原来信息，尽量不要改变设计师给的原图！

图层栏: 要调为自动选择，分层显示我们想要的图片或文字以及图标等！

放大:ctrl ,

缩小:ctrl--,

拖动:空格键 鼠标移动，

矩形选框:选择我们所用的图片及图标，

复制文字或想知道文字信息时:使用文本工具，快捷键T,

要想知道背景颜色以及文字的颜色时，使用吸管工比较方便，也可以在文字信息里查看，

要取颜色时:复制十六进制的颜色，也可用rgb的格式，如#ffffff,白色。

如何得到一张在前端用的图片呢！

首先用矩形选框选择我们想要的图片，可以用参考线作为辅助，选择好后，选择复制，ctrl c，（必须选择到相应的图层，如果没有选择到相应图层，用ctrl shift c选择，）然后新建一个，ctrl n,(可以选择底色是透明或白底，一般选择通明，)，在粘贴ctrl v.这样就把图片裁剪下来了！

接下来就是保存了，怎么保存呢？

不要直接保存，要选择存储为web所用格式，快捷键ctrl shift s，储存！