图片 11

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

四爷说:

Teny说:最近一键PSD转换成Sketch有了大招,可是很多人问Sketch转PSD怎么办,不用着急,一样有大招!就在今天告诉大家,此招珍藏已久,只是比较冷门,一直没拿出来~~

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

Photopea,一款可以在线编辑Sketch和PSD源文件的工具。偏偏因为他可以在线编辑,又能保存PSD格式。藏得有点深~~
完全可以做成在线转换工具了。

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

使用地址:https://www.photopea.com/

Avocode,一款可以快速将 PSD 源文件 转换为 Sketch 格式的神奇工具。

图片 1www.photopea.com

不要怀疑,就是那个和 Zeplin 功能相似的
Avocode,他们做了一个在线转换服务。

打开页面,就能看到支持PSD、XCF、Sketch、Any格式。不过这个网站有个最大问题,就是打开图层是中文,都会显示
口口 格子。

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

大法开始:

1、打开Photopea网址,选择Open Frome Computer
打开你需要转换的sketch文件。

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

图片 2点击Open
Frome Computer
图片 3选择你的Sketch文件

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

2、会发现一个页面里面中文全部变成口口
格子,可以不管他(如果有强迫症,后面告诉怎么样显示中文方法)

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

图片 4无视口口

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

3、选择右上角,点击File – 选择Save as PSD, 保存成PSD文件。

图片 5选择Save
as PSD

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

4、打开PSD文件。
保存后,Chrome浏览器会直接出现底部。(其他浏览器,看你默认下载位置吧)

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

图片 6PSD文件

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

5、打开PSD文件,发现还是口口 格子

图片 7打开PSD文件

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

6、选择批量替换文字。(注:Sketch的隐藏图层,都会被显示,建议转换前,先将隐藏图层删除)

使用文本图层过滤器,可以仅显示文本,方便替换

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

图片 8文本图层过滤器图片 9替换文字图片 10确认

大法已成,请看图层,发现是不是非常舒服。

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

以下是针对过程中强迫症处理方式!1、在Photopea打开sketch文件之前,确定,自己设计稿的字体文件。

2、在Photopea打开,选择设计稿字体文件 (支持TTF/OTF字体格式)

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

图片 11选择字体文件

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

提示已经导入。

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

然后再打开skethc文件,发现中文顺利显示出来。(如果还有口口,就是你的字体不对应)

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

以上就是给大家推荐的一款能Sketch转PSD的在线编辑工具。此方法确实比较冷门,比较现在都会PSD导入Sketch主流,不是回落到PSD的格式。也希望此大法能帮助到一些设计团队~

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

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

本文由波普先生公众号原创,如需转载请取得授权