LOAN-1  Lottie動畫設計全攻略

實體課程

招生中

LOAN-1  Lottie動畫設計全攻略

課程地點

台北 │ 請依上課通知資訊為主

課程日期

2026/11/09 ~ 2026/11/11

上課時數

3天共21小時

0

收藏

背景圖片
課程介紹
Lottie可是個超酷的開源動畫技術,而JSON是一個基於Java Script的語言,用來表示JavaScript 物件的格式,能把文字、內容、程式和動畫都變成可愛的JavaScript物件,讓它們在各種平台上活蹦亂跳,速度又快又穩!

Lottie 是一個由 Airbnb 推出的函式庫,兼容各種作業系統,無論是iOS、Android,還是網頁,甚至是MacOS和Windows,其主要應用包括:在網站和應用程式中加入動態視覺效果,提升使用者互動與體驗;支援跨平台,讓同一份動畫能應用於不同設備;以及因其檔案輕量化和高擴展性,能實現無失真的向量動畫,都能讓你的動畫閃耀登場!

目前製作Lottie動畫的方式,可以在LottieFiles、lottielab二網站上,直接編輯製作,且均有眾多範例與資源可參考,可快速方便的編輯出Lottie動畫;本課程一次跟你介紹LottieFiles、lottielab二網站上的編輯製作Lottie動畫技巧,並輸出標準格式的JSON檔,方便正確導入網頁與APP中。

★本課程恕不得與黃金存摺、課程現金抵用券等任何優惠折扣並用!

 

適合對象

欲學習完整Lottie動畫製作與應用者。

學會技能

能獨立製作Lottie動畫

課程大綱

1、Lottielab製作動畫

1-1 開始使用LottieLab

1-2 LottieLab基礎動畫設定

1-3 操作介面

1-4 SVG檔素材

2、Lottielab建立設定動畫

2-1 速度差動畫應用

2-2 動畫移動路徑

2-3 彈跳動畫應用

2-4 筆畫動畫

2-5 互動設定

3、LottieLab階層動畫應用

3-1 遮色片動畫

3-2 階層動畫

3-3 多群組物件階層動畫

3-4 文字LOGO動畫應用

3-5 卡通動物角色動畫應用

3-6 完整畫面動畫應用

4、在LottieFiles網站線上製作

4-1 開始使用LottieFiles

4-2 登入LottieFiles

4-3 操作介面

4-4 工具與繪圖設定

5、LottieFiles基礎動畫設定

5-1 建立設定動畫

5-2 預設動畫應用

5-3 預設動畫文字應用

5-4 筆畫Trim path動畫

5-5 Matte與Mask

6、LottieFiles進階動畫應用

6-1 線條選轉應用

6-2 線條與色塊應用

6-3 Matte動畫應用

6-4 多物件整合動畫應用

6-5 場景與物件動畫應用


背景圖片
聯絡菁英大學
聯絡icon
↑