當前位置:首頁 >教程首頁 > After Effects >解讀AE表達式 讓你的動效6得飛起來!

解讀AE表達式 讓你的動效6得飛起來!

發布時間:2019-06-12 13:30:10

日常工作中,在AE裏用上表達式,能輕鬆實現很多複雜且出彩的動效,但是AE表達式是很多人麵臨的一道難關,因為涉及到代碼知識,讓人望而卻步。本篇文章將會帶領大家走進AE表達式的世界,解讀AE表達式,讓你不光看懂,還能手寫AE表達式,讓你的動效6得飛起來!

一.什麼是AE表達式?

AE表達式是AE內部基於javascript語言開發的代碼,針對AE裏可做動畫的屬性添加。

二.怎麼添加AE表達式?

1. 按住ALT鍵,單擊屬性前的碼表

1.webp.jpg

2. 出現表達式編輯麵板,在編輯麵板裏輸入要添加的表達式代碼

2.webp.jpg

三.常用的表達式

1. wiggle擺動表達式

wiggle表達式,實現物體隨機擺動效果

寫法: wiggle(頻率,振幅)

解釋: 頻率--指的是每秒抖動的次數

       振幅--指的是抖動的像素幅度

舉例: wiggle(5,50)代表著物體每秒抖動5次,每次抖動50個像素單位

案例演示:

在位置屬性,加入表達式

3.webp.jpg

效果展示:

4.gif

2. time時間表達式

time表達式,用來獲取時間的值,以24幀/秒的幀速率為例,如果時間指針走到第2幀,那麼time的值為2÷24≈0.1;到第24幀的時候,time的值為24÷24=1;

寫法: time*n

解釋:n指的是time乘的倍數

舉例:time*300 代表著當前時間的300倍

案例演示:

在旋轉屬性,加入表達式,當時間指針走到第10幀的時候,time為10÷24=0.416,0.416*300≈125;如下圖所示

5.webp.jpg

效果展示:

6.gif

因為time值是一直在變化的,所以旋轉會一直持續。

3. random隨機表達式

random表達式,能夠實現隨機變化的效果,random隨機函數,執行random(),可以得到0~1之間的一個隨機數,利用隨機數,可以做出各種隨機的動畫效果

寫法: random()*n(注:random表達式裏的參數較多,這裏不做深入介紹)

解釋: n指的是ranom乘的倍數

舉例: random()*100 代表隨機數的100倍

案例演示:

在不透明度屬性,加入表達式

7.webp.jpg

效果展示:

8.gif

加入表達式後,不透明度的值隨機變化,會出現隨機閃爍效果。

4. loopOut循環表達式

loopOut表達式,可以實現無限循環效果,如果我們需要某個效果一直重複,不需要重複多次做關鍵幀,隻需要做好一個來回的關鍵幀,再添加loopOut()函數即可解決。

寫法: loopOut()

案例演示: 做一個循環縮放的動效

a. 打開縮放屬性,在時間軸上,做三個關鍵幀

起始幀:縮放值為0%;

中間幀:縮放值為100%;

結束幀:縮放值為0%;

如下圖所示:

9.webp.jpg

b. 添加表達式

10.webp.jpg

效果展示:

11.gif

大家今天的幹貨教程雖然是以最簡單的效果進行展示,但是大家要注意不管多麼複雜炫酷的效果,其實都是有簡單效果組合而成。

希望可以幫到你!

作者: 劉勝喜

來源:UI設計師之家

华体会hth体育网 賞析
  • 2101期學員李思庭作品

    2101期學員李思庭作品

  • 2104期學員林雪茹作品

    2104期學員林雪茹作品

  • 2107期學員趙淩作品

    2107期學員趙淩作品

  • 2107期學員趙燃作品

    2107期學員趙燃作品

  • 2106期學員徐正浩作品

    2106期學員徐正浩作品

  • 2106期學員弓莉作品

    2106期學員弓莉作品

  • 2105期學員白羽新作品

    2105期學員白羽新作品

  • 2107期學員王佳蕊作品

    2107期學員王佳蕊作品

專業問題谘詢

你擔心的問題,火星幫你解答

微信掃碼入群領福利

掃碼領福利最新AI資訊

點擊谘詢
添加老師微信,馬上領取免費課程資源

1. 打開微信掃一掃,掃描左側二維碼

2. 添加老師微信,馬上領取免費課程資源

×

同學您好!

您已成功報名0元試學活動,老師會在第一時間與您取得聯係,請保持電話暢通!
確定