小杰

现在大部分的UI设计师们都是在用sketch设计页面,它的轻量、插件、组件是能够极大提升我们的设计效率。但是,有一个致命问题就是,sketch和adobe爸爸家的软件不兼容,因此,不同软件的文件如何转换就是问题了……

 

神器网址

这里推荐一个神奇的网站:https://www.photopea.com/

这个网站可以帮助我们把sketch转PSD。

之前用过的朋友会发现:当我们直接使用它转换时,中文字体会直接变成口口口(豆腐块),特殊字体效果也会消失。

——这就需要我们在PS里重新选择文字,特别麻烦

转换前 / 转换后

下面给大家介绍一种无损的、没有豆腐块的转换方法——

 

一、安装插件

1. 打开需要转换的sketch文件

2. 在窗口进入 Plugins – Manage Plugins – Get Plugins

这时会跳转进如sketch官方的插件频道。

 

3.直接搜索font packer:

这是一个插件,用来收集当前sketch文件中所用的字体。

sketch官网

 

4.点击 clone or download-download ZIP按钮进行下载,

 

5.解压,双击即可安装。

下载页

此时打开sketch,就可以找到这款插件啦~

 

6.点击collect font files,选择好存储地址,点击save,插件就会自动给我们保存所有的字体。

使用步骤

 

二、开始转换

1.打开photopea.com, 选择中间的open form computer(从本地打开文档)

photopea.com

 

2.框选所有字体,点击打开。

页面会显示font xxx loaded(某某字体已加载)

 

3.重新点击open from computer,选中自己的sketch文件

 

4.然后点击file-save as PSD, 即可转为psd文件~

打开psd文件,我们可以发现,sketch中的形状、字体、图层、蒙版都是保持原状,且可以编辑的。

转换后的PSD

 

三、注意事项

到此文件就转换好了,不过其中仍然有一些小bug:

 

1. 图片模糊效果会丢失

在sketch里做的一些高斯模糊、背景模糊,在转换成psd后会丢失模糊的效果。

原因:这个推测是因为软件对于模糊效果运算方式的不兼容。

解决方案:暂时没有别的方案,需要在ps上重新设置模糊效果。

转换前  /  转换后(模糊丢失)

 

2. 填充为图片时出现错误

使用填充图片时,转换后图片会错位且不能调整。

原因:sketch的填充图片默认是fill(扩展)效果,也就是图片会自动放大到可以填满整个形状。

但转换到ps里,它会变成图层样式-图案叠加的效果,这个却是图案平铺。

解决方案:建议在sketch设计时以蒙版的方式放图片。

转换前  /  转换后(填充图片bug)

 

3. photopea只能每小时前30min使用

photopea的save as PSD功能只能每小时的前30分钟使用,

如果在xx:30之后,就会提示你不能使用,除非购买premium账户。

下面是它的收费情况,每月9美金。

 

原文地址:动像(公众号)

作者:蜗牛十一

转载请注明:学UI网 » 【神器推荐】教你Sketch一键转成PSD!

登录收藏
 
你可能喜欢的:
Sketch 55 Beta版本探秘,看看都有什么新功能Sketch 55 Beta版本探秘,看看都有什么新功能
新手容易忽略的10个Sketch冷门技巧新手容易忽略的10个Sketch冷门技巧
这5大Sketch核心功能,作为UI设计师的你用对了吗?这5大Sketch核心功能,作为UI设计师的你用对了吗?
如何用sketch画好一个卡通吉祥物如何用sketch画好一个卡通吉祥物
Sketch提升效率的常用技巧和快捷键Sketch提升效率的常用技巧和快捷键
这四款Sketch插件一定不能错过这四款Sketch插件一定不能错过
Sketch 54 Beta版本探秘,看看都有什么新功能Sketch 54 Beta版本探秘,看看都有什么新功能
从AEUX到Bodymovin的插件小技巧从AEUX到Bodymovin的插件小技巧
你不知道的Sketch黑科技-段落自动排版你不知道的Sketch黑科技-段落自动排版
你不知道的Sketch黑科技-智能排版你不知道的Sketch黑科技-智能排版