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，储存！

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有