AIDesign - LOAN-1

Lottie動畫設計全攻略

Lottie Animation
  • 時數：21小時
  • 費用：NT$ 18,000
  • 點數：5.5

選擇查詢分區開課時間

地點 班號 日期 時間 預約
台北 26133 班 2026/03/23 ~ 2026/03/25 每週一二三 09:00~17:00 預約
台北 26140 班 2026/04/19 ~ 2026/04/26 每週六日 09:00~17:00 預約
台北 26134 班 2026/06/23 ~ 2026/06/25 每週二三四 09:00~17:00 預約

目前查無開課時段

詳細開課時間請洽詢業務
新竹、台中、高雄如有上課需求，請參考台北開課日期，洽當地服務人員依需求加開遠距開課日期

聯絡恆逸

教材

優勢精選教材

課程目標

Lottie可是個超酷的開源動畫技術，而JSON是一個基於Java Script的語言，用來表示JavaScript 物件的格式，能把文字、內容、程式和動畫都變成可愛的JavaScript物件，讓它們在各種平台上活蹦亂跳，速度又快又穩！ Lottie 是一個由 Airbnb 推出的函式庫，兼容各種作業系統，無論是iOS、Android，還是網頁，甚至是MacOS和Windows，其主要應用包括：在網站和應用程式中加入動態視覺效果，提升使用者互動與體驗；支援跨平台，讓同一份動畫能應用於不同設備；以及因其檔案輕量化和高擴展性，能實現無失真的向量動畫，都能讓你的動畫閃耀登場！ 目前製作Lottie動畫的方式，可以在LottieFiles、lottielab二網站上，直接編輯製作，且均有眾多範例與資源可參考，可快速方便的編輯出Lottie動畫；本課程一次跟你介紹LottieFiles、lottielab二網站上的編輯製作Lottie動畫技巧，並輸出標準格式的JSON檔，方便正確導入網頁與APP中。

製作Lottie動畫，讓網頁或App更加生動

適合對象

欲學習完整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場景與物件動畫應用

學會技能

能獨立製作Lottie動畫

備註事項

學生優惠價：參加校園IT職涯學習護照方案，享有5折優惠價

推薦課程