如何在 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 文件的能力。