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

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

前端开发的ps四大窗口

单位标尺设置为px

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

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

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

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

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

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

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

ctrl+;隐藏参考线

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

在文件选项中选择生成->图像资源

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

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

编辑：千锋HTML5

*版权声明：

转载文章和图片均来自公开网络，版权归作者本人所有，文章除非无法确认，我们都会注明作者和来源。如果出处有误或侵犯到原作者权益与我联系删除。