Motion Graphic 彈跳效果

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

在 After Effects 中,彈跳效果(Bounce Expression)可以讓層看起來像是受到彈簧或重力的影響,常用於創建自然的運動效果。這些表達式可以應用於位置(Position)、比例(Scale)、透明度(Opacity)等屬性。

raw-image


n = 0;
if (numKeys > 0){
n = nearestKey(time).index;
if (key(n).time > time){
n--;
}
}
if (n == 0){
t = 0;
}else{
t = time - key(n).time;
}

if (n > 0){
v = velocityAtTime(key(n).time - thisComp.frameDuration/10);
amp = 0.05;//控制彈跳的高度
freq = 2.0;//控制彈跳的速度
decay = 4.0;//控制彈跳的減速
value + v*amp*Math.sin(freq*t*2*Math.PI)/Math.exp(decay*t);
}else{
value;
}

解析表達式

  • n: 獲取最近的關鍵幀索引。

  • t: 計算當前時間和最近關鍵幀之間的時間差。

  • v: 獲取在最近關鍵幀的速度。

  • amp: 幅度,控制彈跳的高度。

  • freq: 頻率,控制彈跳的速度。

  • decay: 衰減,控制彈跳的減速。

raw-image
  1. 添加層和關鍵幀:

    • 在 After Effects 中,創建一個新合成並添加一個層(例如形狀層或文字層)。
    • 為層設置一些位置關鍵幀,創建基本的運動動畫。
  2. 添加表達式:

    • 選擇層並按 P 鍵顯示位置屬性(Position)。
    • 按住 Alt 鍵(Windows)或 Option 鍵(Mac),然後點擊位置屬性旁邊的碼錶圖標,打開表達式編輯框。
    • 將上述彈跳表達式粘貼到表達式編輯框中。
  3. 調整參數:

    • 調整 amp(幅度), freq(頻率) 和 decay(衰減) 的值來達到所需的彈跳效果。



表達式創建自然的彈跳效果

這些表達式能幫助你在 After Effects 中創建更加自然和有趣的動畫效果。調整 amp、freq 和 decay 的值可以控制彈跳的高度、速度和減速效果,從而實現你所需的動畫效果。


原始貼文:https://www.jan1lab.com/blog/jan1-ae-bounce-expression


