Motion Graphic 彈跳效果

閱讀時間約 2 分鐘

在 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


JAN1 動畫實驗室,專業創造角色IP,包括動畫、漫畫、遊戲等不同領域。我們致力於創造有趣、充滿魅力的角色,並透過精湛的技藝,將這些角色帶入不同的媒體平台,打造出具有廣泛影響力的IP。 https://www.jan1lab.com/
留言0
查看全部
發表第一個留言支持創作者!
JAN1 LAB 動畫實驗室 的其他內容
Adobe After Effects 中,LoopOut 是一個非常有用的表達式,用於創建層屬性(如位置、旋轉、透明度等)的循環動畫。這個表達式可以幫助設計師自動重複一段關鍵幀動畫,而不需要手動複製和粘貼這些幀。 指令基本樣式 loopIn(type="cycle", numKeyfram
wiggle是一個非常有用的表達式,用於給層的屬性添加隨機抖動效果。這個表達式特別適合於創建自然、隨機的運動,例如攝像機的手持效果、文字的抖動、或者任何需要不規則運動的場景。
AI故事館NFT奇幻世界是一個完美結合了科技、藝術和故事的新領域。每個NFT代表著一個獨特的夢境,等待著讀者進入,一同編寫屬於自己的奇幻童話。在未來,AI故事館將為每個主題開發完整的視聽故事,結合聲音、視覺效果和音樂,帶來更豐富、更情感豐富的冒險體驗。想要體驗更多嗎?歡迎參觀原始貼文獲取更多詳情。
Adobe After Effects 中,LoopOut 是一個非常有用的表達式,用於創建層屬性(如位置、旋轉、透明度等)的循環動畫。這個表達式可以幫助設計師自動重複一段關鍵幀動畫,而不需要手動複製和粘貼這些幀。 指令基本樣式 loopIn(type="cycle", numKeyfram
wiggle是一個非常有用的表達式,用於給層的屬性添加隨機抖動效果。這個表達式特別適合於創建自然、隨機的運動,例如攝像機的手持效果、文字的抖動、或者任何需要不規則運動的場景。
AI故事館NFT奇幻世界是一個完美結合了科技、藝術和故事的新領域。每個NFT代表著一個獨特的夢境,等待著讀者進入,一同編寫屬於自己的奇幻童話。在未來,AI故事館將為每個主題開發完整的視聽故事,結合聲音、視覺效果和音樂,帶來更豐富、更情感豐富的冒險體驗。想要體驗更多嗎?歡迎參觀原始貼文獲取更多詳情。
你可能也想看
Thumbnail
八十-二十法則提到,在多數生活的現象中,約80%的效果是來自於20%的原因,除了經濟學、學習理論外,這個法則同樣也可以應用在生活中的幸福感上。 我們需要認知到擁有的越多不一定會越快樂,反而有可能會因為無法專注在少數事物上而產生空虛、迷茫的感覺。「極簡」精神最重要的一點在於放下對於「多」的執著,將有
Thumbnail
1.加權指數與櫃買指數 週五的加權指數在非農就業數據開出來後,雖稍微低於預期,但指數仍向上噴出,在美股開盤後於21500形成一個爆量假突破後急轉直下,就一路收至最低。 台股方面走勢需觀察週一在斷頭潮出現後,週二或週三開始有無買單進場支撐,在沒有明確的反轉訊號形成前,小夥伴盡量不要貿然抄底,或是追空
Thumbnail
近期的「貼文發佈流程 & 版型大更新」功能大家使用了嗎? 新版式整體視覺上「更加凸顯圖片」,為了搭配這次的更新,我們推出首次貼文策展 ❤️ 使用貼文功能並完成這次的指定任務,還有機會獲得富士即可拍,讓你的美好回憶都可以用即可拍珍藏!
Thumbnail
Motion Graphics 是現代企業宣傳不可或缺的一部分。它結合了平面設計和動態效果,將靜態圖像賦予生動效果。本文將介紹 Motion Graphics 的優勢、應用和製作流程。
Thumbnail
Motion control(運動控制)是一種在影視製作中使用的高階技術,透過控制例如機械手臂、機器人之類的機械設備,達到精確移動攝影機或其他器材的目的,來實現特定的運動和動作效果。
Thumbnail
STAR TREK(星艦)的ORIGINAL(原初系列)電影版I~VI集,共拍了六集。 基本上延續電視版的設定,而且劇情連貫,換言之,有點類似大型的電視劇,但有很大的不同是...貫穿了六集的最大主題,是James T. Kirk和 Spock的愛(信任)的故事!
Thumbnail
School of Motion 是一個專門為動畫設計愛好者提供教育資源的公司,主要服務英語客群,他們提供許多線上課程,從入門到進階的專業級別,也涵蓋動態設計領域不同的主題,例如 After Effects、動畫表達式語法、插畫、視覺特效等等。School of Motion 的課程還提供了獨特的
Thumbnail
每個瑣碎的集合,就是人生。
Thumbnail
網路世代閱聽人越來越聰明也越來越挑剔,一般的廣告內容經常被忽略或過濾,對於品牌端而言,如何打破現有桎梏提升民眾消費意願成為一大挑戰! 為了解決行銷瓶頸,全球頂尖媒體投資集團群邑其中的Motion Content Group針對品牌銷售痛點,透過投資內容行業,開發全新娛樂行銷商業模式。
Thumbnail
SpaceTypeGenerator 是由一位巴爾的摩的設計師兼教育家 Kiel D. Mutschelknaus 利用程式碼所創造的線上文字動態平台,讓你可以輕易地透過滑桿跟參數設定,在線上創造出豐富的文字動態。
Thumbnail
嘗試每天用部份時間慢活一下,你會感到身心有所改變,慢活已經可以彌補所有一砌! 如想繼續收看或閱讀其他撰文,請 "Like & Share" 這版及 【Facebook 專頁: 論盡生活哲學 Life Of Exhaustion】
Thumbnail
文/蘇亭安、謝宜求 圖/ JL DESIGN 提供   JL DESIGN,台灣第一家動態影像設計公司,帶動台灣「Motion Graphics(動態圖像設計)」產業的發展,創辦人羅申駿曾多次帶領團隊操刀金曲獎的主視覺,並且擔任今年金曲 30 的典禮視覺統籌,同時也負責製作即將於 11
Thumbnail
八十-二十法則提到,在多數生活的現象中,約80%的效果是來自於20%的原因,除了經濟學、學習理論外,這個法則同樣也可以應用在生活中的幸福感上。 我們需要認知到擁有的越多不一定會越快樂,反而有可能會因為無法專注在少數事物上而產生空虛、迷茫的感覺。「極簡」精神最重要的一點在於放下對於「多」的執著,將有
Thumbnail
1.加權指數與櫃買指數 週五的加權指數在非農就業數據開出來後,雖稍微低於預期,但指數仍向上噴出,在美股開盤後於21500形成一個爆量假突破後急轉直下,就一路收至最低。 台股方面走勢需觀察週一在斷頭潮出現後,週二或週三開始有無買單進場支撐,在沒有明確的反轉訊號形成前,小夥伴盡量不要貿然抄底,或是追空
Thumbnail
近期的「貼文發佈流程 & 版型大更新」功能大家使用了嗎? 新版式整體視覺上「更加凸顯圖片」,為了搭配這次的更新,我們推出首次貼文策展 ❤️ 使用貼文功能並完成這次的指定任務,還有機會獲得富士即可拍,讓你的美好回憶都可以用即可拍珍藏!
Thumbnail
Motion Graphics 是現代企業宣傳不可或缺的一部分。它結合了平面設計和動態效果,將靜態圖像賦予生動效果。本文將介紹 Motion Graphics 的優勢、應用和製作流程。
Thumbnail
Motion control(運動控制)是一種在影視製作中使用的高階技術,透過控制例如機械手臂、機器人之類的機械設備,達到精確移動攝影機或其他器材的目的,來實現特定的運動和動作效果。
Thumbnail
STAR TREK(星艦)的ORIGINAL(原初系列)電影版I~VI集,共拍了六集。 基本上延續電視版的設定,而且劇情連貫,換言之,有點類似大型的電視劇,但有很大的不同是...貫穿了六集的最大主題,是James T. Kirk和 Spock的愛(信任)的故事!
Thumbnail
School of Motion 是一個專門為動畫設計愛好者提供教育資源的公司,主要服務英語客群,他們提供許多線上課程,從入門到進階的專業級別,也涵蓋動態設計領域不同的主題,例如 After Effects、動畫表達式語法、插畫、視覺特效等等。School of Motion 的課程還提供了獨特的
Thumbnail
每個瑣碎的集合,就是人生。
Thumbnail
網路世代閱聽人越來越聰明也越來越挑剔,一般的廣告內容經常被忽略或過濾,對於品牌端而言,如何打破現有桎梏提升民眾消費意願成為一大挑戰! 為了解決行銷瓶頸,全球頂尖媒體投資集團群邑其中的Motion Content Group針對品牌銷售痛點,透過投資內容行業,開發全新娛樂行銷商業模式。
Thumbnail
SpaceTypeGenerator 是由一位巴爾的摩的設計師兼教育家 Kiel D. Mutschelknaus 利用程式碼所創造的線上文字動態平台,讓你可以輕易地透過滑桿跟參數設定,在線上創造出豐富的文字動態。
Thumbnail
嘗試每天用部份時間慢活一下,你會感到身心有所改變,慢活已經可以彌補所有一砌! 如想繼續收看或閱讀其他撰文,請 "Like & Share" 這版及 【Facebook 專頁: 論盡生活哲學 Life Of Exhaustion】
Thumbnail
文/蘇亭安、謝宜求 圖/ JL DESIGN 提供   JL DESIGN,台灣第一家動態影像設計公司,帶動台灣「Motion Graphics(動態圖像設計)」產業的發展,創辦人羅申駿曾多次帶領團隊操刀金曲獎的主視覺,並且擔任今年金曲 30 的典禮視覺統籌,同時也負責製作即將於 11