如何在 Blender 中将图像或动画导出为 SVG

已发表: 2022-11-29

自 Blender 2.8 发布以来，该软件已经能够以可缩放矢量图形(SVG) 格式导出图像和动画。 这种基于矢量的格式在网页和图形设计师中很流行，是与可能无法使用 Blender 的其他人分享您的作品的好方法。 在本文中，我们将介绍如何在 Blender 中将图像或动画导出为 SVG 的基础知识。

大纲到 Svg Blender

Blender 中的轮廓是使用工具架中的描边面板创建的。 要创建轮廓，请先选择要勾勒轮廓的对象。 然后，在工具架中，选择描边面板。 在“笔触”面板中，选择要使用的笔触类型。 选项包括： – 手绘：创建手绘轮廓 – 多边形：创建多边形轮廓 – 样条曲线：创建基于样条曲线的轮廓 选择要使用的笔划类型后，您可以调整该笔划的设置. 例如，您可以调整笔划的粗细、笔划的颜色以及用于创建笔划的点数。 一旦您对描边的设置感到满意，您就可以单击“描边”按钮来创建轮廓。 轮廓将作为新的顶点组添加到对象中。

Blender 将蜡笔导出为 Svg

Blender 将蜡笔导出为 Svg
图片来源：imgur

在 Blender 中没有将蜡笔对象导出为 SVG 文件的一键式按钮，但可以通过一些工作来完成。 首先，在大纲视图中选择要导出的蜡笔对象。 然后，在“属性”面板中，转到“对象数据”选项卡并向下滚动到“导出路径”部分。 单击浏览按钮并选择一个位置来保存文件。 最后，在“文件格式”下拉菜单中，选择“SVG”。

导出蜡笔文件

如果要导出单个帧，请选择一个容易记住的文件名。 要从动画中导出帧，请使用具有反映帧序列的序列的文件。 PNG、JPG 和 GIF 文件是油性铅笔的三种主要文件类型。 GIF 和 PNG 都适用于小动画，而 JPG 则适用于大型网页图形。 导出蜡笔文件时，会保存包含 alpha 通道的 PNG 图像，然后将其另存为蜡笔文件。 保持此通道打开很重要，因为蜡笔工具使用 alpha 通道确定绘图的哪些部分是透明的。 或者，您可以将蜡笔文件导出为 .JPG 或 . GIF 图片。 JPEG 可用于网页图形，而 GIF 可用于小动画。 此选项允许您将蜡笔文件导出为 PNG、JPG 或 GIF。 如果您想使用，请选择铅笔润滑工具。 您可以通过从“工具”面板中选择“导出”来导出您的工作。 转到“导出文件浏览器”窗口，在“导出文件浏览器”窗口中为油脂框架存档选择文件名，然后将其导出。 转换后，Blender 将文件保存为 PNG 图像，带有 alpha 通道。

Blender Svg 插件

Blender Svg 插件
图片来源：blendernation

Blender SVG Addon是为网络创建高质量图形的好方法。 它允许您创建可以导出为 SVG 文件的矢量图形。 这是创建可在网站和其他应用程序中使用的徽标、图标和其他图形的好方法。

Svg教程

SVG 是一种基于 XML 的矢量图像格式，用于支持交互性和动画的二维图形。 SVG 规范是万维网联盟 (W3C) 自 1999 年以来制定的开放标准。SVG 图像及其行为在 XML 文本文件中定义。 这意味着它们可以被搜索、索引、编写脚本和压缩。 作为 XML 文件，SVG 图像可以使用任何文本编辑器创建和编辑，但更常见的是使用绘图软件创建。 然后将它们合并到一个文件中，以便于分发和操作。

可缩放矢量图形 (SVG) 是目前市场上最热门的话题之一。 尽管在 2000 年代初标准化，但 StandardVG 一直受到浏览器支持不佳（尤其是 IE）的负面影响。 目前，将 SVG 直接嵌入 HTML 需要最新的浏览器。 大多数时候，您不必编辑代码，但您可以使用 Figma 或 Sketch 等工具来创建它。 浏览器可以将它们显示为 img 标签，就像它可以显示其他文件格式的图像一样。 为了内联图像，HTML5 和 XHTML 使用不同的语法。 Renderport 和 viewBox 可以通过使用 g 元素组合。

SVG 画布允许您指定新的坐标系。 例如，从 0 开始，然后将画布大小限制为 100×100。 一旦达到 100，您就可以看到同一画布的第二部分。正如 HTML 标签接受样式属性一样，任何元素都可以在 sva 中这样做。 由于表单的性质要求某些 CSS 属性的工作方式与您预期的不同，因此您将无法使用所有 CSS 属性。 Fill 也可以用作元素属性，例如更改文本元素的颜色。 内联也存在于 HTML 和 CSS 中。

只需在字段中输入适当的数据 URL。 您可以使用 CDATA 方法在 SVG 文件中包含外部样式表。 当页面完全加载时，您可以先放置 JavaScript 并将其包装在加载事件中以完成它。 如果您可以与 SVG 交互（SVG 在 HTML 中是内联的），您可以更改 JavaScript 中的任何属性。 这是一种可以与 HTML5 一起使用的标记语言，但只应在首先使用 XHTML 时使用（带有 XML 格式的文档，某些服务或应用程序可能不接受无效的 SVG 文件。例如，Modernizr库可用于检查缺少的支持。

使用 Inkscape 创建 Svg 文件

还有许多其他软件程序也可以创建 SVG 文件。 矢量插图通常与名为 Inkscape 的免费程序一起使用。 您可以通过访问其网站来了解 Inkscape。 还有一些商业应用程序，例如Adob​​e Illustrator和 Inkscape，提供创建 sva 文件的能力。