Adobe After Effects 父子階層的進階表達式應用

更新 發佈閱讀 4 分鐘

在 Adobe After Effects 的動態設計中,「父子階層(Parenting)」是建立物件關聯最快的方式。然而,預設的繼承關係有時會限制創作——例如我們希望子層跟隨移動,卻不希望它跟著變形。

本文將解析三段實用的表達式,幫助你打破預設限制,掌握更高級的動態控制技巧。

raw-image

抵消父層縮放(Counter-Scale)

應用場景:當父層放大時,子層會被迫跟著放大。使用此腳本可以讓子層在視覺上永遠保持原始比例。

s = []; 
ps = parent.transform.scale.value;
for (i = 0; i < ps.length; i++){
s[i] = value[i] * 100 / ps[i];
}
s
raw-image
  • 透過迴圈計算「補償率」:如果父層放大為 200%,子層則自動縮小為 50%(100/200)。
  • 結果: 無論父層如何縮放,子層的大小在畫面上始終維持不變。

縮放驅動的非線性關聯)

應用場景: 讓「縮放」屬性去影響「旋轉」或其他屬性,並透過數學運算強化動態的層次感。

1. 線性關聯

raw-image

p = parent.transform.scale[0] / 100;
f = Math.pow(p, 1); value * f;

raw-image
  • 此段將父層的 X 軸縮放轉換為一個係數。當父層為 100% 時,係數為 1;當父層為 200% 時,子層數值翻倍。


2. 非線性加權(進階版)

raw-image

p = parent.transform.scale[0] / 100;
f = Math.pow(p, 1.7);
value + parent.transform.rotation * f;

raw-image
  • 解析: 這裡使用了 Math.pow(p, 1.7)。這是一個指數函數,會讓「縮放」對「旋轉」的影響力呈現「非線性」增長。
  • 結果: 父層放大時,子層產生的旋轉偏移會比線性增加得更快,適合製作具有誇張感、物理加速度感的動態。

時間延遲跟隨(Temporal Delay)

應用場景: 製作如擺錘、尾巴或軟體的動態感。

delay = -0.3; // 延遲時間(秒)
if (!parent){
value;
} else {
pNow = parent.transform.rotation;
pDelay = parent.transform.rotation.valueAtTime(time - delay);
value + (pDelay - pNow);
}

raw-image

解析: * 腳本會去抓取父層「現在」與「過去某個時間點」的數值差異。

  • valueAtTime 是 AE 表達式中最強大的函數之一,它讓物件能「讀取過去」。


進階觀念:.rotation.scale.value 有什麼區別?

在撰寫表達式時,理解這兩者的差異能避免報錯:

1.parent.transform.rotation (屬性對象):

raw-image
  • 這指向的是整個「旋轉屬性」。
  • 優點: 它可以接續方法,例如 .valueAtTime().velocity
  • 用法: 當你需要計算「時間偏移」或「速度」時使用。



2.parent.transform.scale.value (數值結果):

raw-image
  • 這指向的是該屬性在當前時間點產出的「具體數字」或「陣列」。
  • 優點: 它直接是一個數學數值。
  • 用法: 當你需要進行加減乘除數學運算時,加上 .value 能確保你操作的是數字而非屬性對象。


如果喜歡這則文而對你有幫助到你的話,點擊連結歡迎贊助我一杯咖啡:)
https://ko-fi.com/jan1lab

原始貼文:https://www.jan1lab.com/animation-blog/father-son-hierarchy

