翻滾吧蔥油餅！簡單SVG 動畫製作（上集）：創作發想

請按照以下步驟使用Adobe Photoshop： 在Photoshop 中製作完成影像後，按一下「檔案」>「匯出」>「匯出為」。 在顯示的方塊中按一下「格式」下拉式選單，然後選取「SVG」。 選取「全部匯出」，然後按一下「儲存」。

首先，點選畫面右上角的LOG IN 或SIGN UP 登入/註冊SVGator，點選之後可以直接創建一個新的帳號，或者直接透過個人的Facebook 和Google 帳號登入。

2021年1月15日 — 藉由以上的操作，相信大家已經能夠利用vue, svg 製作簡易的動畫了，下一篇老闆將帶大家逐一將場景中的動畫實現，也會與大家分享每個區塊動畫的製作思維。

使用Adobe Express 免費轉檔工具將圖片轉SVG。輕鬆上傳JPG 或PNG 圖片，就能快速轉成SVG 圖檔。

2021年10月22日 — SVGator 是一個線上SVG 動畫編輯工具，以往製作SVG 動畫會需要使用到CSS 或是JavaScript 來達成，SVGator 可以透過瀏覽器操作，不需要寫任何程式碼就 ...

2019年4月30日 — 想要做更進一步的網頁動畫，不一定只有Animate.css ，或者一些需要js 運算的動態效果。如果你想做的是線條類特效的話，那這一篇你或許就可以參考看看 ...

2019年4月3日 — 製作高互動性的SVG一直都是很多設計師的煩惱，本章介紹如何用平易近人的繪圖與動畫製作軟體建立網頁專用的SVG動圖，不僅能與使用者互動、還能依照後端 ...

2021年6月22日 — 本篇文章要帶大家簡單做出好玩的SVG 網頁動畫，讓蔥油餅翻滾！從專案發想、素材準備，到載入網頁，一步步帶你動手做。

2021年6月21日 — 今天花了不小的篇幅介紹了SVG SMIL animation，感謝看到這邊的各位，製作Demo 的過程對我來說很有趣，也學習了怎麼繪製SVG，從網路上的其他資源也查到許多 ...