【After Effects】製作小星星動畫（跟練）

AE 小星星動畫（跟練）

大概八九年前對於 Motion Graphics 很有興趣，當時還特別去巨匠找老師學了 Adobe 的 Premiere 跟 After Effects。多年後的今天，嗯... Ae 還是沒學成，Pr 也都只用一些基礎功能而已，真是慚愧啊 (´Ａ｀。)

所以我 2026 的第一個目標就是要學會做一些小動畫！！！

這是我看到【doyoudo】的教學影片跟著練習的小星星，以下是我的筆記，數值都可以調整。

建立一個小星星動畫

AE 小星星動畫

1. 建立一個新的 [Composition]，命名為：星星。

• • 尺寸設定為方形，影片中設定 400×400px
  • Frame Rate：25

2. 新增一個形狀圖層 [New] → [Shape Layer]
3. 新增一個橢圓形 [Add] → [Ellipse] 用橢圓形來做星星，可以調的細節參數會比使用多邊形路徑還細緻。
4. 在橢圓圖層上新增填充 [Shape Layer 1] → [Add] → [Fill] 顏色可以改成亮黃色
5. 繼續在橢圓圖層上新增收縮和膨脹 [Shape Layer 1] → [Add] → [Pucker & Bloat]

• • 首幀可以改為 40 左右
  • 在一秒的地方調整為 90 左右，讓星星變細有種亮亮的感覺

6. 繼續在橢圓圖層上調整縮放大小

快速鍵 [S] / 在按住 [Shift + U] 可以看到前面調整的其他參數

• • 首幀 0%
  • 中間位置 100%
  • 尾幀 0%
  • 增加動畫節奏：先將關鍵幀改為 Easy Ease（快捷鍵 [Fn + F9]），再到動畫曲線裡調整，點選 [Graph Editor]（記得要調整的是動畫值圖表 [Show Selected Properties]）
    星星出來，讓中間停留的時間久一點

調整後的曲線長這樣

7. 為動畫增加小細節，增加旋轉屬性 [shift + R]

• • 首幀：可以調整為負數，大概負十幾。
  • 尾幀：改回為正數，大概十以內的數值。

多個小星星應用

多個小星星

1. 建立新的 Composition
2. 把前面建立的一個小星星作為素材，把 [星星 Comp] 拖進新建立的 Comp
3. 然後複製超多個 [星星 Comp]（快捷鍵 command + D）然後隨意排列調整大小（Scale）跟旋轉（Rotation）
4. 新增一個調節圖層 [New] → [Adjustment Layer]
5. 在新增的調節圖層增加發光效果[Effect] → [Stylize] → [Glow]

• • 調高發光半徑 [Glow Radius] 約 54

6. 最後可以建立一個純色圖層當作背景 [Add] → [Solid]

教學來源

本文為個人學習筆記，動畫技巧參考自：doyoudo 的「【AE小技巧】5分钟制作完美的小星星流畅动画~！新手向~」

關於我

我是 swallow 是一種叫燕子的鳥鳥，不是吞嚥。(つд⊂)

喜歡閱讀、觀賞影視作品，還有很多很多其他的興趣愛好，可惜時常三分鐘熱度，不過我有在努力延長到五分鐘！！！另外我還有做一些小飾品，有興趣可以去我的蝦皮賣場看看 ヾ(*ΦωΦ)ツ

• 再加三分鐘
• SWALLOW Blog
• SWALLOW Shop
• SWLLOW Oops! YouTube