留言
avatar-img
JAN1 LAB 動畫實驗室
8會員
13內容數
JAN1 動畫實驗室,專業創造角色IP,包括動畫、漫畫、遊戲等不同領域。我們致力於創造有趣、充滿魅力的角色,並透過精湛的技藝,將這些角色帶入不同的媒體平台,打造出具有廣泛影響力的IP。 https://www.jan1lab.com/
2025/07/16
你你動畫做完、keyframe 都下了,但總覺得畫面「有動但僵硬的感覺」?那你該打開的是Graph Editor,不是新特效。 🚦 為什麼你需要 Graph Editor? 因為關鍵影格只決定「從哪裡到哪裡」,但動畫的自然流動感,其實取決於中間曲線。 舉個例子: 『一顆球從左到右移動,如果
Thumbnail
2025/07/16
你你動畫做完、keyframe 都下了,但總覺得畫面「有動但僵硬的感覺」?那你該打開的是Graph Editor,不是新特效。 🚦 為什麼你需要 Graph Editor? 因為關鍵影格只決定「從哪裡到哪裡」,但動畫的自然流動感,其實取決於中間曲線。 舉個例子: 『一顆球從左到右移動,如果
Thumbnail
2025/06/02
學習如何使用 After Effects 內建特效 Gaussian Blur 和 Simple Choker,搭配 Wiggle 和 Proximity 表達式,輕鬆做出擬真的液態動畫效果。教學步驟清晰,包含詳細參數設定與顏色轉換技巧,讓你快速上手!
Thumbnail
2025/06/02
學習如何使用 After Effects 內建特效 Gaussian Blur 和 Simple Choker,搭配 Wiggle 和 Proximity 表達式,輕鬆做出擬真的液態動畫效果。教學步驟清晰,包含詳細參數設定與顏色轉換技巧,讓你快速上手!
Thumbnail
2025/06/01
學會使用 After Effects 表達式,輕鬆創造畫面震動效果,營造震撼的影視氛圍。文章提供震動表達式程式碼、使用方法及應用技巧,讓你的影片製作更上一層樓。
Thumbnail
2025/06/01
學會使用 After Effects 表達式,輕鬆創造畫面震動效果,營造震撼的影視氛圍。文章提供震動表達式程式碼、使用方法及應用技巧,讓你的影片製作更上一層樓。
Thumbnail
看更多
你可能也想看
Thumbnail
在 vocus 與你一起探索內容、發掘靈感的路上,我們又將啟動新的冒險——vocus App 正式推出! 現在起,你可以在 iOS App Store 下載全新上架的 vocus App。 無論是在通勤路上、日常空檔,或一天結束後的放鬆時刻,都能自在沈浸在內容宇宙中。
Thumbnail
在 vocus 與你一起探索內容、發掘靈感的路上,我們又將啟動新的冒險——vocus App 正式推出! 現在起,你可以在 iOS App Store 下載全新上架的 vocus App。 無論是在通勤路上、日常空檔,或一天結束後的放鬆時刻,都能自在沈浸在內容宇宙中。
Thumbnail
市場經驗拉長之後,很多投資人都會遇到同一個問題:不是方向看錯,而是部位太集中個股,常常跟大趨勢脫節。 早年的台股環境,中小股非常吃香,反而權值股不動,但QE量化寬鬆後,特別是疫情之後,後疫情時代,鈔票大量在股市走動,這些大資金只能往權值股走,因此早年小P的策略偏向中小型個股,但近年AI興起,高技術
Thumbnail
市場經驗拉長之後,很多投資人都會遇到同一個問題:不是方向看錯,而是部位太集中個股,常常跟大趨勢脫節。 早年的台股環境,中小股非常吃香,反而權值股不動,但QE量化寬鬆後,特別是疫情之後,後疫情時代,鈔票大量在股市走動,這些大資金只能往權值股走,因此早年小P的策略偏向中小型個股,但近年AI興起,高技術
Thumbnail
vocus 慶祝推出 App,舉辦 2026 全站慶。推出精選內容與數位商品折扣,訂單免費與紅包抽獎、新註冊會員專屬活動、Boba Boost 贊助抽紅包,以及全站徵文,並邀請你一起來回顧過去的一年, vocus 與創作者共同留下了哪些精彩創作。
Thumbnail
vocus 慶祝推出 App,舉辦 2026 全站慶。推出精選內容與數位商品折扣,訂單免費與紅包抽獎、新註冊會員專屬活動、Boba Boost 贊助抽紅包,以及全站徵文,並邀請你一起來回顧過去的一年, vocus 與創作者共同留下了哪些精彩創作。
Thumbnail
根據研究94% 的新年目標在二月前就宣告失敗。問題不在於意志力,而是不了解大腦運作機制。本文告訴你成功的 6% 如何運用科學策略達成目標:避開模糊目標陷阱的「具體法則」、快速決策的「0~10 原則」、破除「等完美時機」迷思,以及用「骨牌效應」在 30 天內建立習慣。協助你突破慣性,實現持久的自我成長
Thumbnail
根據研究94% 的新年目標在二月前就宣告失敗。問題不在於意志力,而是不了解大腦運作機制。本文告訴你成功的 6% 如何運用科學策略達成目標:避開模糊目標陷阱的「具體法則」、快速決策的「0~10 原則」、破除「等完美時機」迷思,以及用「骨牌效應」在 30 天內建立習慣。協助你突破慣性,實現持久的自我成長
Thumbnail
數學之於管精儀來說,一直是他的精神糧食。也因此,阿哲那些自己對數學、物理、化學、工程上的自我見解一直深深烙印在管精儀的腦中。而這一刻,黃金比例的故事也在他腦中盤旋。他試著將自己的心算化入精神力載子,這是他過去所沒做過的事情,因為數學與其他學科不同,它是唯一可以跟上帝或者我們所謂的神對話的語言。它有太
Thumbnail
數學之於管精儀來說,一直是他的精神糧食。也因此,阿哲那些自己對數學、物理、化學、工程上的自我見解一直深深烙印在管精儀的腦中。而這一刻,黃金比例的故事也在他腦中盤旋。他試著將自己的心算化入精神力載子,這是他過去所沒做過的事情,因為數學與其他學科不同,它是唯一可以跟上帝或者我們所謂的神對話的語言。它有太
Thumbnail
本篇文章深入探討「決策疲勞」對生活效率的影響, 解釋為何你每天感到疲憊卻沒完成任何事。 透過心理學觀點分析日常中看似微小但密集的選擇如何消耗意志力, 並提供3個實用策略:固定小選擇、限制選項、排程決策。 幫助你從決策內耗中解脫,重建專注與效率。
Thumbnail
本篇文章深入探討「決策疲勞」對生活效率的影響, 解釋為何你每天感到疲憊卻沒完成任何事。 透過心理學觀點分析日常中看似微小但密集的選擇如何消耗意志力, 並提供3個實用策略:固定小選擇、限制選項、排程決策。 幫助你從決策內耗中解脫,重建專注與效率。
Thumbnail
這篇文章探討了一個語言學習App的商業策略調整,分析了限制免費用戶學習單元以提升付費率的方案是否可行。文中透過數據推演比較了新舊策略下的總營收變化,並深入分析了DAU下降、新客獲取、轉換誘因、用戶體驗等多個角度的潛在風險與長期影響。
Thumbnail
這篇文章探討了一個語言學習App的商業策略調整,分析了限制免費用戶學習單元以提升付費率的方案是否可行。文中透過數據推演比較了新舊策略下的總營收變化,並深入分析了DAU下降、新客獲取、轉換誘因、用戶體驗等多個角度的潛在風險與長期影響。
Thumbnail
你知道《風之谷》《阿基拉》《第五元素》的共同祖師爺是誰嗎?一位沒有動畫代表作、卻重塑整個動畫美學的人:Moebius。這篇文不是介紹他,而是邀你一起迷路——走進那個我們早已住在其中、卻從未發現的未來幻境。
Thumbnail
你知道《風之谷》《阿基拉》《第五元素》的共同祖師爺是誰嗎?一位沒有動畫代表作、卻重塑整個動畫美學的人:Moebius。這篇文不是介紹他,而是邀你一起迷路——走進那個我們早已住在其中、卻從未發現的未來幻境。
Thumbnail
這篇文章探討行動研究中的三種取向:科學技術取向、實務道德取向和解放/批判取向,並說明不同取向的研究主體、研究方法和研究目標。
Thumbnail
這篇文章探討行動研究中的三種取向:科學技術取向、實務道德取向和解放/批判取向,並說明不同取向的研究主體、研究方法和研究目標。
Thumbnail
樹是資料結構中的核心概念,尤其是當數據量龐大時,選擇適當的樹結構能顯著提升查找和管理效率。本文深入探討了B樹、B+樹、AVL樹及紅黑樹的特性、操作方法及其廣泛應用,並強調選擇自平衡樹的必要性,以確保資料讀取的快速與精確。本文也鼓勵讀者通過動畫學習以便更好地理解這些複雜的樹結構。
Thumbnail
樹是資料結構中的核心概念,尤其是當數據量龐大時,選擇適當的樹結構能顯著提升查找和管理效率。本文深入探討了B樹、B+樹、AVL樹及紅黑樹的特性、操作方法及其廣泛應用,並強調選擇自平衡樹的必要性,以確保資料讀取的快速與精確。本文也鼓勵讀者通過動畫學習以便更好地理解這些複雜的樹結構。
Thumbnail
隨著職場經驗的累積,你或許在專業領域中取得了不錯的成就,收入也逐漸穩定。但無論多努力工作,你可能會發現薪水的增長始終有限。這時你可能會思考:單靠薪水真的能實現長期的財務安全嗎?答案是,想要實現財富增長,不能只依賴薪水,而必須掌握如何進行資產配置,從而獲得被動收入。
Thumbnail
隨著職場經驗的累積,你或許在專業領域中取得了不錯的成就,收入也逐漸穩定。但無論多努力工作,你可能會發現薪水的增長始終有限。這時你可能會思考:單靠薪水真的能實現長期的財務安全嗎?答案是,想要實現財富增長,不能只依賴薪水,而必須掌握如何進行資產配置,從而獲得被動收入。
Thumbnail
一個簡單的問題是:「用來實現被動投資與指數化投資的ETF,它到底是什麼?」是股票嗎?大家一起買就會上漲嗎?許多散戶投資人常常搞不清楚,有些股市新手甚至擔心買S&P 500的VOO 或台灣五十的0050,會不會幫他人抬轎?讓它們的價格一直上漲。
Thumbnail
一個簡單的問題是:「用來實現被動投資與指數化投資的ETF,它到底是什麼?」是股票嗎?大家一起買就會上漲嗎?許多散戶投資人常常搞不清楚,有些股市新手甚至擔心買S&P 500的VOO 或台灣五十的0050,會不會幫他人抬轎?讓它們的價格一直上漲。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News