Storyset – 線上客製化製作插圖與動畫免費圖庫，可即時編輯顏色與物件並支援輸出多種不同格式

Storyset 是一個非常優秀的線上開源項目，當中提供了許多高品質的插畫素材與動畫，並且可以讓你免費運用在各種商業或個人用途當中使用，只需要署名即可將免費素材套用在任何的專案當中。

Storyset 是一個非常優秀的線上開源項目，當中提供了許多高品質的插畫素材與動畫，並且可以讓你免費運用在各種商業或個人用途當中使用，只需要署名即可將免費素材套用在任何的專案當中。

此外，在 Storyset 當中所有的插圖素材，都可以讓你即時的在線上瀏覽的同時，對當中的所有細節進行顏色的調整或是移除素材當中的各種元素，並且在你調整完畢後，能夠直接將修改後的檔案直接輸出成 SVG 或是 PNG 格式，相當的方便。

除了能夠讓你線上編輯插圖元素之外，Storyset 還有一個相當厲害的功能，那就是他能夠讓你的插圖「動」起來！所有的插圖都可以透過動畫按鈕進入編輯的頁面當中，裡面可以去調整所有元素的顯示模式、進場時間、延遲時間或是特殊的顯示效果。最棒的是它當中還提供了「Randomize」的按鈕，點選後就能使插圖以隨機的方式產生動畫，最後還可以讓你選擇將其輸出為 GIF、MP4 或是 SVG 的格式，相當的靈活且方便。

如果你想了解更多免費圖庫或是插圖素材，可以參考：Free Vector Illustrations、Uncommon Illustrations by Artify、Icons8、Free Deca UI Kit、photoAC…等等，好用的免費資源。

網站名稱：Storyset | Customize, animate and download illustration for free
網站網址：https://storyset.com/

Storyset 簡介教學

透過 Storyset 製作插圖與動畫。

所需時間 3 minutes

搜尋關鍵字與瀏覽插圖

進入首頁之後，你可以直接透過上方的搜尋框透過關鍵字進行插圖素材的尋找，此外，也可以透過左側的各項篩選條件，來找出不同樣式、顏色、背景或標籤的插圖。
在中間的畫面中，可以直接瀏覽所有的插圖，挑選你喜歡的就可以點擊進入，進行後續的編輯與調整動作了。

客製化插圖細節

Storyset - 線上客製化製作插圖與動畫免費圖庫，可即時編輯顏色與物件並支援輸出多種不同格式 1

進入插圖之後，你可以從右側看到許多控制選項，這裡可以讓你客製化這張素材的相關細節，像是：顏色、背景、圖層…等等。
舉例來說，他的顏色調整不是以往那種單色的調整，而是當你選擇不同的主顏色是，整張插圖的配色會根據你所挑選的主顏色而自動進行整體顏色的調整，是我認為相當智慧化的一項處理。
而背景部分，大部分都有提供無背景、簡單與細節三種樣式，這是很多插圖都並不會有的一項功能。
最後是我最喜歡的圖層功能，它讓你就像是在操作 Photoshop 等繪圖軟體一般，可以自由切換顯示/隱藏不同元素的圖層，藉此來創作出你想要的獨特插圖。
完成後，就可以透過右下方的將插圖輸出成 SVG 或 PNG 格式來使用。

將插圖動畫化

Storyset - 線上客製化製作插圖與動畫免費圖庫，可即時編輯顏色與物件並支援輸出多種不同格式 2

Storyset 還有一個相當棒的功能，那就可以將當前的插圖進行動畫化。只要點選插圖上方的「Animate it」按鈕，就可以前往動畫的設定畫面。
進入動畫設定頁面後，你可以指定每一個圖層，再透過右側的各種動畫項來對每個細節進行調整。我個人是比較喜歡利用他上方的「Randomize」來隨機產生，透過這樣的方式不僅省時省力，後續只需要針對你想要的圖層再進行細部處理就好，如此一來你的動畫插圖就能夠與眾不同。