web前段应掌握ps中的基础

2018-06-24 01:01:35来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

 

一张前端的设计稿都是以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
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:DIV命名规范

下一篇:webstorm常用快捷键