Illustrator製作SVG的操作流程

爲什麼是這個版本呢，原因有以下幾點：一是illustrator2019運行穩定，無需登陸即可使用全部功能。二是此版本爲綠色版本，精簡了無用的組件，下載解壓即可使用，省去用戶註冊的麻煩。三是軟件只有275m大小，方便攜帶，可以滿足大部分用戶的設計要求，歡迎免費下載收藏。

在這篇文章中，我們將講解如何設置和使用Adobe Illustrator來快速高效的壓縮優化SVG圖像。

設置配置參數和畫板

第一部是要爲你的工作選擇正確的配置參數。大多數時候，我們都使用像素爲單位，尤其是你想將位圖合成到SVG矢量圖中的時候。

如果是爲了製作打印內容或某種現實生活中的需要精準尺寸的東西，你可能需要英寸、釐米或毫米爲單位。在Illustrator的單位參數配置面板中設置你需要的尺寸單位。

如果你要製作響應式的SVG圖像，最終的圖像尺寸並不重要，重要的是你要知道你爲畫布選擇什麼尺寸，那裏將成爲默認的SVG視圖區。如果你的SVG畫板設置的太大，在顯示圖像的時候將會留出很大的空白區域。

如果留出的空白區域太大也有解決的方法，這裏在文章的最後給出解決的方法。

SVG圖像通常是用於屏幕顯示的，還有CSS不支持CMYK模式，所以在選擇顏色模式時要選擇RGB模式。由於我們是使用XML來處理元素，所以識別對象的ID也是有意義的。

使用命名規範

記住：你在製作SVG的時候不僅僅是在製作圖像，而且還是在創建數據。如果你想在以後通過CSS或javascript來操作這些數據的話，你需要某種方法來標識好你創建的數據。異常，給每一個相關的對象取一個名字是非常重要的。名稱要小寫，沒有任何的空白符，這個名稱在導出SVG文件的時候將成爲元素的ID。如果你現在不爲對象取名字，你也可以在後面來做這個動作，但是在編輯圖像的時候取好名稱是最好最不容易出錯的方法。

簡化

最爲一個規則，我們應該使用最少的點來創建矢量圖像，這將產生最佳的矢量圖。可以使用 Smooth 或 Simplify 工具（對象/路徑/簡化）來減少矢量圖的點數。

應該避免使用 filters，Adobe Illustrator 目前還沒有能很好的將它們轉換爲SVG。同樣的blending（混合）模式也沒有被很好的支持。在後期你可以通過CSS來爲SVG添加blend（混合）模式和 filters，

非不得已不要爲元素或文本使用描邊效果。一個描邊效果（即使是合併背景）會繪製兩次，因爲它有兩條邊。如果你這麼做了，也有補救的方法。（往下看：合併圖像）

儘量保持多邊形和圓形爲幾何對象，不要將他們轉換爲路徑。一個多邊形佔用較少的文件空間，使渲染速度加快。

創建背景圖像

SVG繪製的都是透明圖像，它們沒有一個body元素可以讓你來填充顏色。如果你想在SVG文件中創建一個背景圖像，你可以有三個選擇：

如果SVG圖像是被用來作爲頁面中的一張圖片，你可以在CSS中爲它提供一個background-color。

畫一個和畫板一樣大小的矩形，爲它填充一個顏色。然後把這一層放置到Illustrator文檔的最底層，用它來作爲背景層。

如果實在HTML頁面直接使用SVG代碼，你可以給<svg>根元素添加樣式。例如下面的代碼：

合併圖像

將圖像合併到一個單一的圖形同是一種非常好的做法。選擇你需要合併的圖像，然後在菜單中選擇：對象/擴展...，參數勾選填充和描邊。在圖像仍然被選擇的時候，打開路徑選擇器，選擇“聯集”。該操作會將旋轉的圖像合併爲一個單一的圖像，並且沒有描邊。

文本處理

如果你需要文本是可搜索、定製和編輯的，那麼你就需要在網頁中書寫文字，然後通過CSS來渲染它們。

如果你需要的是可修改外形的文本，例如logo文字，你可以將你的文字修改爲輪廓，（文字/創建輪廓），將文字轉換爲純矢量圖形。你也可以在導出SVG文件的時候選擇文本轉換選項。

剪裁畫板

如果你發現你的畫板尺寸不正確，你需要裁減掉多餘的空白部分來減少SVG文件的大小。Illustrator很容易做到這一點：

1、選擇所有你需要保留在SVG文件中的元素。

2、選擇 對象/畫板/適合圖稿邊界 ，即可完成畫板的處理。

另外，你還可以通過畫板工具來調整畫板尺寸。

以上就是Illustrator製作SVG的操作流程的詳細內容，更多關於illustrator軟件下載的資料請關注百科書網其它相關文章！