四爷说:最近每周分享给大家的Sketch技能,吵得最热的消息莫过于:“之前 PSD 要再重做一遍转为 Sketch,猴麻烦”。隔着屏幕都能感受到设计师宝宝们的心塞,和灯光下日渐蹉跎的背影… 

不过,就在今天,四爷帮大家找到了解决方法。

Avocode,一款可以快速将 PSD 源文件 转换为 Sketch 格式的神奇工具。不要怀疑,就是那个和 Zeplin 功能相似的 Avocode,他们做了一个在线转换服务。

 

官方下载https://avocode.com/convert-psd-to-sketch

如何一键将 PSD 转换成 Sketch 源文件 | Sketch 技能分享

重点只看官网页面的左侧部分,整个转换操作只要 3 个步骤

 

1、上传需要转换格式的psd源文件

2、填写自己的邮箱地址,接收转换成功的 Sketch 文件。

3、登录自己的邮箱,查看收件箱里的新邮件

如何一键将 PSD 转换成 Sketch 源文件 | Sketch 技能分享

看一下这个案例,我们用 PS 准备了一个设计稿: Menu.psd  大小是7.28 MB

包含界面常用基本元素:图层&分组、智能对象、形状和嵌套、图片、文本、icon。

准备完成点击转换网站左侧的上传按钮,把我们准备的PSD文件放上去

 

如何一键将 PSD 转换成 Sketch 源文件 | Sketch 技能分享

填写想要用来接收转换后的 Sketch 源文件的邮箱,点击橙色按钮开始转格式。

 

如何一键将 PSD 转换成 Sketch 源文件 | Sketch 技能分享

整个转换过程不算太快,大概需要几分钟的时间,稍等片刻后,四爷收到了转换后的sketch 文档邮件

 

如何一键将 PSD 转换成 Sketch 源文件 | Sketch 技能分享

从邮件信息中可以看到,PSD的源文件大小是7.3M,转化后的 Sketch 文件大大缩小到了1.3MB,源文件占用空间小,也是sketch的优势之一,这里不难推断出,如果是体积比较大的PSD,转换需要的时间也会相对增加

如何一键将 PSD 转换成 Sketch 源文件 | Sketch 技能分享

△  分组图层——完整保存,没有发生变化。

如何一键将 PSD 转换成 Sketch 源文件 | Sketch 技能分享

△   智能对象——原Status bar 为智能对象被转化为图片。同样,其他智能对象都被转为图像。

如何一键将 PSD 转换成 Sketch 源文件 | Sketch 技能分享

△  形状和嵌套——保留,形状依旧可以在编辑。

如何一键将 PSD 转换成 Sketch 源文件 | Sketch 技能分享

△   文本——保留,但会发生错位,会需要重新调整

如何一键将 PSD 转换成 Sketch 源文件 | Sketch 技能分享

△  文本——保留,按照 Sketch 样式保留布尔运算。

以上就给大家推荐的一款 PSD 转换为 Sketch 的在线工具。希望能给设计师宝宝们派上用场啦,总的来说,这款工具对于想从 PS 转型到 Sketch 的设计团队来说,还是非常有用处的。

 

如何一键将 PSD 转换成 Sketch 源文件 | Sketch 技能分享

给四爷加鸡腿,四爷来个freestyle

 

▽ 热文推荐

500G 产品、运营、交互、UI设计,地表最强福利下载

王牌做图神器Sketch,简直让人欲罢不能

这套最强Sketch插件合集,竟然出自微信设计团队之手!?

APP切图常用英文对照参考

Sketch 技能分享三:Symbol ——模块化管理你的设计稿

如何一键将 PSD 转换成 Sketch 源文件 | Sketch 技能分享

本文由波普先生原创,如需转载请回复“转载”并取得授权

KEYWORDS

 

后台回复下列关键词,发现更多设计干货

回复资源,免费领取产品、运营、交互、UI设计,500G福利资源

回复字体,获得苹果中文/英文字体,安卓思源黑体/宋体

回复光效,获得珍藏Photoshop光效制作插件

回复壁纸,获得精选手机壁纸,每天有新惊喜

回复科学上网,获得设计师翻墙神器

始发于微信公众号:波普先生

通过「BeePress|微信公众号文章采集」WordPress 插件生成