批量导出UI图的图标

1、photoshop界面设置

1)属性栏设置



Windows系统,按住ctrl键和点击鼠标左键,就可以自动选择图层。
2)勾选 视图-->显示-->智能参考线以及视图-->标尺
3)右边的工具栏关闭颜色、通道等选项,打开窗口-->信息、窗口-->字符,其他的多余的前面的勾取消,拖移历史记录,信息,字符面板位置如下:



4)单击信息面板右边的设置,点击面板右边的倒三角选项:

在弹窗中设置属性如下:



这样在信息面板上就会显示出当前文件的像素,以及鼠标所在位置,这对我们使用定位有一定帮助。并且在建立选区时,信息面板也会直接显示出选区大小。
4)打开 编辑-->首选项-->单位与标尺页面,将标尺与文字的单位设置为像素:

最后,点击 窗口-->工作区-->新建工作区,勾选上“键盘快捷键”和“菜单”,点击存储,将刚刚做完的改变存为“Web切图”。

2、photoshop切图小技巧

1)选中某个图层,产生选区进行切片后,如果产生的切片是多图层的,可以按住Alt键,鼠标单击选中图层前面的眼睛,就可将其他图层都隐藏,只保留当前图层。
2)视图-->新建参考线,位置填XX像素,就可以将参考线定位到所填XX像素处。

3、精确切图

点击 文件-->导出-->将图层导出到文件:


设置如图

目标为你想要保存的本地路径,其他参数一样即可。

最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 本书讲了什么 Sketch3基本操作介绍。 作者什么来头 郑成云,社会化媒体营销实践者,专注网络社交领域。从业6年...
    少穻阅读 2,607评论 0赞 1
  • 一、工作区和工作流程 1.工作区和面板 保存、删除、重置工作区停靠、编组、浮动面板 2.首选项 常规、预览、导入、...
    朱细细阅读 8,353评论 0赞 52
  • 整天都在天津办事,无暇照顾自己。回来也是忙着捶打还没恢复的大腿。
    周湘泉阅读 193评论 0赞 2
  • 吸进时光的甘露, 呼出岁月的云霞, 用青春未尽的烟火, 燃烧人生多余的牵挂。 把诗情与浪漫, 留在往日的天涯。 把...
    曹焕甫阅读 339评论 2赞 0

友情链接更多精彩内容