SVGator 線上動畫製作軟體教學－開網頁就能製作SVG、GIF動畫

用SVGator製作動畫教學，免安裝軟體，免費的線上SVG動畫製作工具，將SVG/PNG/JPG圖片上傳到網頁中，在加入動畫特效，就能產生變形、旋轉角度、大小變更、顏色變換、濾鏡、位置移動等，完成後可匯出成GIF/影片/SVG等格式。來看看怎麼用SVGator吧。

SVGator教學

STEP1

怎麼使用SVGator線上SVG動畫製作軟體製作動畫？免費註冊會員後，上傳圖片或開新頁面，利用內建的繪製工具，畫各種形狀。

STEP2

在要產生動畫的元素，點一下「右鍵」→「Animate」選擇動畫(變形、移動位置、旋轉、填色、濾鏡等)

STEP3

接著：1.移動到要變換的時間軸，2.新增變化”點”(會出現新的菱形) ，3.點一下新產生的菱形點，4.在編輯區變更元素(設定旋轉的動畫，就旋轉圖形；設定變更大小的動畫，就調整圖形大小…以此類推)。

STEP4

點Animate檢視更多動畫。

STEP5

改變顏色、角度、半徑、大小等。(更多教學見官方：SVGator教學&SVGator進階製作動畫教學)

STEP6

匯出動畫，可選擇SVG/GIF或影片。雖然免費會員有些動畫有限制，但製作10秒內的簡易動畫，功能已經非常齊全。

SVGator製作動畫範例

你可能有興趣