首页 文章

svg来自插画家透明度问题

提问于
浏览
0

问题我已经在网上看到了..在Adobe Illustrator CS5中有一个很酷的作品我想成为一个svg并最终用raphael.js(dope!)实现

一些图层是透明图像,导出时会失去透明度 . 该文件使用save for web,svg从Illustrator导出 .

以下是svg透明度有效的概念验证... http://cl.ly/1R172R2L3d3L0W1k3P28

Illustrator中的文件的屏幕截图http://cl.ly/2c3k0I421Y2V0p080G2l

浏览器中的SVG屏幕截图http://cl.ly/0M3x1C1v0f1W1y0t2E1g

救命!

3 回答

  • 1

    我猜应该透明的部分对它们有层效果,如屏幕或乘法,并且在svg中没有这样的东西 . 尽量避免使用效果,而是将透明度应用于对象 .

  • -1

    要尝试的东西:

    菜单/对象/展平透明度

    • 在透明图像元素上单独执行此操作 .

    • 如果需要,可以在其他透明元素上单独执行此操作 .

    • 选择您的设置 .

    • 检查_Preserve Alpha Transparency .

    要考虑的事情:当你说某些图层是透明图像时,你的意思是tif,jpg,即不是矢量?如果是这样,那些特定设置的图像可能会导致导出问题 . 此外,根据您对所述SVG的计划,这些相同的设置可能会影响它们以后的扩展方式 . 我提出这个问题是因为你发布的概念验证是基于矢量的,听起来你的设计很复杂 . 我可能只是感到困惑,我经常这样 . 还有,很好的标识!

  • 4

    您必须按照以下步骤操作:

    • 1st-使用像PAINT.NET这样的编辑器或任何其他可以完成工作的编辑器编辑图像并取消它的背景 .

    • 第二 - 将其保存在.png扩展名中 .

    • 3rd-转到保存的png文件(没有背景)的位置,然后用inkscape打开它!

    现在你应该在inkscape上有一个没有透明度的图像...只需保存它(或进一步编辑并保存)到svg就可以了!

相关问题