Storyset 提供可線上編輯或動態化的插畫圖

Storyset 這個網站提供一系列的風格插畫，並將插畫中的每個元素以圖層方式區隔出來，透過網站所提供的編輯器，讓使用者可以自訂顏色、背景及圖層內的各元素，插畫除了可以以靜態的方式呈現外，還可以透過已定義好的動畫效果將插畫內元素動態化，例如插畫內的某個元素要有移動的效果，使用者可以自行選取該元素入場的動畫、Easing、Duration 及循環播放時該元素要呈現的動態效果，而我們在定義元素各項效果的過程中，也可以很明顯感覺到 Storyset 對每個插畫的用心，因為它可將插畫內的元素具體且明確的描述出來，插畫完成後可下載成 SVG、PNG、GIF或 MP4。

• 網站語言：英文
• 網站網址：按我前往 Storyset

1.使用瀏覽器進入 Storyset 網站，可根據分類或關鍵字找尋所要插畫圖。


2.點擊任一插畫可進入編輯狀態。


3.使用者可以自訂其顏色、背景與要顯示的圖層，完成後，可以下載成 SVG 或 PNG。


4.要將插畫動態化，可按右上角的[ Animate it! ]按鈕，隨後，可在圖片內選取圖片組成元素或是透過左側欄文字描述選取，完成選取，右側欄便可以定義其動畫效果。

5.完成定義，可按[ Export ]匯出 GIF 或 MP4。



6.範例。