iT邦幫忙

2025 iThome 鐵人賽

DAY 25
0
佛心分享-SideProject30

用最白話的方式,帶你認識區塊鏈、Web3 與元宇宙的童話冒險!系列 第 25

🖼️ [DAY25] 靜態動畫初測試!先畫起來再動起來 🎞️💡

  • 分享至 

  • xImage
  •  

在動畫誕生之前,最重要的是什麼?
先看得到,再動起來!
今天我開始用靜態方式來排出整支動畫的主體畫面,試著模擬「角色 + 對話 + 敘事節奏」如何交織出一支寓教於樂的影片故事!


🔧 今天使用的工具:

我選擇以 Figma 為主要畫布工具,原因如下:

  • 🧩 已經建立好角色元件、對話泡泡、標題區、分鏡格線
  • 🪄 可以快速排列、複製場景,模擬「分鏡 → 對話節奏」
  • 📱 可匯出為靜態圖片、或轉為互動式 Demo

🎯 靜態動畫模擬的重點場景:

畫面 內容 特別設計點
開場 EOS角色破牆登場:「今天我們來聊聊區塊鏈!」 開場強烈吸睛畫面,角色動作大,搭配巨大文字卡
情境1 三隻豬選存錢方式(銀行、床底下、區塊鏈) 豬豬們表情對比 + 插入解說卡片
情境2 大野狼駭客登場 駭客角色出現特效,並穿插安全性知識點
辯論會 三隻豬互相爭辯 對話泡泡快速來回切換,節奏加快
小結 EOS角色下結論

🧪 初步測試小心得:

  • 節奏控制靠「角色表情 + 對話框大小」,比想像中更能帶出劇情感。
  • 資訊量過多時,插入知識卡可分流資訊,讓觀眾不會一次被轟炸。
  • 靜態排版讓我快速確認整體故事架構是否通順!

💡 小結

從無到有的動畫設計,最怕就是一開始就衝動套動畫特效,最後又修來修去。
今天這步靜態排版,接下來動畫才能順利上演。


上一篇
🎬 [DAY24] 對話泡泡排起來!動畫腳本先不配音也能說故事 🗯️🎞️
下一篇
[DAY26] 靜態動起來!動畫預演手繪式初體驗 ✨🎞️
系列文
用最白話的方式,帶你認識區塊鏈、Web3 與元宇宙的童話冒險!30
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言