2020-01-17 UI设计培训

UI设计培训 | 一键将PSD转换为Sketch文件

很多使用PS的设计师在面对对接人员使用工具是Sketch的时候,会出现文件无法协同的情况。如果要把所有的PSD文件全部重做一遍Sketch的话,真想送一首凉凉给自己。今天UI设计培训像素妹给大家介绍一款在线转换神器,可以快速的将PSD源文件转换为Sketch文件。


以前我们将PSD与Sketch互转的方式有很多,如将PSD导出SVG拖进Sketch,或者通过Affinity Designer来转换,但都会出现对图层支持不完美甚至无法编辑的问题。


现在给大家介绍的这款神器叫做Avocode,它提供了一种在线服务,可以快速实现PSD到Sketch的转换。

大家赶紧拿起小本本,它的官方网址:

https://avocode.com/convert-psd-to-sketch

UI设计培训

关于转换的操作非常简单,只需要三个步骤:

1、上传需要转换格式的PSD文件;

2、输入我们自己的邮箱,用于接收转换成功的Sketch文件;

3、点击橙色的按钮Convert To Sketch,很快我们的邮箱就会收到一封新邮件,里面有转换好的Sketch文件,非常的easy。 

UI设计培训

目前Avocode支持PSD转换Sketch的功能,包括形状图层、蒙版、组、文本图层、智能对象、调整图层以及图层样式的部分效果等等。除了目前支持的功能,正在开发的功能有文本图层的行高、图层样式的内发光、外发光等等。


接下来我们做个具体操作,看看如何实现PSD到Sketch文件的转换

UI设计培训

首先我们准备了一个PSD源文件——演示文件


UI设计培训

在Avocode官网点击上传需要转换格式的PSD源文件,填写接收的邮箱,点击橙色按钮开始转换。



转换完成了之后,会在几分钟内把转换好的Sketch文件发送到我们填写的邮箱里,我们也可以选择继续转换别的PSD文件。


UI设计培训

在收到的邮件里,我们看到转换前的PSD文件大小为7M,转换成Sketch文件后大小为1.3M,这说明了Sketch非常轻量的一个特点。我们点击绿色的下载按钮就可以了(需要注意,确保我们的Sketch版本在43以上才能打开)。


UI设计培训

打开转换好的Sketch文件后,我们发现图层和分组没有发生变化,都很好的保存了下来。


UI设计培训

转换后的图标,会按照Sketch样式的布尔运算显示,可以再次编辑。


UI设计培训

 智能对象,在Sketch里会转化成位图的形式。

 

UI设计培训

文本,转化后支持再次编辑,不过会发生错位,并且会变成Fixed固定模式,需要我们再调整一下。


以上就是给大家推荐的PSD转换为Sketch的在线服务,不可否认这项在线服务非常方便,还有就是它是免费的(ノ≧∀≦)ノ。各位使用PS的小伙伴们快来体验体验吧~




林老师:0371-5556 6060