文档章节

PS切图和标注的一些效率工具

yoyoso
 yoyoso
发布于 2015/03/04 20:26
字数 458
阅读 5451
收藏 17
点赞 1
评论 0

1、Slicy

必须是神器,Mac用户专享,但价格不菲,介绍可见这里

简单来说把psd文件拖入到Slicy中,然后自动生成切图。前提是图层要规范命名,带png后缀。

感觉有一个问题,如果目标图层四周有透明部分,自动切出来的图会去掉四周透明部分,暂没找到解决方法。


2、PxCook

Slicy有的它也有,还多了一个标注的功能。优点在于将标注、切图这两项设计完稿后最棘手的两个工作集成在一个软件内完成,流程很顺畅,而且支持Windows和Mac双平台,前提是先安装Adobe Air。最关键的是免费,官网在这里


3、Cut&Slice me

免费切图神器,可以输出3种格式,iOS、android、web都包了,介绍可见这里。缺点是它的使用规则有点小烦人。


4、Cutter Man

一个好用的PHOTOSHOP切图插件,支持iOS、android、PC Web,免费。

官网地址:http://www.cutterman.cn/


5、PS自带的Export Layers to Files

搜索才发现有这个功能,不过感觉比较慢,在图层有分组的情况下图片命名比较长,不够智能。

在PS中的路径为:File -> Scripts -> Export Layers to Files


6、Photoshop-Export-Layers-to-Files-Fast脚本

链接:https://github.com/jwa107/Photoshop-Export-Layers-to-Files-Fast

开源脚本,支持PS CS2以上版本。比PS自带的脚本好多了,速度快且命名方式可以自定义。


7、Size Marks – 免费的PS尺寸标注脚本

PS自动标注尺寸脚本,方便设计师和前端人员在效果图上添加尺寸。使用方法很简单,选择”矩形选框工具“绘制矩形后按自定义的快捷键就行。详细介绍可见这里

© 著作权归作者所有

共有 人打赏支持
yoyoso
粉丝 48
博文 124
码字总数 43673
作品 0
南京
高级程序员
如何让设计团队的工作效率提升50%?亲测实用的方法!

如何让设计团队的工作效率提升50%?亲测实用的方法! 优设-UISDC2017-12-271 阅读 教程工作效率 对于大部分的设计师以及设计团队来讲,都会遇到如何提升设计效率的问题。尤其是在创业公司,最...

优设-UISDC
2017/12/27
0
0
前端标注切图利器-像素大厨(PxCook)

之前一直用ps自带的智能切图,由于ps智能切图不能切固定大小的图,在网上找到了一个比较好的前端神器像素大厨 PxCook,不光能切图而且也能标注,方便快捷,易于上手。 像素大厨 PxCook,支持p...

tianyawhl
2016/10/09
1K
0
前端工程师如何与设计师合作?

原文出处:Chuckie Chang 如果你是前端,你可以给设计师提以下一些要求: 1.如果想要95%以上还原设计稿,你必须提供给设计师设计时的注意事项,当然如果设计师有前端功底,他的设计会考虑到更...

Chuckie Chang
2015/11/01
0
0
论切图仔的自我修养

一、Photoshop Adobe Photoshop 是设计师的必备,所以也是前端切图仔的必备工具。 Photoshop CC 2015 墙裂推荐安装2015版,有诸多改进,不少新功能是与我们切图仔息息相关的。 工作区 常用快...

iNiL0119
2015/09/16
51
0
小蚂蚁学习PS切图之基础操作(1)——界面设置和移动工具选区工具

为什么要学习PS? 这要追溯到公元2014年12月31日晚,在制定15年计划的时候,头脑一热就把这一项写进了计划里。不过这也是有原因的,有时候需要做一点前端的时候,ps用不好确实很影响工作效率,...

嗜学如命的小蚂蚁
2015/11/24
129
0
如何提高前端工程师的开发效率?

  前端工程师其实是一个工作很杂的职位,除了要负责切图、写html/css/js外,还要处理一系列的浏览器兼容性问题、优化网页性能等,所以提高前端工程师的开发效率是势在必行的,也是前端共工...

Web前端开发
2017/06/01
0
0
一款APP,从设计稿到切图(Android篇)

原文出处:BATLCK 依旧声明:这里写的依旧只是某一种工作方法,而不是一种规范,你可以参考,但不要照搬,在具体工作中,一定要灵活运用。 汇总贴,整理了之前零散的关于Android的文章……这...

