當前位置:首頁 >教程首頁 > After Effects >AE表達式製作手表指針動畫

AE表達式製作手表指針動畫

發布時間:2018-11-17 19:57:24
  這篇教程教大家使用AE表達式製作手表指針動畫,教程製作出來的動畫效果還挺不錯的,動畫也很流暢,這個教程給沒有接觸過表達式的朋友開一個頭,是該學習一下表達式的時候啦,哈哈!好了先來看看效果圖:


  素材準備

  首先在PS中繪製好素材圖片,這是基本功,這裏不再贅述,大家可以各顯神通做出自己滿意的圖片。

  在將psd文件導入AE之前,為了使AE內的層級結構更簡單我們可以先對psd文件的圖層進行處理,減少層級結構,合並與動畫動作無關的圖層,去除多餘畫布空間。

  整理前:


  整理後:


  動畫前期處理

  ctrl+I導入psd文件,按照以下設置導入,保留最大圖層可編輯性和圖層結構


  這樣我們就可以得到如下一個AE合成


  可以在項目窗口預覽到


  大家或許都已經注意到合成窗口裏有一個沒有顯示的"bg"圖層,這裏其實是一個小小的"trick"。因為我們要做的是表針旋轉的動畫,而旋轉屬性很重要的一個參數就是"Anchor Point",錨定點屬性。在AE中,對於表針這樣形態的圖層,我們很難將它的錨定點精確定位在表盤中央,就無法繞著表盤的中心點自然旋轉。所以我準備了一個和表盤同樣大小的圓並且和表盤重合,這樣,如果如果我們將表針和這個圓合並,利用AE的對齊功能,我們可以輕鬆將表針和圓組成的合成的錨定點定位在表盤中心,在製作動畫時隱藏掉"bg"圖層,即可。

  AE的對齊選項


  表盤定位示意圖


  AE中,我們可以ctrl+D複製該"bg"層,分別ctrl+shift+C與shi'z時針、分鍾和秒針創建預合成。


  舉例,"second"合成的內部結構:


  創建表達式動畫

  在AE中我們可以創建一個"Null"圖層來作為動畫的控製層,為它添加效果-表達式控製-角度控製控製,效果-表達式控製-滑塊控製,來分別控製表針的角度和不透明度。


  大家可以看到滑塊和角度的數值都為紅色,那是因為我們為這兩個屬性添加了表達式控製,方法為:按住Alt鍵,點擊屬性前的秒表圖標。

  為滑塊和角度分別添加如下表達式:


  這裏補充下AE表達式控製插值方法的基礎知識:

  線性插值linear(t, t_min, t_max, value1, value2)

  緩動插值ease(t, t_min, t_max, value1, value2)(類似關鍵幀輔助的F9) 緩入、緩出 ease_in(...), ease_out(...)理解起來很簡單,這裏的角度控製表達式ease(time,0,3,0,720)可以解讀為"time(時間)屬性在0到3秒的變化過程中,角度屬性發生發生0到720°的緩動變化",即"0到3秒旋轉720°,有緩動效果"。

  這裏滑塊的控製表達式是通過


  綁定(按住該圖標拖動到角度文本標簽上即可)"角度"得到的,我對該值除以360,再乘上100,即表達了在旋轉一圈360°的過程中,不透明度對應增加到100%。

  然後,我們隻需要分別將各表針的旋轉、不透明度屬性分別綁定該控製層角度和滑塊屬性即可。


  為了將表針的速度區分開,我將"minute" 和"hour"層的旋轉屬性控製表達式都做了倍數縮小處理。

  導出

  ctrl+M,render
华体会hth体育网 賞析
  • 2101期學員李思庭作品

    2101期學員李思庭作品

  • 2104期學員林雪茹作品

    2104期學員林雪茹作品

  • 2107期學員趙淩作品

    2107期學員趙淩作品

  • 2107期學員趙燃作品

    2107期學員趙燃作品

  • 2106期學員徐正浩作品

    2106期學員徐正浩作品

  • 2106期學員弓莉作品

    2106期學員弓莉作品

  • 2105期學員白羽新作品

    2105期學員白羽新作品

  • 2107期學員王佳蕊作品

    2107期學員王佳蕊作品

專業問題谘詢

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

微信掃碼入群領福利

掃碼領福利最新AI資訊

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

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

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

×

同學您好!

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