iT邦幫忙

2025 iThome 鐵人賽

DAY 23
0
佛心分享-SideProject30

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

🎬 [DAY23] 故事分鏡初登場!動畫版三隻小豬開拍啦 🐷📽️

  • 分享至 

  • xImage
  •  

前面角色一致性後,今天我要把三隻小豬的故事用「分鏡(Storyboard)」的方式畫出來,讓接下來的動畫製作更有方向。

不需要很專業的分鏡圖,只要能讓我快速掌握每個畫面要發生什麼事、角色長怎樣、背景場景長怎樣、要不要動就可以了!


🧱 為什麼要做分鏡?

  • 🎥 產出動畫版
  • 🧠 用圖像+劇情講解「去中心化」等核心概念
  • 🤹‍♀️ 讓網站、影片、圖卡風格一致,整個更完整!

所以先從分鏡開始,一步步拆解故事!


🧾 分鏡草稿框架(6 格起手式)

我採用簡單的「6 格故事版」來當起點,後續可以再延伸為 9 格、12 格,甚至更長:

畫面編號 畫面內容 視覺要素 台詞/旁白(可選)
三隻小豬出生在數位世界裡,各自選擇存錢方式 三隻豬+代表存錢方式的小圖標 「我們要守護自己的財富!」
大哥蓋傳統銀行帳戶,小豬存錢排隊領號碼牌 銀行櫃台場景、紙本單據 「放心,我的錢存在大銀行很安全」
二哥選擇藏錢在床底,自以為很聰明 床底塞滿錢、豬鼻子冒汗 「沒人知道我藏在哪,哈哈」
小弟用去中心化錢包,有助理狐幫忙設帳號 鍊上 UI 畫面 + 小狐形象 「這叫區塊鏈,不能亂改帳本!」
大野狼駭客現身,一口氣攻擊三隻豬的存錢方式 駭客 + 數位風格特效畫面 「來吧,讓你們看看誰是老大!」
結局揭曉:只有區塊鏈帳本沒被偷改,其他都崩潰 銀行倒閉、床下空空、區塊鏈安全盾 「區塊鏈守住最後一道防線!」

✏️ 工具使用:我用 Figma 快速畫出格子框架 + 加入 Sora / Lovart 的角色圖來模擬畫面


📌 視覺風格設定提醒

為了確保角色圖、背景圖、圖示等後續畫面一致,我會為每一格都:

  • 指定角色角度(正面 / 側面 / 特寫)
  • 指定背景氛圍(銀行、家中、鏈上 UI)
  • 決定是否需要「動畫」元素(嘴型、移動、閃爍)

🧠 小結:分鏡幫我快速理清思緒!

用畫面的方式拆解內容,不只可以提升說故事的效率,還能幫我之後寫腳本、做配音、產動畫都更有方向。


上一篇
🐷 [DAY22] 角色素材一致性大考驗!Lovart vs Sora 比拚 🎭
下一篇
🎬 [DAY24] 對話泡泡排起來!動畫腳本先不配音也能說故事 🗯️🎞️
系列文
用最白話的方式,帶你認識區塊鏈、Web3 與元宇宙的童話冒險!24
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言