在After Effects中使用表達式為圖層添加延遲效果

更新 發佈閱讀 3 分鐘
raw-image

在After Effects使用表達式延遲圖層相對於其父圖層的動作,表達式可根據層的索引相對於其父層的索引來計算延遲時間,並應用到層的位置屬性上。這可以用來創建連續的延遲效果,使每個層根據其索引值產生不同的延遲,形成鏈條效應。


// 設置延遲時間(幀數)
var delay = 5;

// 根據該層的索引相對於父層的索引來計算延遲時間
var multiplyDelay = delay * (index - parent.index);

// 根據延遲時間偏移層的位置
parent.fromComp(toComp(anchorPoint, time - framesToTime(multiplyDelay)));


設置延遲時間:

  • var delay = 5; 設置基本的延遲時間為5幀。你可以根據需要調整這個值以改變延遲的長度。

計算乘法延遲:

  • var multiplyDelay = delay * (index - parent.index); 計算每個層的具體延遲時間。這個公式根據每個層的索引和父層的索引來調整延遲時間,使每個子層相對於其父層產生不同的延遲。
  • index 是當前層的索引。
  • parent.index 是父層的索引。

應用延遲位置:

  • parent.fromComp(toComp(anchorPoint, time - framesToTime(multiplyDelay))); 使用計算出的延遲時間來偏移層的位置。
  • toComp(anchorPoint, time - framesToTime(multiplyDelay)) 將錨點位置轉換到合成空間,在當前時間減去延遲時間後的位置。
  • parent.fromComp(...) 將這個位置轉換回父層的合成空間,實現延遲效果。


raw-image
  1. 選擇要應用表達式的層:
    • 在 After Effects 中選擇你希望添加延遲效果的子層(這些層必須有一個父層)。
  2. 打開位置屬性:
    • 按 P 鍵顯示位置(Position)屬性。
  3. 打開表達式編輯器:
    • 按住 Alt 鍵(Windows)或 Option 鍵(Mac),然後點擊位置屬性旁邊的碼錶圖標,打開表達式編輯器。
  4. 粘貼表達式:
    • 將上述增加索引延遲的表達式粘貼到表達式編輯器中。
  5. 調整參數並預覽動畫:
    • 根據需要調整 delay 的值,然後播放時間軸以檢查延遲效果。

------------------------------------------------------------------------------------

可應用在用途 舉例:

  • 鏈條效果:可以將多個子層設置不同的延遲時間,使它們依次跟隨父層移動,形成一個鏈條效果。
  • 拖尾效果:可以使一個物體在移動時產生拖尾,增加動畫的動態感。
  • 按序運動:可以創建一組物體按順序依次運動的效果,常用於展現物體的連續動作。
raw-image
raw-image
raw-image

這個表達式能幫助你在 After Effects 中創建更加豐富和生動的動畫效果,特別適合需要按順序延遲的場景。希望這些說明對你有所幫助!


原始貼文:https://www.jan1lab.com/blog/jan1-ae-delaying-a-layer-relative

留言
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/09
在 After Effects 中,彈跳效果(Bounce Expression)可以讓層看起來像是受到彈簧或重力的影響,常用於創建自然的運動效果。這些表達式可以應用於位置(Position)、比例(Scale)、透明度(Opacity)等屬性。
Thumbnail
2024/07/09
在 After Effects 中,彈跳效果(Bounce Expression)可以讓層看起來像是受到彈簧或重力的影響,常用於創建自然的運動效果。這些表達式可以應用於位置(Position)、比例(Scale)、透明度(Opacity)等屬性。
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
在這一章中,我們介紹了 CSS 的過渡效果和動畫效果。過渡效果使 CSS 屬性的變化更加平滑,而動畫效果則允許我們更精細地控制元素的多個屬性隨時間變化的過程。我們通過基本語法和示例展示了如何使用這些效果,並提供了一個綜合應用的實踐案例來幫助理解。這些技術可以讓你的網頁更具互動性和動態效果。
Thumbnail
在這一章中,我們介紹了 CSS 的過渡效果和動畫效果。過渡效果使 CSS 屬性的變化更加平滑,而動畫效果則允許我們更精細地控制元素的多個屬性隨時間變化的過程。我們通過基本語法和示例展示了如何使用這些效果,並提供了一個綜合應用的實踐案例來幫助理解。這些技術可以讓你的網頁更具互動性和動態效果。
Thumbnail
本文介紹了在After Effects中使用表達式為圖層添加延遲效果的方法,通過根據層的索引相對於其父層的索引來計算延遲時間,並應用到層的位置屬性上,可以創建連續的延遲效果,使每個層根據其索引值產生不同的延遲,形成鏈條效應。
Thumbnail
本文介紹了在After Effects中使用表達式為圖層添加延遲效果的方法,通過根據層的索引相對於其父層的索引來計算延遲時間,並應用到層的位置屬性上,可以創建連續的延遲效果,使每個層根據其索引值產生不同的延遲,形成鏈條效應。
Thumbnail
介紹不同的渲染技術和軟體應用,包括戲劇性對比度、虛幻引擎、OC渲染、建築渲染、V射線、3D渲染、PBR等,讓您深入瞭解這些技術對於創造視覺吸引力和真實感的重要性。
Thumbnail
介紹不同的渲染技術和軟體應用,包括戲劇性對比度、虛幻引擎、OC渲染、建築渲染、V射線、3D渲染、PBR等,讓您深入瞭解這些技術對於創造視覺吸引力和真實感的重要性。
Thumbnail
Adobe After Effects 中,LoopOut 是一個非常有用的表達式,用於創建層屬性(如位置、旋轉、透明度等)的循環動畫。這個表達式可以幫助設計師自動重複一段關鍵幀動畫,而不需要手動複製和粘貼這些幀。 指令基本樣式 loopIn(type="cycle", numKeyfram
Thumbnail
Adobe After Effects 中,LoopOut 是一個非常有用的表達式,用於創建層屬性(如位置、旋轉、透明度等)的循環動畫。這個表達式可以幫助設計師自動重複一段關鍵幀動畫,而不需要手動複製和粘貼這些幀。 指令基本樣式 loopIn(type="cycle", numKeyfram
Thumbnail
Ae 小技巧:Mask path 轉成形狀路徑 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
Ae 小技巧:Mask path 轉成形狀路徑 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
Ae 小技巧:宣紙噪點+抽幀效果 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
Ae 小技巧:宣紙噪點+抽幀效果 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
Ae 小技巧:Adjustment Layer 調整圖層 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
Ae 小技巧:Adjustment Layer 調整圖層 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
Ae 小技巧:Echo 殘影 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
Thumbnail
Ae 小技巧:Echo 殘影 動態後記系列會記錄一些我在製作中的記錄,可能是分解動畫、小技巧、發想、腳本......等等。 每篇都是小短篇,就是補充用的小筆記,沒有前後順序,可跳著閱讀。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News