vocus logo

方格子 vocus

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
JAN1 LAB 動畫實驗室
8會員
13內容數
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
柏林劇團在 2026 北藝嚴選,再次帶來由布萊希特改編的經典劇目《三便士歌劇》(The Threepenny Opera),導演巴里・柯斯基以舞台結構與舞台調度,重新向「疏離」進行提問。本文將從觀眾慾望作為戲劇內核,藉由沉浸與疏離的辯證,解析此作如何再次照見觀眾自身的位置。
Thumbnail
柏林劇團在 2026 北藝嚴選,再次帶來由布萊希特改編的經典劇目《三便士歌劇》(The Threepenny Opera),導演巴里・柯斯基以舞台結構與舞台調度,重新向「疏離」進行提問。本文將從觀眾慾望作為戲劇內核,藉由沉浸與疏離的辯證,解析此作如何再次照見觀眾自身的位置。
Thumbnail
本文深入解析臺灣劇團「晃晃跨幅町」對易卜生經典劇作《海妲.蓋柏樂》的詮釋,從劇本歷史、聲響與舞臺設計,到演員的主體創作方法,探討此版本如何讓經典劇作在當代劇場語境下煥發新生,滿足現代觀眾的觀看慾望。
Thumbnail
本文深入解析臺灣劇團「晃晃跨幅町」對易卜生經典劇作《海妲.蓋柏樂》的詮釋,從劇本歷史、聲響與舞臺設計,到演員的主體創作方法,探討此版本如何讓經典劇作在當代劇場語境下煥發新生,滿足現代觀眾的觀看慾望。
Thumbnail
《轉轉生》為奈及利亞編舞家庫德斯.奧尼奎庫與 Q 舞團創作的當代舞蹈作品,融合舞蹈、音樂、時尚和視覺藝術,透過身體、服裝與群舞結構,回應殖民歷史、城市經驗與祖靈記憶的交錯。本文將從服裝設計、身體語彙與「輪迴」的「誕生—死亡—重生」結構出發,分析《轉轉生》如何以當代目光,形塑去殖民視角的奈及利亞歷史。
Thumbnail
《轉轉生》為奈及利亞編舞家庫德斯.奧尼奎庫與 Q 舞團創作的當代舞蹈作品,融合舞蹈、音樂、時尚和視覺藝術,透過身體、服裝與群舞結構,回應殖民歷史、城市經驗與祖靈記憶的交錯。本文將從服裝設計、身體語彙與「輪迴」的「誕生—死亡—重生」結構出發,分析《轉轉生》如何以當代目光,形塑去殖民視角的奈及利亞歷史。
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
當我靠近、盯著伴時,我聯想到看過的舞蹈片段:舞者模仿動物、模仿海流樹木、模仿大自然、模仿情緒、演出情緒、表達情緒。我覺得我像雙人舞中的一半,透過身體傳達情緒給玩伴,讓她接續著表演,如此輪替、交織,形成一個整體。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News