如何在 Illustrator CC 中應用 SVG 濾鏡

效果，就像無處不在的陰影一樣，是每個設計師工具包中必不可少的元素。您可能已經註意到Adobe Illustrator CC 的“效果”菜單包括一個用於 SVG 過濾器的大量子菜單。隨著 Illustrator 的發展，可用的過濾器集正在擴展以提供對 SVG 的更多支持。

順便說一句，如果您使用 Illustrator 多年，您可能還記得“效果”菜單用於列出效果和濾鏡。過濾器就像效果一樣，只是它們在應用後無法輕鬆編輯。但是 SVG 過濾器並不是這些類型過濾器的複興；SVG 過濾器之所以稱為過濾器，是因為它們在編碼網頁時通過 SVG 過濾器元素進行操作。

這是關於 SVG 過濾器的另一個很酷的事情：正如您很快發現的那樣，您可以導入甚至創建自己的 SVG 過濾器。

當您應用 SVG 過濾器時，它可能看起來類似於非 SVG 效果。例如，此圖顯示了兩個相同的方塊，但左側的一個應用了光柵陰影效果，右側的一個應用了矢量 (SVG) 陰影過濾器。

投影效果（左）和 SVG 濾鏡（右）。

當我選擇帶有 SVG 過濾器的矩形時，該過濾器會出現在“外觀”面板中，如圖所示。

插畫-投影-濾鏡

效果和 SVG 濾鏡改變對象路徑的不同方式具有微妙但真實的含義。其中一些含義僅與 Web 和應用程序開發人員相關，但從工作流的末尾，要記住的重要一點是避免在項目中混合 SVG 過濾器和光柵效果，因為它們對對象的影響不同。

順便說一下，我不禁在此分享，這些圖中帶有光柵陰影的方塊幾乎是帶有 SVG 過濾器的方塊的 7 倍。只是一個來自 SVG 行業的簡短公共服務公告，內容涉及如何使用 SVG 減肥（文件）。

正如您現在可能已經猜到的那樣，光柵效果是不可編程的。當您將它們交給動畫師或 HTML 編碼員時，您的開發團隊成員將沒有同樣的自由來控制光柵效果在動畫或過渡中的工作方式。

最後，當您將 SVG 過濾器而不是光柵效果應用於 SVG 圖稿時，您不必擔心在瀏覽器中重新縮放圖稿時這些過濾器會降級。

如何應用 SVG 過濾器

我已經盡可能在 SVG 藝術作品中應用 SVG 過濾器。讓我們來看看這是如何發生的：

選擇要應用過濾器的對象。

選擇效果→SVG 濾鏡並選擇一個濾鏡。
SVG Filters 子菜單有一個過濾器列表，其名稱充其量只是半直觀的（例如 AI_Shadow_1，它是一個陰影），而且通常只是神秘的（例如 AI_Dilate_6）。您必須進行試驗，直到您了解這些過濾器的工作原理。

在應用過濾器的對象仍處於選中狀態的情況下，查看外觀面板（選擇窗口→外觀）。

將光標懸停在應用的過濾器上並單擊它以顯示應用 SVG 過濾器框，如下所示。

編輯 SVG 過濾器。

您可以在此處更改應用的過濾器，並使用“預覽”複選框查看過濾器的外觀。您還可以在“外觀”面板中選擇和刪除 SVG 過濾器，如圖所示。

刪除 SVG 過濾器。

如何導入 SVG 過濾器

Illustrator 的過濾器集很有用，但幾乎沒有突破 SVG 過濾器所能達到的極限。如果您使用 HTML 編寫代碼，您會在w3schools找到一個可訪問的教程，用於創建您自己的 SVG 過濾器。

您還可以在線購買額外的過濾器集，甚至可以找到一些不錯的 SVG免費 SVG 過濾器集。要安裝這組過濾器或其他過濾器，請按照下列步驟操作：

選擇效果→SVG 濾鏡→導入 SVG 濾鏡。

在打開的對話框中，導航到並雙擊您下載的 SVG 過濾器文件。
該文件可能是一個 SVG 文件。

選擇“效果”->“SVG 濾鏡”將新濾鏡應用到選定對象。
導入新過濾器後，它們會出現在 SVG 過濾器子菜單中。