美文网首页 移动 前端 Python Android JavaUI学习
如何一键将 Sketch 转换成 PSD 源文件

如何一键将 Sketch 转换成 PSD 源文件

作者: Teny | 来源:发表于2017-08-07 10:28 被阅读53030次

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

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

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

www.photopea.com

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

大法开始:

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

点击Open Frome Computer 选择你的Sketch文件

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


无视口口

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

选择Save as PSD

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


PSD文件

5、打开PSD文件,发现还是口口 格子(不要紧)


打开PSD文件

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

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


文本图层过滤器 替换文字
确认

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

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

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

选择字体文件

提示已经导入。

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

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

相关文章

网友评论

  • 森眸_姑娘:为了得到我们开发的资金,在每个小时的前30分钟只使用PSD转换的草图。

    得到一个溢价帐户(无限访问),或等待21分钟。

    这个情况是怎么回事呀~
    森眸_姑娘:@Teny 嗯嗯。没关系啦~我已经弄好了~谢谢分享噢
    Teny:@沐夏_夏 做这个教程的时候,还没有这个东西,现在什么情况,我也不太清楚~~ 之后有空,再研究出个教程给大家吧~~
  • 韩一尾:用啦,节省一大把重复工作量
  • 318573e9a000:首先,我测试过可以用,只是它是个收费的,有那么点免费体验的时间。有一点就是,不知道怎么去支付使用
  • 12ebaefb1855:为什么我点了file。就是文件。 没有反应。我不能save as psd
    安_952a:我 也是 啊
  • 680fe239717d:你好,请问一下,导出来的PSD打开为什么很模糊,有解决的办法吗
    Teny:@OMG一一 额,看实际像素,位图跟sketch的矢量不一样的!确定下两边尺寸
  • 花园地:您好 我导出来的ps只有一个图层
    花园地:用ps 2018 打开显示读取图层数据时出现问题
  • 小小棉花花:是不是需要购买,才能存为PSD呢?
    12ebaefb1855:我点了文件有时候能用有时候不能用。 网站这么卡的嘛?
    Teny:@小小棉花花 免费一样能用~~
  • 我是菠萝酱:你好,我上传了文件,也读取出来了,但是存储为的时候点了没反应,该怎么办?谢谢您的分享~
    Teny:@可乐0376 请留意你的浏览器下载目录位置~~
  • 442241163e03:2、在Photopea打开,选择设计稿字体文件 (支持TTF/OTF字体格式)

    这个选择字体的弹窗怎么出来的
    Teny:直接打开文件方式打开就可以了~~
  • 694c8e21ab1c:你好,问下,导出来之后说版本不兼容怎么办,在ps中打不开!急急急!
    Teny:@小坚果_f180 你的 PS 什么版本?试下最新的~~
    Teny:@小坚果_f180 ps 什么版本?试下最新的~~
  • 26ab654f0d92:表示一点Save as PSD 浏览器立马崩溃~~~ 而且每次打开这个网址 死拉慢~~~
    Teny:@蓝色枫叶_fed4 换个浏览器试下
  • 47b56a778f18:点了save as psd,然后保存下来的文件名是unknown,用psd打开显示无法识别该文件~
    Teny:@summer_yl 换个文件试下,先从简单图形尝试。如果有问题再找我~
    47b56a778f18:我的ps版本已经是2017了
  • Tiann:有遇到ps打开转后的文件提示不兼容的么 ,我的打不开;另12m的sktch文件,网页一直显示loading,是太大了么
    Teny:@Tiann 你可以排除试下,先试下小的文件,慢慢试,凡事有个过程~
  • 5eb0671dc9f2:求问这个方法适用于window系统吗? 因为之前用的苹果电脑做的skech 文件
    Teny:@狐狸的猫咪 可以用的~~
  • _kisco:谢谢分享 帮了大忙 第一天试了没反应 第二天又试了下保存好了 转好的和sketch文件一样
  • e0899211e639:点 save as psd 没反应 换了浏览器也不行 是什么情况 你们有成功的吗
  • 1281729d2c37:为什么我点文件 点了没反应 求大神支招
  • 诺_490d:大神,点击save as psd后不知道成为什么格式了,ps识别不了
    Teny:@诺_490d 升级PS版本吧~
  • 秋生无可恋:点击 save as psd 没有反应是怎么回事呢?
    秋生无可恋:@Teny 也没有诶
    Teny:那你查看一下你下载默认目录有没有文件,有些浏览器点了,没有提示的。
  • b845e53a65db:我选择了save as psd为什么总提示我没有足够内存
    Teny:@故事的_小黄花 你试下随便简单的图形,保存PSD 行不行,如果还是不行,可能是你浏览器或者电脑系统本身兼容性问题
  • 阿陶陶:psd 转为sketch,图层都变易了啊。。
    金玉良缘文宋平:sketch转psd是375,是一倍图,可以导出@2x图的psd文件吗?
    Teny:@阿陶陶 问原作者吧,我也不清楚这个方法问题
  • b5084c052111:赞得没话说~
  • e97c22527341:最近一键PSD转换成Sketch有了大招。。。请问大招是什么哇
    e97c22527341:@Teny 谢谢谢谢!
    Teny:@南瓜Jame http://www.jianshu.com/p/bc3b00dfa4a2 (一键PSD转换成Sketch)看这个
    e97c22527341:之前是affnity转 现在是什么哇 请教~

本文标题:如何一键将 Sketch 转换成 PSD 源文件

本文链接:https://www.haomeiwen.com/subject/bcyolxtx.html