After Effects 表達式:畫面震動效果教學,打造震撼影視氛圍

更新於 發佈於 閱讀時間約 3 分鐘

有沒有看過那種影片,一顆炸彈爆炸、字卡一登場、角色畫面忽然震動整個畫面就開始搖搖晃晃,呈現畫面震撼讓觀眾帶入影情境中。
來了解這段實用的 After Effects 表達式,怎麼讓畫面「指定時間點震一震,再慢慢停下來」。

raw-image

🔧 震動表達式程式碼:

amp = 30;         // 震幅(震多大)
freq = 10; // 頻率(多快震)
duration = 3; // 持續幾秒
decay = 1; // 衰減速度
startTimes = [2, 7]; // 震動起始時間點(可以一直加)
totalOffset = [0, 0]; // 預設不動

for (i = 0; i < startTimes.length; i++){
t = time - startTimes[i];
if (t >= 0 && t <= duration){
decayFactor = Math.exp(-decay * t);
x = Math.sin(t * freq * 2 * Math.PI) * amp * decayFactor;
y = Math.cos(t * freq * 2 * Math.PI) * amp * decayFactor;
totalOffset += [x, y];
}
}

value + totalOffset;
raw-image

🎯 這句表達式怎麼使用?

簡單來說:

  • 你指定一堆時間點,像是:「2秒時開始震一下」、「7秒再震一次」
  • 每次震動會持續幾秒(這邊是 3 秒),然後會慢慢停止(靠 decay 衰減)
  • amp 控制抖的幅度,freq 控制抖的速度,調太大會像老舊電視壞掉
  • 最後透過 x、y 做出上下左右的隨機偏移,加到原本的位置上

💡 小提醒

  • 想要更戲劇化?增加 amp 和 freq!
  • 想要多次震?在 startTimes 裡面多加幾個時間點就行
  • 想要左右震、上下不動?只用 x 或 y 偏移即可

這段表達式就像 After Effects 的打地鼠遊戲,每個指定時間點都藏著一顆震動炸彈,只要踩到時間,就「碰!」一下,帶你震出畫面靈魂。

你可以複製上面的程式,貼到任意圖層的 Position(位置)欄位,然後自己試著玩玩看震幾秒、震多大,玩出屬於你自己的震撼場面

原始文章 : https://www.jan1lab.com/blog/vibration-simulation

