Vector Creator 線上自製創意插圖圖庫,匯出 PNG 和 SVG 格式

最後更新於 2020 年 07 月 07 日

Icons8 是一個相當活躍的免費圖示公司,後來也持續在免費圖庫、向量圖和音樂音效素材等方面深耕,現在算是非常全面的設計師資源,無論是需要一般相片、向量圖、插圖或音樂都可以從 Icons8 找到相關工具,例如以提供免費音樂素材為主的素材庫 Fugue、讓使用者自己製作圖庫的 Moose Photos、透過程式碼就能快速插入圖示的 Omg-img 專案都出自於這家公司,接下來要再來介紹旗下的新服務。

本文要推薦的Vector Creator」是 Icons8 推出的免費插圖產生器,透過瀏覽器就能直接設計出獨特的插圖素材,號稱不用設計團隊!試著使用 Vector Creator 發現確實非常簡單易懂,主要分成幾個步驟:挑選樣式、加入素材元素,包括拖曳、旋轉、放大或替換畫面中的任何元素都能透過瀏覽器完成,最後匯出為 PNG 或 SVG 格式(SVG 必須升級為 Pro 方案才能使用)。

當前 Vector Creator 提供 12 種樣式,超過 3000 個素材元件,包括人物、動植物、物品、裝飾、符號和背景等等,亦可讓使用者自行加上文字內容,雖然元件數量有限但是創意無限,搭配使用者巧思就能打造出獨一無二的插圖未來 Vector Creator 還會開放讓使用者加入自己的素材。

Vector Creator
https://icons8.com/vector-creator/

使用教學

STEP 1

開啟 Icons8 的 Vector Creator 網站,往下拖曳會有一個 Mix & Match 試玩區,試著從上方選擇一個樣式,再從左側選擇人物、右側挑選物品,湊在一起就會拼成很有趣的畫面。如果沒有靈感也可以點選 Randomize 隨機產生,這就是 Vector Creator 基本功能示範,沒問題的話按下首頁「Start creating for free」開始製作插圖。

STEP 2

進入 Vector Creator 編輯工具後,畫面被分隔成左右兩邊,右側是編輯區,左側是可以選取使用的插圖素材,依照不同分類呈現,亦可透過搜尋功能輸入關鍵字直接顯示相關圖案,點選後圖片就會被加入右側。

剛開始使用時我建議先點選上方的尺寸功能,選擇你需要的插圖大小,預設情況下使用的是 3:2 畫面,可調整為 4:3、16:9 ,也能選擇 Facebook 封面、Instagram 限時動態適用的圖片尺寸,或是不同行動裝置上的建議大小。

STEP 3

預設情況下會顯示所有樣式,透過左上下拉式選單可選擇你想要的插圖風格,選擇後素材圖案都會顯示為單一風格,但組合在一起比較適合,當然你也可以使用混搭式的插圖風格,在 Vector Creator 只需要想像力無限,隨意搭配出你想要的畫面。

STEP 4

我隨意點了一個人物、植物和背景搭配出簡單畫面。

每個插圖都可以放大縮小、旋轉、翻轉或調整在不同圖層位置,例如你希望人物顯示於背景上方,就點選右側箭頭調整它的位置,上方的方塊按著可選轉圖案,若不需要可點選紅色垃圾桶圖示將這個圖案刪除。

STEP 5

Vector Creator 還能加上文字內容,點選左側下方的「Text」就會有很多字型可以選擇使用,雖然是英文字型,但顯示中文或其他非英文語言是沒有問題的(不過可能效果不會像英文那麼理想)。加上文字後一樣可以調整樣式、對齊方式、顏色、放大縮小或圖層位置。

STEP 6

最後,點選右上角「Export」就能將設計好的成品匯出,格式部分有 PNG 和 SVG 兩種規格,不過只有 .PNG 格式可以免費下載,都是相當大的尺寸,亦可加入透明背景效果,適合再以其他繪圖軟體編輯使用。

如果需要下載 .SVG 向量圖格式,必須要付費解鎖 Pro 會員,當前價格每月 $19.90 美元,除了可使用向量圖格式,付費後使用這些圖片素材將不再需要標示出處來源(免費版用戶使用素材時必須標示來源,這和 Icons8 使用相同的授權方式)。

