Sketch 无法导出透明渐变到PDF文件的解决办法

Sketch3 导出PDF 不支持“透明渐变”的显示


交互设计师有时需要用到透明度渐变来制作一些效果,对于视觉设计师来说这种需求则会更多。

但是在几天前一次导出PDF后发现,原来在Sketch 显示得好好的透明渐变竟然显示不出来了。如下图:


左为PNG格式,右为PDF格式,右图少掉很多信息

查询官方文档后,发现带透明度的渐变是不支持导出到PDF的。(不是透明度的不影响,如 红色渐变到橙色)

官方文档——File Formats

PDF or EPS: Preserve vector objects. Note that transparent gradients are not supported in the PDF standard.


解决方案


后来经过试验,发现一个曲线救国的办法。


“先把需要渐变的图形做好,然后上面叠加一个透明度渐变的蒙板”


同时,也在网上找到了一个别人写好的解决方案,由于还没认真细看,所以借这次翻译机会,探讨下他的做法。

[翻译]一个叫Bobby 的外国友人的解决方案


待续


原文参考:

1. Sketch3 Official Documentation —— File Formats

https://www.sketchapp.com/learn/documentation/11-exporting/3-file-formats.html

2. Exporting Gradients in Sketch to PDF

https://read.everydaydesigner.net/exporting-gradients-in-sketch-to-pdf-ffb588e95fe0#.yvz33nqwu

你可能感兴趣的:(Sketch 无法导出透明渐变到PDF文件的解决办法)