留言
avatar-img
留言分享你的想法!
avatar-img
JAN1 LAB 動畫實驗室
8會員
12內容數
JAN1 動畫實驗室,專業創造角色IP,包括動畫、漫畫、遊戲等不同領域。我們致力於創造有趣、充滿魅力的角色,並透過精湛的技藝,將這些角色帶入不同的媒體平台,打造出具有廣泛影響力的IP。 https://www.jan1lab.com/
2025/05/28
這篇文章教學如何在 After Effects 中使用簡單的表達式,創造出物件會根據距離控制點遠近而自動推開或吸引的互動式動畫效果,並延伸應用到 Opacity 和 Scale 的變化。文章詳細說明步驟、原理和表達式應用,並提供原始教學連結。
Thumbnail
2025/05/28
這篇文章教學如何在 After Effects 中使用簡單的表達式,創造出物件會根據距離控制點遠近而自動推開或吸引的互動式動畫效果,並延伸應用到 Opacity 和 Scale 的變化。文章詳細說明步驟、原理和表達式應用,並提供原始教學連結。
Thumbnail
2025/05/26
這篇文章提供 After Effects 表達式教學,說明如何輕鬆製作倒數計時器和碼錶效果,包含不同格式的倒數計時、累加計時器以及倒數結束的提示字元顯示等,並提供程式碼範例和進階應用技巧。
Thumbnail
2025/05/26
這篇文章提供 After Effects 表達式教學,說明如何輕鬆製作倒數計時器和碼錶效果,包含不同格式的倒數計時、累加計時器以及倒數結束的提示字元顯示等,並提供程式碼範例和進階應用技巧。
Thumbnail
2024/07/18
本文介紹瞭如何使用 Photoshop 和 Cinema 4D 創建手繪風格動畫場景。從照片處理到模型建模、材質貼圖、額外元素建模、光線和打光、渲染與後期處理,逐步解說了創建過程。通過這些建議,你將能夠創建一個既細緻又富有動畫效果的手繪風格場景,為你的動畫作品增添獨特的魅力和視覺吸引力。
Thumbnail
2024/07/18
本文介紹瞭如何使用 Photoshop 和 Cinema 4D 創建手繪風格動畫場景。從照片處理到模型建模、材質貼圖、額外元素建模、光線和打光、渲染與後期處理,逐步解說了創建過程。通過這些建議,你將能夠創建一個既細緻又富有動畫效果的手繪風格場景,為你的動畫作品增添獨特的魅力和視覺吸引力。
Thumbnail
看更多
你可能也想看
Thumbnail
沙龍一直是創作與交流的重要空間,這次 vocus 全面改版了沙龍介面,就是為了讓好內容被好好看見! 你可以自由編排你的沙龍首頁版位,新版手機介面也讓每位訪客都能更快找到感興趣的內容、成為你的支持者。 改版完成後可以在社群媒體分享新版面,並標記 @vocus.official⁠ ♥️ ⁠
Thumbnail
沙龍一直是創作與交流的重要空間,這次 vocus 全面改版了沙龍介面,就是為了讓好內容被好好看見! 你可以自由編排你的沙龍首頁版位,新版手機介面也讓每位訪客都能更快找到感興趣的內容、成為你的支持者。 改版完成後可以在社群媒體分享新版面,並標記 @vocus.official⁠ ♥️ ⁠
Thumbnail
每年4月、5月都是最多稅要繳的月份,當然大部份的人都是有機會繳到「綜合所得稅」,只是相當相當多人還不知道,原來繳給政府的稅!可以透過一些有活動的銀行信用卡或電子支付來繳,從繳費中賺一點點小確幸!就是賺個1%~2%大家也是很開心的,因為你們把沒回饋變成有回饋,就是用卡的最高境界 所得稅線上申報
Thumbnail
每年4月、5月都是最多稅要繳的月份,當然大部份的人都是有機會繳到「綜合所得稅」,只是相當相當多人還不知道,原來繳給政府的稅!可以透過一些有活動的銀行信用卡或電子支付來繳,從繳費中賺一點點小確幸!就是賺個1%~2%大家也是很開心的,因為你們把沒回饋變成有回饋,就是用卡的最高境界 所得稅線上申報
Thumbnail
在這一章中,我們介紹了 CSS 的過渡效果和動畫效果。過渡效果使 CSS 屬性的變化更加平滑,而動畫效果則允許我們更精細地控制元素的多個屬性隨時間變化的過程。我們通過基本語法和示例展示了如何使用這些效果,並提供了一個綜合應用的實踐案例來幫助理解。這些技術可以讓你的網頁更具互動性和動態效果。
Thumbnail
在這一章中,我們介紹了 CSS 的過渡效果和動畫效果。過渡效果使 CSS 屬性的變化更加平滑,而動畫效果則允許我們更精細地控制元素的多個屬性隨時間變化的過程。我們通過基本語法和示例展示了如何使用這些效果,並提供了一個綜合應用的實踐案例來幫助理解。這些技術可以讓你的網頁更具互動性和動態效果。
Thumbnail
Ae 小技巧:Motion Tile 連續圖 / 背景 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
Ae 小技巧:Motion Tile 連續圖 / 背景 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
本文介紹了在After Effects中使用表達式為圖層添加延遲效果的方法,通過根據層的索引相對於其父層的索引來計算延遲時間,並應用到層的位置屬性上,可以創建連續的延遲效果,使每個層根據其索引值產生不同的延遲,形成鏈條效應。
Thumbnail
本文介紹了在After Effects中使用表達式為圖層添加延遲效果的方法,通過根據層的索引相對於其父層的索引來計算延遲時間,並應用到層的位置屬性上,可以創建連續的延遲效果,使每個層根據其索引值產生不同的延遲,形成鏈條效應。
Thumbnail
介紹Unreal Sequencer鏡頭工具,CG動畫的學習經驗,並提供相關教程,適合想學習Cinematic Designer的人。
Thumbnail
介紹Unreal Sequencer鏡頭工具,CG動畫的學習經驗,並提供相關教程,適合想學習Cinematic Designer的人。
Thumbnail
介紹不同的渲染技術和軟體應用,包括戲劇性對比度、虛幻引擎、OC渲染、建築渲染、V射線、3D渲染、PBR等,讓您深入瞭解這些技術對於創造視覺吸引力和真實感的重要性。
Thumbnail
介紹不同的渲染技術和軟體應用,包括戲劇性對比度、虛幻引擎、OC渲染、建築渲染、V射線、3D渲染、PBR等,讓您深入瞭解這些技術對於創造視覺吸引力和真實感的重要性。
Thumbnail
Adobe After Effects 中,LoopOut 是一個非常有用的表達式,用於創建層屬性(如位置、旋轉、透明度等)的循環動畫。這個表達式可以幫助設計師自動重複一段關鍵幀動畫,而不需要手動複製和粘貼這些幀。 指令基本樣式 loopIn(type="cycle", numKeyfram
Thumbnail
Adobe After Effects 中,LoopOut 是一個非常有用的表達式,用於創建層屬性(如位置、旋轉、透明度等)的循環動畫。這個表達式可以幫助設計師自動重複一段關鍵幀動畫,而不需要手動複製和粘貼這些幀。 指令基本樣式 loopIn(type="cycle", numKeyfram
Thumbnail
Ae 小技巧:宣紙噪點+抽幀效果 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
Ae 小技巧:宣紙噪點+抽幀效果 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
Ae 小技巧:Adjustment Layer 調整圖層 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
Ae 小技巧:Adjustment Layer 調整圖層 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
Ae 小技巧:Echo 殘影 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
Ae 小技巧:Echo 殘影 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
介紹如何使用 Warp 效果來製作箱子擠壓效果!
Thumbnail
介紹如何使用 Warp 效果來製作箱子擠壓效果!
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News