fireworks Speed / 衝刺的煙火

Fire-Speed-GIF

中秋節快到了,先來放個煙火吧!
今天跟大家分享如何來利用Shape Layer 來製作抖動的火球,以及使用 Particular 的替代分子來產生速度線條的設定技巧,一起來練習看看如何製作這類生動有趣的動態元素。

製作步驟

1、新增場景與素材
請大家新增一個 HD720的Composition,另外再匯入一張具有帶透的煙火素材。(大家可以在AE自行以形狀工具繪製,或匯入*~PNG圖檔)

2、新增一個背景
執行:Layer / New / Solid :增加一個圖層,命名「BG」、顏色設定:深藍色。

fireworks 013、產生火球與動態
3.1
使用「Ellipse」形狀工具:同時按Shift鍵,繪製出一顆圓球「Fire」。圓球: Fill、Stroke的寬度、顏色請自行決定即可。

fireworks 02
3.2
在「Fire」圖層加入「Wiggle Paths」動態屬性。
其Wiggle Paths的屬性設定是大家圓球的大小與感覺自行決定,參考數值如下:
Size:15~20。
Detail:12~15。
Point:Corner。
Wiggles/Second:10~15。

fireworks 03

fireworks 04

4、製造煙火衝刺的抖動感
4.1
調整圖層順序,先將「Fire圖層」Parent to 「煙火圖層」。

4.2
在「煙火圖層」展開Position屬性,按住ALT鍵+點擊Position屬性的小時鐘:鍵入Expression的語法:Wiggle(4,4)。PS:數字越大、抖動感越強烈。

fireworks 05

fireworks 06

5、加入「速度感線條」
5.1
執行:Layer / New / Solid :增加一個圖層,命名「Particle Line」。因為之後要加入Particular特效,所以顏色的設定不重要。

fireworks 07

5.2
在「Particle Line」圖層,執行Effect / Trapcode / Particular特效。

fireworks 08

PS:沒安裝此特效的朋友可以至redgiant下載安裝與試用:
https://www.redgiant.com/products/trapcode-particular/downloads/

5.3
Particular特效的設定參考:
Emitter(發射器)/
Particles / Sec:10左右。
Emitter Type:Box。
Velocity(~ Random、Distribution、from Motion): 皆設定為0。
Emitter Size X、Y、Z(發射器分佈的範圍):1800~2500之間皆可。
Physics(物理屬性)/
Physics Model:Air
Win X:-2000
Win Y:2000。
(以X、Y來控制風的方向,X值為負、Y值為正:方向是由右上往右下方。)
Win Z: 0。
可以順便將發射器位置調整到畫面外的左上方。

fireworks 09

fireworks 10
新增說明文字

fireworks 11

5.4 製作替代分子的線條。
直接以「Pen Tools」畫一條垂直的直線(顏色可自行決定)。

fireworks 12

5.5
在直線圖層上按右鍵:執行 Pre-Compose指令,名稱為「Line Shape」,並調整這個Line Shape Composition範圍(Width / Height)到最小即可。

fireworks 13

5.6 使用替代分子。
在「Particle Line」圖層的Particular特效中,將設定調整如下:
Particles(分子)/
Particles Type:Textured Polygon。
Texture /
Layer:選擇到「Line Shape圖層」。
PS:請將「Line Shape圖層」拖拉進圖層,並將眼睛顯示關閉。

fireworks 15

Rotation/
Rotation Z:調整為斜向的角度即可。

fireworks 16

5.4
可以將「Particle Line」圖層的「Motion Blur」功能與總開關開啟:斜線兩端會產生羽化的模糊,增加速度感。

fireworks 17

6、加入「點點星空」
6.1
執行:Layer / New / Solid :增加一個圖層,命名「Particle Star」。

fireworks 18

6.2
在「Particle Star」圖層,執行Effect / Trapcode / Particular特效。Particular特效的設定參考如下:
Emitter(發射器)/
Particles / Sec:60左右。
Emitter Type:Box。
Velocity(~ Random、Distribution、from Motion): 皆設定為0。
Emitter Size X、Y、Z(發射器分佈的範圍):1800~2500之間皆可。

fireworks 19

Particles(分子)/
Life(sec):20左右。
Particles Type:Glow Sphere(No DOF)。

fireworks 20

6.3 讓分子星光凝結。
大約在3秒的時間點上,當點點分子多數出現在畫面時,設定 Life(sec)屬性到 0。(讓出現的分子凝結定位在畫面上)。

fireworks 21

fireworks 22

完成了, 按預覽 Play 一下吧!

7 則留言:

  1. 你好,我在5.3那一步做完以后没有出现白色的点点,不知道为什么,然后我直接做下去,在把texture换成line shape的时候,有提醒我1280*720太大,除非camera离得近才可以……不是很明白什么意思……希望解答~谢谢

    回覆刪除
  2. HELLO朋友:
    謝謝一起參與MGBoom的煙火教學.
    根據妳/你的問題提供以下建議:
    1. 在步驟5.3 應用了Particular之後沒出現白色點狀分子:
    最有可的情形就是沒有拖動時間軸,因為分子是隨著時間而產生的.
    2.提醒範圍太大的原因:
    這是很常發生的情形,原因如下:
    因為在指定Particle Texture圖層的時候.那個指定的圖層就其實就代表之後每個會出現的分子(取代原來的白色圓點分子),所以大家可以想像一下,如果每個分子都是一張1280*720的圖,它的運算自然會負載太重,因此就會出現提醒視窗喽.

    所以請回頭檢查步驟5.1~5.2,教學中的 Line Shape 的範圍: 其實只有那一條垂直直線的範圍優.
    希望以上回覆能解決你的問題.
    歡迎保持聯絡

    MGBoom Design

    回覆刪除
  3. 更新: line shape的範圍設定: 是步驟5.4~5.5

    回覆刪除
  4. 回覆
    1. 您好,
      不好意思,在做替代份子的線條的部分
      particle type 照上面的指示選了texture polygon 還有line shape的部分
      但是一致沒有出現要是他產生速度感的線條欸....
      我已經有用pentool 畫出垂直的線跟把它轉成pre-comp了但還是沒有出現
      想請問為什麼阿?

      刪除
  5. Hello Pei Lee:
    很高興妳一起來參與 MGBoom的教學內容.
    在看過妳的問題後,建議有以下地方可以檢查看看:
    1.
    確認有做出 Line Shape的 Com ,而且有放進到主場景的 Com中
    2.
    確認 Line Shape的 Com尺寸只有線條的範圍,沒有過大的情形
    3.
    以上若都沒問題,有可能是 Line Shape Com中的線條有太短或太細 看不出來
    可以調整 Particular特效中 ~ / Particle 中的 Size 的數值:將它設定成大一點的數值.

    以上希望能解決妳的問題,加油!

    歡迎保持聯絡!

    MGBoom Design

    回覆刪除