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 動畫實驗室
8會員
12內容數
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
孩子寫功課時瞇眼?小心近視!這款喜光全光譜TIONE⁺光健康智慧檯燈,獲眼科院長推薦,網路好評不斷!全光譜LED、180cm大照明範圍、5段亮度及色溫調整、350度萬向旋轉,讓孩子學習更舒適、保護眼睛!
Thumbnail
孩子寫功課時瞇眼?小心近視!這款喜光全光譜TIONE⁺光健康智慧檯燈,獲眼科院長推薦,網路好評不斷!全光譜LED、180cm大照明範圍、5段亮度及色溫調整、350度萬向旋轉,讓孩子學習更舒適、保護眼睛!
Thumbnail
創作者營運專員/經理(Operations Specialist/Manager)將負責對平台成長及收入至關重要的 Partnership 夥伴創作者開發及營運。你將發揮對知識與內容變現、影響力變現的精準判斷力,找到你心中的潛力新星或有聲量的中大型創作者加入 vocus。
Thumbnail
創作者營運專員/經理(Operations Specialist/Manager)將負責對平台成長及收入至關重要的 Partnership 夥伴創作者開發及營運。你將發揮對知識與內容變現、影響力變現的精準判斷力,找到你心中的潛力新星或有聲量的中大型創作者加入 vocus。
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 想像力比起木訥的步伐,帶給人們將會是更豐沛的關愛。愛的線條就要像
Thumbnail
距離上次練舞又是將近兩個月前 這次沒有 Budva 美麗的海景大露臺的背景了
Thumbnail
距離上次練舞又是將近兩個月前 這次沒有 Budva 美麗的海景大露臺的背景了
Thumbnail
當我靠近、盯著伴時,我聯想到看過的舞蹈片段:舞者模仿動物、模仿海流樹木、模仿大自然、模仿情緒、演出情緒、表達情緒。我覺得我像雙人舞中的一半,透過身體傳達情緒給玩伴,讓她接續著表演,如此輪替、交織,形成一個整體。
Thumbnail
當我靠近、盯著伴時,我聯想到看過的舞蹈片段:舞者模仿動物、模仿海流樹木、模仿大自然、模仿情緒、演出情緒、表達情緒。我覺得我像雙人舞中的一半,透過身體傳達情緒給玩伴,讓她接續著表演,如此輪替、交織,形成一個整體。
Thumbnail
奏樂 平靜的表面下 冥冥大海 不斷向下墜落 墜落。 氧氣一點點消耗 閉氣! 閉氣。 滑譏的踢著水 揮著臂 拉開一齣喜劇序幕 光越來越遠 越來越遠 漆黑的幕章 壓力愈來愈大 愈來愈高大 愈來愈冷 冷。 瘋狂的舞蹈者 沒有氧氣 依舊不願張嘴吐一顆泡泡 瘋
Thumbnail
奏樂 平靜的表面下 冥冥大海 不斷向下墜落 墜落。 氧氣一點點消耗 閉氣! 閉氣。 滑譏的踢著水 揮著臂 拉開一齣喜劇序幕 光越來越遠 越來越遠 漆黑的幕章 壓力愈來愈大 愈來愈高大 愈來愈冷 冷。 瘋狂的舞蹈者 沒有氧氣 依舊不願張嘴吐一顆泡泡 瘋
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News