前端切图技巧

Posted wynnzen

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前端切图技巧相关的知识,希望对你有一定的参考价值。

ps面板配置注意单位都为像素

技术图片

1.采用切片工具
2.采用ps脚本层到文件的方式导出

mac下面常用的快捷键:

名称快捷键
标尺 command+r
放大 command+=
缩小 command+-
手形工具 h或者space
框选工具 m
裁剪工具 c
吸管工具 i

快捷件小技巧:

  1. 当图片放大到100%之后的时候,按住h点按触摸板可以切换放大的大小
  2. 所有左侧的工具按住shift再按对应的名字可以在备选工具中切换
  3. 框选工具下,按住shift是合并框选,按住alt是清除部分原来框选。单个框选按住shift是画正方形或者圆形,单个框选按住alt是以光标为中心画正方形或者圆形
  4. command+alt+shift+e会合并可视图层
  5. 前提是字体(其他)若单为一个图层,选择移动工具-字体被选中-裁剪工具-alt+单击眼睛(),实现显影模式的效果
  6. alt+delete前景填充,command+delete背景填充;
  7. alt可以改变参考线的方向
  8. 参考线隐藏command+; ,重新打开command+;

ps: mac下快速截图 command+shift+4 截图到桌面

 


以上是关于前端切图技巧的主要内容,如果未能解决你的问题,请参考以下文章

前端PS切图技巧

前端切图技巧

学习笔记前端开发调试工具与PS切图技巧

前端切图推荐方法

两种快速切图方式

前端之PS切图