BAT_LCK
2015/12/03
0
0
ps cc 2014 智能切图

ps cc 新增了智能切图,对于web 前端来说是不小的福音,大大提高切图效率,图片设计好并正确命名后切好的图片就自动保存在生成的一个assets 文件夹中 1、首先在ps 编辑> 首选项> 增效工具中选...

tianyawhl
2016/02/20
3
0
文章创作必备的超实用图片处理神器们

前言 作为一个博主或者媒体工作者、公众号编辑、网站站长、平台作者等内容创作者,写文章时经常要和图片素材打交道。 为了使文章具有更好的阅读体验和可读性,让读者不仅看得懂还要看得爽,经...

己立
2017/12/14
0
0
如何正确的在微信H5棋牌斗牛出租平台中的UI图中取色

在移动开发过程中,从微信H5棋牌斗牛出租平台(h5.fanshubbs.com)的UI图上获取颜色是日常开发中常有的事。不过从图片获取颜色也有很多种操作方式,很多人在日常中取到的并不是“正确”的值。 ...

H5牛牛棋牌
01/23
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

idea tomcat 远程调试

tomcat 配置 编辑文件${tomcat_home}/bin/catalina.sh,在文件开头添加如下代码。    CATALINA_OPTS="-Xdebug -Xrunjdwp:transport=dt_socket,server=y,suspend=n,address=7829" Idea端配......

qwfys
今天
1
0
遍历目录下的文件每250M打包一个文件

#!/usr/bin/env python # -*- utf-8 -*- # @Time : 2018/7/20 0020 下午 10:16 # @Author : 陈元 # @Email : abcmeabc@163.com # @file : tarFile.py import os import tarfile import thr......

寻爱的小草
今天
1
0
expect同步文件&expect指定host和要同步的文件&构建文件分发系统&批量远程执行命令

20.31 expect脚本同步文件 expect通过与rsync结合,可以在一台机器上把文件自动同步到多台机器上 编写脚本 [root@linux-5 ~]# cd /usr/local/sbin[root@linux-5 sbin]# vim 4.expect#!/...

影夜Linux
今天
1
0
SpringBoot | 第九章:Mybatis-plus的集成和使用

前言 本章节开始介绍数据访问方面的相关知识点。对于后端开发者而言,和数据库打交道是每天都在进行的,所以一个好用的ORM框架是很有必要的。目前,绝大部分公司都选择MyBatis框架作为底层数...

oKong
今天
12
0
win10 上安装解压版mysql

1.效果 2. 下载MySQL 压缩版 下载地址: https://downloads.mysql.com/archives/community/ 3. 配置 3.1 将下载的文件解压到合适的位置 我最终将myql文件 放在:D:\develop\mysql 最终放的位...

Lucky_Me
今天
2
0
linux服务器修改mtu值优化cpu

一、jumbo frames 相关 1、什么是jumbo frames Jumbo frames 是指比标准Ethernet Frames长的frame,即比1518/1522 bit大的frames,Jumbo frame的大小是每个设备厂商规定的,不属于IEEE标准;...

问题终结者
今天
2
0
expect脚本同步文件expect脚本指定host和要同步的文件 构建文件分发系统批量远程执行命令

expect脚本同步文件 在一台机器上把文件同步到多台机器上 自动同步文件 vim 4.expect [root@yong-01 sbin]# vim 4.expect#!/usr/bin/expectset passwd "20655739"spawn rsync -av ro...

lyy549745
今天
1
0
36.rsync下 日志 screen

10.32/10.33 rsync通过服务同步 10.34 linux系统日志 10.35 screen工具 10.32/10.33 rsync通过服务同步: rsync还可以通过服务的方式同步。那需要开启一个服务,他的架构是cs架构,客户端服务...

王鑫linux
今天
1
0
matplotlib 保存图片时的参数

简单绘图 import matplotlib.pyplot as pltplt.plot(range(10)) 保存为csv格式,放大后依然很清晰 plt.savefig('t1.svg') 普通保存放大后会有点模糊文件大小20多k plt.savefig('t5.p...

阿豪boy
今天
3
0
java 8 复合Lambda 表达式

comparator 比较器复合 //排序Comparator.comparing(Apple::getWeight);List<Apple> list = Stream.of(new Apple(1, "a"), new Apple(2, "b"), new Apple(3, "c")) .collect(......

Canaan_
昨天
1
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部