留言
avatar-img
留言分享你的想法!
avatar-img
JAN1 LAB 動畫實驗室
6會員
7內容數
JAN1 動畫實驗室,專業創造角色IP,包括動畫、漫畫、遊戲等不同領域。我們致力於創造有趣、充滿魅力的角色,並透過精湛的技藝,將這些角色帶入不同的媒體平台,打造出具有廣泛影響力的IP。 https://www.jan1lab.com/
2024/07/18
本文介紹瞭如何使用 Photoshop 和 Cinema 4D 創建手繪風格動畫場景。從照片處理到模型建模、材質貼圖、額外元素建模、光線和打光、渲染與後期處理,逐步解說了創建過程。通過這些建議,你將能夠創建一個既細緻又富有動畫效果的手繪風格場景,為你的動畫作品增添獨特的魅力和視覺吸引力。
Thumbnail
2024/07/18
本文介紹瞭如何使用 Photoshop 和 Cinema 4D 創建手繪風格動畫場景。從照片處理到模型建模、材質貼圖、額外元素建模、光線和打光、渲染與後期處理,逐步解說了創建過程。通過這些建議,你將能夠創建一個既細緻又富有動畫效果的手繪風格場景,為你的動畫作品增添獨特的魅力和視覺吸引力。
Thumbnail
2024/07/17
本文介紹了在After Effects中使用表達式為圖層添加延遲效果的方法,通過根據層的索引相對於其父層的索引來計算延遲時間,並應用到層的位置屬性上,可以創建連續的延遲效果,使每個層根據其索引值產生不同的延遲,形成鏈條效應。
Thumbnail
2024/07/17
本文介紹了在After Effects中使用表達式為圖層添加延遲效果的方法,通過根據層的索引相對於其父層的索引來計算延遲時間,並應用到層的位置屬性上,可以創建連續的延遲效果,使每個層根據其索引值產生不同的延遲,形成鏈條效應。
Thumbnail
2024/07/01
Adobe After Effects 中,LoopOut 是一個非常有用的表達式,用於創建層屬性(如位置、旋轉、透明度等)的循環動畫。這個表達式可以幫助設計師自動重複一段關鍵幀動畫,而不需要手動複製和粘貼這些幀。 指令基本樣式 loopIn(type="cycle", numKeyfram
Thumbnail
2024/07/01
Adobe After Effects 中,LoopOut 是一個非常有用的表達式,用於創建層屬性(如位置、旋轉、透明度等)的循環動畫。這個表達式可以幫助設計師自動重複一段關鍵幀動畫,而不需要手動複製和粘貼這些幀。 指令基本樣式 loopIn(type="cycle", numKeyfram
Thumbnail
看更多
你可能也想看
Thumbnail
「欸!這是在哪裡買的?求連結 🥺」 誰叫你太有品味,一發就讓大家跟著剁手手? 讓你回購再回購的生活好物,是時候該介紹出場了吧! 「開箱你的美好生活」現正召喚各路好物的開箱使者 🤩
Thumbnail
「欸!這是在哪裡買的?求連結 🥺」 誰叫你太有品味,一發就讓大家跟著剁手手? 讓你回購再回購的生活好物,是時候該介紹出場了吧! 「開箱你的美好生活」現正召喚各路好物的開箱使者 🤩
Thumbnail
謝謝攝影師的照片 一開始以為社交舞應該不會太難,但實際體驗發現,自己跳舞跟別人合作跳舞,真的很不一樣。 我覺得自己跳比較簡單哈哈,舞步不難但我眼花撩亂,瘋狂轉錯邊有趣的體驗課! 生活中不斷嘗新學習,不設限領域方向,會發現每個人都有各自驚奇的興趣和擅長的拿手事物,希望接下來的研究所生活,也能
Thumbnail
謝謝攝影師的照片 一開始以為社交舞應該不會太難,但實際體驗發現,自己跳舞跟別人合作跳舞,真的很不一樣。 我覺得自己跳比較簡單哈哈,舞步不難但我眼花撩亂,瘋狂轉錯邊有趣的體驗課! 生活中不斷嘗新學習,不設限領域方向,會發現每個人都有各自驚奇的興趣和擅長的拿手事物,希望接下來的研究所生活,也能
Thumbnail
這件雕塑放置在台中市豐樂雕塑公園靠近向心路一側,最有趣之處在於:在靜態中表現動感。 將動態手勢和動作濃縮成靜態的作品,是需要高度技巧的。動感的雕塑往往能給觀賞者錯覺,讓人覺得作品中的人物即將開始動作。 動感的雕塑往往意在傳遞雕塑家的情感,好讓觀者產生共鳴。因而動作便是重點
Thumbnail
這件雕塑放置在台中市豐樂雕塑公園靠近向心路一側,最有趣之處在於:在靜態中表現動感。 將動態手勢和動作濃縮成靜態的作品,是需要高度技巧的。動感的雕塑往往能給觀賞者錯覺,讓人覺得作品中的人物即將開始動作。 動感的雕塑往往意在傳遞雕塑家的情感,好讓觀者產生共鳴。因而動作便是重點
Thumbnail
跳舞是一趟身體堆積的旅程。 本篇沒有參考任何線上資料,純粹是個人體驗。用於釐清與回顧自己的體驗與想像,在撰寫的過程中延展出沒意識的課題,這就是此篇文的目的。
Thumbnail
跳舞是一趟身體堆積的旅程。 本篇沒有參考任何線上資料,純粹是個人體驗。用於釐清與回顧自己的體驗與想像,在撰寫的過程中延展出沒意識的課題,這就是此篇文的目的。
Thumbnail
在 After Effects 中,彈跳效果(Bounce Expression)可以讓層看起來像是受到彈簧或重力的影響,常用於創建自然的運動效果。這些表達式可以應用於位置(Position)、比例(Scale)、透明度(Opacity)等屬性。
Thumbnail
在 After Effects 中,彈跳效果(Bounce Expression)可以讓層看起來像是受到彈簧或重力的影響,常用於創建自然的運動效果。這些表達式可以應用於位置(Position)、比例(Scale)、透明度(Opacity)等屬性。
Thumbnail
同樣的動作,怎麽我做起來就是不像在跳舞?一起來玩玩力量的層次吧
Thumbnail
同樣的動作,怎麽我做起來就是不像在跳舞?一起來玩玩力量的層次吧
Thumbnail
藉由街舞,孩子在帶領與學習中,不需要獎勵就能看見自己的成長,在合作過程體恤同儕的不一樣,並在紀律與彈性中維持強烈的團隊意識,因為亮語的不一樣,讓每個孩子都能閃閃發亮!
Thumbnail
藉由街舞,孩子在帶領與學習中,不需要獎勵就能看見自己的成長,在合作過程體恤同儕的不一樣,並在紀律與彈性中維持強烈的團隊意識,因為亮語的不一樣,讓每個孩子都能閃閃發亮!
Thumbnail
將腳步跨開,不必斟酌到底是踢踏舞還是新彊舞,這是大雨需要的一種配對。拿起不久前撕碎的一張臉,它是一種樂器,四分五裂是它給世人的奏嗚曲。 https://www.youtube.com/watch?v=ayIBq77HvLA 想像力比起木訥的步伐,帶給人們將會是更豐沛的關愛。愛的線條就要像
Thumbnail
將腳步跨開,不必斟酌到底是踢踏舞還是新彊舞,這是大雨需要的一種配對。拿起不久前撕碎的一張臉,它是一種樂器,四分五裂是它給世人的奏嗚曲。 https://www.youtube.com/watch?v=ayIBq77HvLA 想像力比起木訥的步伐,帶給人們將會是更豐沛的關愛。愛的線條就要像
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News