WorkBlog

Scratch 動畫製作教學:讓你的角色動起來的完整指南

黃雅琪
Scratch 動畫製作教學:讓你的角色動起來的完整指南

嗨,小朋友們(和大朋友們)!你有沒有想過,那些卡通裡的角色是怎麼動起來的?今天我們就要用 Scratch 來做出自己的動畫,讓你設計的角色跑、跳、說話,甚至演一齣小故事!

Scratch 是 MIT 開發的免費程式教育平台,用拖拉積木的方式寫程式,完全不需要打字。如果你還沒用過 Scratch,可以到 scratch.mit.edu 免費註冊一個帳號,馬上就能開始。

什麼是 Scratch 動畫

動畫的原理其實很簡單——就是快速切換很多張稍微不同的圖片,讓你的眼睛以為東西在動。就像翻頁動畫一樣!在 Scratch 裡,我們用「造型」來代表每一張圖片,用程式積木來控制切換的速度和順序。

Scratch 裡做動畫主要有三種方式:

  • 位置移動:讓角色從一個地方移動到另一個地方
  • 造型切換:快速切換不同的造型圖片
  • 視覺效果:用大小、顏色、透明度的變化做出特效

認識造型與動畫原理

在開始動手之前,先來認識一個重要概念:造型(Costume)

每個 Scratch 角色可以有很多個造型。比如 Scratch 預設的那隻橘色貓咪,就有兩個造型——一個是站著,一個是抬腳。如果你快速在這兩個造型之間切換,看起來就像貓咪在走路!

你可以在「造型」分頁裡:

  • 自己畫新的造型
  • 從 Scratch 的素材庫選擇
  • 上傳自己的圖片
  • 複製現有造型後修改

基本移動動畫:讓角色走路

最簡單的動畫就是讓角色從左邊走到右邊。來試試看:

首先,拖出這些積木:

  1. 「當綠旗被點擊」(事件類)
  2. 「重複 50 次」(控制類)
  3. 在重複裡面放「移動 10 步」(動作類)

點擊綠旗,你會看到角色往右移動了!但是......它看起來像在「滑行」,不像在走路對吧?那是因為我們還沒有加上腳步的動畫。

改良版:在重複迴圈裡加上「下一個造型」和「等待 0.1 秒」,角色就會一邊走一邊切換造型,看起來像真的在走路了!

滑行與彈跳效果

Scratch 有一個超好用的積木叫做「在 X 秒內滑行到 x: y:」。用這個積木,你可以讓角色平滑地從一個位置移動到另一個位置。

想做彈跳效果?試試這個組合:

  1. 「重複 10 次」裡面放「y 改變 10」→ 角色往上跳
  2. 再一個「重複 10 次」裡面放「y 改變 -10」→ 角色落下來

進階技巧:想讓彈跳更自然,可以用「y 改變」的值逐漸變小(模擬重力)。比如先改變 15、再改變 12、9、6、3......看起來就會像真的有重力一樣!

造型切換做出跑步動畫

要做出流暢的跑步動畫,你需要準備 4-6 個不同姿勢的造型:

  1. 站立姿勢
  2. 右腳往前
  3. 雙腳交叉(中間過渡)
  4. 左腳往前

畫造型的小技巧:先畫好第一個姿勢,然後複製它,在複製的版本上只修改需要動的部分(比如腿和手)。這樣角色的身體不會跑掉,動畫看起來才會穩定。

程式的部分很簡單:

  • 「當綠旗被點擊」
  • 「重複無限次」
  • 裡面放「下一個造型」和「等待 0.05 秒」

等待的秒數越小,動畫越快。0.05 秒適合跑步,0.2 秒適合慢慢走路。

對話與表情動畫

讓角色說話可以用「說 ○○ △ 秒」積木。但如果你想做出更有趣的對話效果,可以試試逐字顯示

用一個變數來存放要說的文字,然後用迴圈一個字一個字加上去,搭配短暫的等待,就會像打字機一樣一個字一個字蹦出來,超有感覺的!

表情動畫也是用造型切換。為你的角色準備「開心」、「難過」、「驚訝」、「生氣」等不同表情的造型,在故事的適當時機切換就好。

背景切換與場景轉場

一個好的動畫故事需要不同的場景。在 Scratch 裡,你可以為「舞台」添加多個背景,然後用「切換背景到 ○○」積木來換場景。

想要更酷的轉場效果?試試:

  • 淡入淡出:用一個黑色角色,改變它的「虛像」效果值從 0 到 100(淡出)再從 100 到 0(淡入),中間切換背景
  • 滑動轉場:讓一個和背景一樣大的角色從右邊滑進來蓋住畫面,切換背景後再滑出去

加入音效讓動畫更生動

動畫如果沒有聲音,就少了一半的感覺。Scratch 的音效庫有很多免費音效可以用:

  • 走路的腳步聲
  • 跳躍的彈簧聲
  • 角色說話時的「波」一聲
  • 場景轉換的過場音樂

加音效的積木是「播放音效 ○○」(不等播完就繼續)或「播放音效 ○○ 直到結束」(等播完才往下)。根據你的需要選擇適合的版本。

完整專案實作:小故事動畫

現在把所有技巧結合起來,做一個完整的小故事吧!

故事大綱:小貓在公園散步,遇到一隻蝴蝶,追著蝴蝶跑,最後蝴蝶停在小貓頭上。

你需要:

  1. 角色:小貓(走路、跑步造型)、蝴蝶(拍翅膀造型)
  2. 背景:公園場景
  3. 動畫流程
    • 小貓從左邊走到中間(移動 + 造型切換)
    • 蝴蝶從右邊飛進來(滑行 + 造型切換)
    • 小貓說「哇!好漂亮的蝴蝶!」
    • 小貓追蝴蝶(都往右邊跑)
    • 蝴蝶停在小貓頭上(滑行到小貓位置上方)
    • 小貓說「嘻嘻,我們做朋友吧!」

做這個專案大概需要 30-60 分鐘,你可以先照著做,然後自由發揮改成你自己的故事!

結語

Scratch 動畫的世界充滿無限可能。今天學的這些技巧——移動、造型切換、滑行、音效、場景轉換——已經足夠讓你做出很棒的動畫作品了。

最重要的是多做多試。每個厲害的動畫師都是從簡單的開始,慢慢越做越好的。你可以到 Scratch 社群看看別人的作品,按「看裡面」來學習他們的技巧,這是進步最快的方法!

下次我們可以來挑戰更進階的主題,比如用 Scratch 做小遊戲。期待看到你的動畫作品喔!

黃雅琪

獨立動畫創作者,作品入圍多個國際影展。

2D動畫分鏡設計動畫教育

繼續閱讀

Scratch 接球遊戲製作教學:帶孩子從零開始做第一個小遊戲

Scratch 接球遊戲製作教學:帶孩子從零開始做第一個小遊戲

接球遊戲是 Scratch 入門最棒的專案之一。這篇教學帶你跟孩子一步步完成一個有計分、有音效、會越來越快的接球遊戲。

相關文章

你可能也喜歡

探索其他領域的精選好文