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

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

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

清楚参考线:ctrl+;。

信息栏:用来查看信息,

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

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

放大:ctrl++,

缩小:ctrl--,

拖动:空格键+鼠标移动,

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

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

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

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

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

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

接下来就是保存了,怎么保存呢?

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

内容来源于网络如有侵权请私信删除
你还没有登录,请先登录注册
  • 还没有人评论,欢迎说说您的想法!