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

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

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

 訂閱關鍵應用,軟體應用技巧再升級 


如何使用 Storyset 編輯插畫?

將這篇文章快速佈署到你的網站

1.使用瀏覽器進入 Storyset 網站,可根據分類或關鍵字找尋所要插畫圖。
Storyset 提供可線上編輯或動態化的插畫圖

2.點擊任一插畫可進入編輯狀態。
Storyset 提供可線上編輯或動態化的插畫圖

3.使用者可以自訂其顏色、背景與要顯示的圖層,完成後,可以下載成 SVG 或 PNG。
Storyset 提供可線上編輯或動態化的插畫圖

4.要將插畫動態化,可按右上角的[ Animate it! ]按鈕,隨後,可在圖片內選取圖片組成元素或是透過左側欄文字描述選取,完成選取,右側欄便可以定義其動畫效果。
Storyset 提供可線上編輯或動態化的插畫圖
5.完成定義,可按[ Export ]匯出 GIF 或 MP4。
Storyset 提供可線上編輯或動態化的插畫圖


6.範例。

相關文章



 站內搜尋 


˄