Yan-K
1 months ago
昨天受到 Timeflow 作者邀請在 Discord 分享製作過程
原串是英文覺得好像可以翻成中文順便貼在噗浪,這串是上半年幫 Ice 在 M3 春季專輯做影片視覺的幕後流程【XFD】Entrance - 12 Years of HAVOC【2024春M3 L-20ab】
latest #7
Yan-K
1 months ago
事前須知:
- 這支影片是從 Unity 直接輸出的畫面,沒有經過剪接和後製軟體
- 閱讀這串可能需要一點 Unity 知識
- 製作過程有用到大量的第三方插件和自製 Shader
- 這支從零到完成的製作時間是兩天
Yan-K
1 months ago @Edit 1 months ago
收到主視覺之後第一步我先仿照主視覺做了幾個環形的場景
用 PrefabPainter 和低面數的房屋素材作了幾個環

每個環是獨立的 GameObject,利用 Timeflow Tween 的 BPM 功能照音樂節奏對 localScale 做動畫
https://images.plurk.com/3c2qAprlt1fShSbAtyHc2x.png https://images.plurk.com/liT0PpwXtgJDhR2bMJxqZ.png
Yan-K
1 months ago @Edit 1 months ago
由於這支影片是專輯 Crossfade 的宣傳,裡面每首歌曲都有不同 BPM,我需要一個方法來調整 Tween 的速度

我先在 Timeflow 時間軸上對每個區塊的 BPM 標記出來,最初我想直接對 Tween 元件的 BPM 參數作動畫,但當時不可行且容易造成問題(現在已有 BPM 變更功能)
https://images.plurk.com/3VES3uqEUdEBtQ4ODQnNpe.png

後來把不同 BPM 的 Tween 元件分開來,用 Timeflow 的時間軸開關這些元件,時間軸上的 Tween 可視化真的讓對齊音樂節奏和影像變的很容易(時間軸上的紅線)
https://images.plurk.com/50eelfyYm3Qv6ufHbq3l0r.png
立即下載
Yan-K
1 months ago @Edit 1 months ago
最終成品是直接從 Unity 輸出的畫面,沒有經過任何剪輯、後製程式

轉場使用的全螢幕特效大多是 Unity Fog、Skybox 顏色、"VolFx by NullTale" 和 "Limitless Glitch Effects",我用 Timeline 開關和調整這些 Volume 的參數
https://images.plurk.com/4OZLUfUz5r7d9iE8rKEMil.png https://images.plurk.com/4aP53Oc4a9RKxhJJ3KEwaN.png
Yan-K
1 months ago @Edit 1 months ago
其他特效例如飛行中的手和粒子則使用了 VFX Graphs,上方的魔法特效和建物本身則用了自製 Shader

我很推薦大家試試看 NullTale 開發的 Post-Processing Shader,有著非常高的自由度、多種特效,而且可以做到「只影響某些 Layer 或 Buffer」這樣的操作
https://images.plurk.com/17YUoKF1CctF8N8pDavP1r.png
Yan-K
1 months ago
這是編輯器裡的樣子:Timeflow Behind The Scene
Yan-K
1 months ago
順便說一下因為跟 Timeflow 作者接上線了,所以之後 Curve Master 也會支援 Timeflow
之後會可以用 Curve Master 直接對 Timeflow 的曲線和關鍵影格做操作
back to top