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
网友评论