在 SVG 中保持顏​​色一致的 3 種方法

當您在 Illustrator 中創建 SVG 時，您有幾個選項可以讓您的顏色保持一致。 一種選擇是在整個設計中使用相同的調色板。 這可以通過在“編輯顏色”菜單中選擇要使用的顏色，然後單擊“創建新顏色組”按鈕來完成。 另一種選擇是使用“全局顏色”功能。 這使您可以一次定義顏色，然後在整個設計中使用它。 要創建全局顏色，請選擇“編輯顏色”菜單並單擊“創建新的全局顏色”按鈕。 最後，您可以使用“繼承顏色”功能。 這將使您的顏色在不同對象之間保持一致。 要使用此功能，請選擇“編輯顏色”菜單並單擊“繼承顏色”按鈕。

有一些有趣的 OpenType 字體以SVG 字體的形式提供。 Adobe Illustrator、Photoshop 和 Affinity Designer 都是使用它們的程序。 顏色、圖案或透明度都可以在字形或字符中找到。 本教程的其餘部分將使用一種名為 Ultrasound 的簡單 SVG 字體來執行。 在第 1 步中，您將創建一個透明層。 只需選擇您的文本，然後開始使用柵格化功能。 下一步是更改文本的顏色。 使用 SVG 字體時，不能簡單地更改字體的填充。 在本課中，我們將向您展示如何使用 SVG 格式的 Illustrator 字體更改文本的顏色。

填寫fill=”currentColor”時，可以選擇“color”。

Svg 文件可以有顏色嗎？

可以使用 XML 文件定義可縮放矢量圖形或 SVG。 因此，可以使用文本編輯器打開它們，並且可以更改確定文本顏色的顏色代碼。 首先，了解顏色的十六進制值至關重要。

可縮放矢量圖形 (SVG) 是一種 XML 語言，可以生成二維和混合信號圖形。 除了顏色、紋理、陰影和從部分重疊圖層構建之外，您還可以對它們進行著色、紋理、陰影和構建。 繪畫涉及的任務之一是填充和描邊。 本文更詳細地介紹瞭如何使用各種選項為 sva 文件著色。 樣式=筆劃寬度：2，筆劃：綠色； fill=ff0000 是指定SVG 顏色的語法。 可縮放矢量圖形 (SVG) 規範中總共指定了 147 種顏色名稱。 如下命名您要使用的顏色。

填充字符串具有綠色描邊或填充字符串具有紅色描邊。 符號 hx 的顏色代碼。 十六進制對的給定值範圍從 0 到 FF。 # RRGGBB 是出現的代碼。 填充是指形狀內對象的顏色，而描邊是指對象的可見輪廓。 如果未指定填充屬性（或未指定填充屬性（或樣式屬性的填充屬性）），則默認顏色為黑色。 填充和描邊可用於SVG 形狀，例如圓形、橢圓形、矩形、折線和多邊形。

fill 屬性有助於圖形元素內部的顏色。 填充為所有打開的路徑著色，就好像它們連接到第一個路徑一樣，即使該部分中的描邊顏色是不可見的。 如果未指定填充屬性值，則填充屬性的顏色為黑色。

基於矢量的圖形格式（如 SVG）允許您創建可以縮放而不會降低質量的詳細圖形。 如果您是SVG 編碼員，您可能能夠指定 CMYK 顏色（例如，語法如下：circle fill=#CD853F device-cmyk(0.11, 0.48, 0.83, 0.00) ）。 然而，對於大多數設計軟件而言，這不是問題。 您需要將圖像導出為 sva 文件，以便在您的設計中使用這些顏色。 然後，轉到“文件”菜單並選擇一個矢量圖層。 導出圖層圖片時，會生成一個[VNG]格式的矢量導出文件。 擁有 SVG 文件後，任何支持矢量圖形的設計軟件都可以使用您的 CMYK 顏色生成令人驚嘆的設計。

為什麼我的顏色在 Illustrator 中不斷變化？

您的顏色在 Illustrator 中不斷變化的原因有幾個。 一個原因可能是您將“顏色設置”設置為“全局”而不是“文檔”。 這意味著您所做的任何顏色更改都將應用於整個文檔，而不僅僅是您選擇的對像或圖層。 另一個原因可能是您將“色彩模式”設置為“RGB”而不是“CMYK”。 這意味著您的顏色將使用紅色、綠色和藍色光的混合來創建，而不是使用青色、品紅色、黃色和黑色墨水打印。 這可能會導致打印出來的顏色看起來不同。

由於 CMYK 印刷品的製造方式，通常是這種情況。 將 RGB 顏色應用到 CMYK 文檔時，您可能會注意到顏色會褪色。 RGB 顏色通常比 CMYK 顏色更鮮豔。 更改文檔的顏色模式幾乎總是會恢復其原始顏色。

如何在 Illustrator 中編輯 Svg 文件

要在 illustrator 中編輯 svg 文件，請先在 illustrator 中打開該文件。 接下來，使用鋼筆工具在圖像上描摹。 最後，使用直接選擇工具選擇要編輯的點。

彩色 Svg 字體

OpenType-SVG（發音為“smile”）是一種字體格式，其中所有或大部分字形顯示為 HTML（桌面圖形）。 例如，單個字形可以顯示多種顏色和漸變效果。 OpenType-SVG 字體由於其眾多的特性也被稱為“彩色字體”。

Glyphs 是一種 OpenType 字體編輯器，無法生成與這些類似的 SVG 字體。 可以使用三種方法之一將信息應用於字體。 如果您已經在單獨的文件中有圖形，則可以將它們放在各自的字形中並將它們導出為 SVG 格式。 您可以使用此方法來充分利用 SVG 文件格式的功能。 如果您還沒有 OpenType-SVG 文件，我們將向您展示如何通過使用“圖層”面闆對主圖層進行分層來旋轉大寫字母 O 的紅色圓圈，主圖層是“圖層”面板中以粗體文本顯示的圖層. 另一方面，新的 svg 圖層允許您立即拖放圖像文件。 沒有動畫，但您可以調整圖像的大小和顏色。

使用 Glyphs，您可以將現有的彩色字體轉換為各種格式的 SVG。 確保您已在文件文件夾、字體信息層和字形中的調色板層中配置了調色板層。 術語“顏色層”在字形中以兩種方式使用：它指的是 CPAL/COLR 層或像 Microsoft 那樣的原生顏色層。 使用 DrawBot，您現在可以從 Glyphs 中導入和導出 SVG。 從文件（鏈接）導出一個實例。 重要的是要注意，這些用於指定生成哪些顏色表，哪些不生成，哪些不出現在 OpenType 字體中。 也可以通過 Firefox 和 Microsoft Edge 等瀏覽器訪問。 應用程序或系統支持的功能並不總是與不支持的功能相同。 您可以通過瀏覽規範和示例代碼來了解有關 SVG 的更多信息。

並非所有瀏覽器都支持 Svg 字體

當您在未安裝字體的瀏覽器中打開 SVG 時，SVG 將自動轉換為安裝字體的瀏覽器。 如果文本設置為瀏覽器尚不支持的字體，則可能會導致此問題。
如果文本設置為瀏覽器不支持的字體，將使用 sva 替換它。
目前，SVG 字體僅在 Safari 和 Android 瀏覽器中可用。 作為專注於 WOFF 的一部分，Firefox 無限期推遲實現該功能，而 Chrome 38（和 Opera 25）也已將其刪除。 Batik 和 Inkscape 等其他工具可以嵌入字體嵌入。