值得一試的三個理由:

  1. 可以自製插圖,內建 12 種樣式、超過 3000 個素材圖案
  2. 每個圖案都可以自由調整大小、位置、翻轉旋轉或圖層位置
  3. 最終可以將圖片輸出為 PNG 或 SVG 兩種格式

 

相關的文章

Smart Upscaler 使用 AI 自動放大、增強圖片,不會出現模糊失真問題

現在透過機器學習(Machine Learning,簡稱 ML)技術可以更完美做到以前可能無法做到的事,例如線上去背工具能夠很快速分離出圖片裡的主體和背景,即使是非常細節都能在幾秒鐘內處理完成;還有之前介紹過的 Moises.ai 則是線上去除音樂裡的人聲部分,直接讓歌曲變成無人聲的伴奏版;比較特別的是 ColouriseSG 幫黑白老相片快速上色線上工具,能夠判斷照片的每個部分並進行適當著色,讓老照片得以重生。

Line Awesome 超過 4000 個免費線稿圖示,修改自知名 Font Awesome

如果說到最知名的免費圖示字型(Icons Font),我想大家一定聽過 Font Awesome,這套圖示最初發佈於 2012 年,現今則由 1,544 個圖案組成,主要分為免費、開放原始碼和付費 Pro 圖示兩大類型,在使用 Font Scripts 網站中佔有 20% 市佔率,可以想見我們看到的很多圖案可能都是來自它。若要使用這套圖示,除了直接從官方網站或 GitHub 下載整套圖示集,亦可透過開放式內容傳遞網路提供的鏈結載入相關圖案。

Stories by Freepik 可自訂顏色背景免費插圖素材,加入動畫效果製作影片

上次介紹 Freepik 免費圖庫已經是七年前的事,這家公司後來推出 Piktab 讓使用者開啟瀏覽器新分頁時隨機顯示素材資源,取代原有單調無趣的分頁功能;也有 Slidesgo 收錄免費 Google Slides 和 PowerPoint 簡報模板下載,其實免費圖庫公司已經不單單只有提供圖片相片,而是有許多不同類型的變化,亦可吸引更多使用者進入,例如 Icons8 最早是以免費圖示起家,後來還開發可以讓使用者自行設計圖庫的 Moose Photos、免費音樂庫 Fugue 或是自製插圖的 Vector Creator。

ITG.digital 自己的插圖自己設計,以編輯器快速製作獨特精美素材

雖然網路上有非常多的免費插圖網站可以使用,但要找到一張完全符合需求的插圖並不容易,當你在尋找過程中可能會看到有點接近、但還差一點點的素材,這時候就會很希望有個編輯器能直接進行調整。之前曾介紹過「Vector Creator 線上自製創意插圖圖庫,匯出 PNG 和 SVG 格式」就是由 Icons8 推出的插圖產生器,可直接挑選樣式、加入素材元素並進行調整,快速製作出更符合期望的插圖圖案,而且也不容易和其他人重複。除此之外,Moose Photos 也是另一個可以自行製作圖庫相片的免費工具。

Blush 可線上調整、預覽並快速製作插圖素材,提供 PNG 格式免費下載

最近很流行的插畫素材是可以自訂各個部分,讓使用者快速製作符合自己需求的圖案,不用受限於原有圖案設計,前陣子介紹的 Stories by Freepik 還能加入動態效果,使靜態圖片變成動畫插圖;Icons8 旗下的 Vector Creator 可以自行挑選樣式,將需要的素材元件拖曳到畫面上,使其成為一張新的圖片。現在很多插畫庫都是直接提供使用者免費的向量圖或可編輯格式(像是 Sketch、Figma 或 XD),如果能在線上直接編輯產生圖片更方便。

illlustrations 開放原始碼免費插圖素材下載,提供四種常見格式可商用

網路上有不少免費的素材模版可供使用者下載使用,但其實付費項目也不少,有些可以透過很實惠的價格購買,若不擅長製圖的開發者也不用擔心沒有可用的素材圖案,像是之前推薦的 unDraw 就收錄許多可商業用途的扁平化圖示,還有調性很像的 Illustration Gallery、Glaze 等等都有提供常見圖片格式,也能線上更換主要配色;Vector Creator 則開放素材讓使用者自行組合運用,可自製任何你想要的插圖。

回應