前端工程师必备的PS技能——切图篇

新建界面设置:宽度1920px,高度不确定,分辨率为72

前端开发的ps四大窗口

 

单位标尺设置为px

把常用的窗口设置为工作区这样就不怕ps被更改掉你的选项了

视图选项里选择标尺和只能标尺

导航栏里自动选择不要打钩,不选组选择图层,Ctrl+鼠标点击选择画布里的内容,直接跳到该内容的图层

推荐一个切图神器,可以直接导出想要的图层,具体用法自行摸索

 

 

拉动参考线时候想变换方向可以按住alt键

 

alt+v+e  新建参考线快捷键

 

选中图层再用参考线会有自动吸附

 

ctrl+;隐藏参考线

 

 

在首选项中,选择增效工具,里面的生成器打钩

 

在文件选项中选择生成->图像资源然后ps它会在你的ps文件夹中生成一个你的psd名称的文件夹,现在你可以在图层中选择想要导出的图层命名 ".jpg"  ".png"等格式

发现了一个新大陆:点击选中图层,在图层选项中可以复制css和svg格式

 

编辑：千锋HTML5