AE 軟件中用表達式實現“萬花筒”動畫效果

趙新春

摘 要：AE中表達式語法繼承了Javascript語法，好學易用，運用AE表達式控制可以輕松實現用復雜的關鍵幀才能編輯出的動畫，也可簡單的表現出圖層間的鏈接關系，使動畫表現出更豐富多彩的效果。本實例制作中運用表達式語句控制，并多次用到合成嵌套、空對象、蒙板遮罩技術，以上技術的綜合、合理運用均為成功的完成本動畫制作提供可靠保證。

關鍵詞：合成嵌套；表達式；空對象；蒙版；slider和Angle控制器

1 前言

AE軟件中的表達式控制功能卻被很多使用者忽略，當制作者要在作品中表現出圖層之間的動態鏈接、使用表達式語句解決復雜的關鍵幀才能解決的動畫時，AE表達式還是一個很好的選擇。下面筆者就用AE中的表達式控制的方法來實現一個復雜的“萬花筒”動畫的制作過程。

2 萬花筒動畫技術實現

（1）創建一個合成并名稱為base，時長為15秒，為合成設置背景顏色為深藍色，其中設置合成背景顏色的方法為選中base合成，Composition>Background Color。

（2）導入素材。在項目窗口中，雙擊鼠標左鍵或點擊右鍵選擇導入—文件選項，導入所需素材，本例中導入logo.png及circle.png圖片，作為萬花筒旋轉元素中的基本體。

（3）創建圖片運動的父對象-空對象。在base合成中，將素材logo.png拖放至時間線窗口中，并按鍵盤S鍵，設置縮放為50%，再添加一個空對象，空對象的添加方法是在時間線窗口—右鍵—新建—空對象，將空對象放置在logo.png圖片的上層。空對象是一個無法渲染的空層，主要用來當作輔助物體，比如父物體，驅動子物體運動，本身卻無需渲染出來。

（4）為logo.png添加表達式控制使其抖動。在base合成中選中logo.png層，按P鍵，為Position屬性添加表達式，其表達式語句為Wiggle（5，10），此語句含義為：logo.png圖像在舞臺窗口中抖動，每秒鐘抖動5次，每次抖動范圍為10像素。

（5）下面為空對象層添加兩個表達式控制器，分別為滑塊控制器和角度控制器。此兩個控制器可以控制子對象的旋轉與明暗變化。添加兩個控制器的方法為選中Null 1層，選擇Effect菜單—Expression Controls—Angle Control 或者Slider Control 兩個選項。添加兩個控制器命令后，在特效控制面板中分別將Slider Control和Angle Control重命名為Opacity Control 和Rotation Control。接下來為兩個控制器分別添加動作，其中Rotation Control 添加兩個關鍵幀，在第0秒和第15秒添加關鍵幀，參數分別為0×+0.00和 1×+0.00；為Opacity Control 添加3個關鍵幀，在第0秒、7.5秒和15秒添加關鍵幀，參數分別為100%、50%、100%。

（6）為logo.png層旋轉屬性、透明屬性添加表達式如下：

Rotation（旋轉）屬性表達式為：

thisComp.layer（"Null 1"）.effect（"rotation Control"）（"Angle"）

Opacity（透明）屬性表達式為：

thisComp.layer（"Null 1"）.effect（"opacity Control"）（"Slider"）

其中“Null 1”為空對象層的名稱，將logo.png層旋轉屬性、透明屬性鏈接到Null 1層的slider控制器與Angle控制器上，使之受兩個控制器的控制。

（7）為logo.png層的Hue＼Saturation屬性添加控制色相＼飽和度的表達式。添加表達式前，需要在特效控制面板中勾選Colorize（漸變色調替換）選項，然后為logo.png層的Hue＼Saturation屬性中Colorize Hue屬性添加控制色相＼飽和度的表達式為：

transform.rotation，此語句添加，使得logo.png圖像的顏色變化隨著logo.png圖像的rotation屬性值的變化而變化。

（8）合成嵌套。復制base合成，重新命名為：wht_base。在wht_base合成中，復制出4個logo.png圖層，并為圖層重新命名為1、2、3、4、5，為5個圖像圖層分別設置不同position位置，在舞臺中擺放。分別為5個圖像圖層設置不同的旋轉方式，添加表達式語句如下所示：

5層表達式為：

thisComp.layer（"Null 1"）.effect（"rotation Control"）（"Angle"）

4層表達式為：

thisComp.layer（"Null 1"）.effect（"rotation Control"）（"Angle"）*3

3層表達式為：

thisComp.layer（"Null 1"）.effect（"rotation Control"）（"Angle"）*2

2層表達式為：

thisComp.layer（"Null 1"）.effect（"rotation Control"）（"Angle"）*-2

1層表達式為：

thisComp.layer（"Null 1"）.effect（"rotation Control"）（"Angle"）*-1

（9）復制wht_base合成，將新合成重新命名為：wht_base_part1_pre。在此合成中將1、2、3、4層刪除，保留5層圖像并將圖像擺放在舞臺中心。選中圖層5及Null 1圖層，按Ctrl+Shift+C鍵創建新合成，在彈出的對話框中，為新合成命名為：wht_part1。在wht_part1合成中，導入素材circle.png。為wht_base_part1_pre層添加Mask蒙版，添加蒙版使用矩形工具和鋼筆工具共同完成，效果如下圖所示。蒙版添加結束后，在時間線窗口將circle.png層隱藏。

（10）選中圖層wht_base_part1_pre及circle.png圖層，按Ctrl+Shift+C鍵創建新合成，在彈出的對話框中，為新合成命名為：wht_base_part1。在wht_base_part1合成中，按Ctrl+D鍵，復制出7個圖層，并分別命名為1、2、3、4、5、6、7、8。為8個圖層的Roation屬性添加表達式，添加表達式語句如下所示，并分別為2、4、6、8圖層的Scale屬性設置參數值分別為（-100，100）。至此，第一個萬花筒變換動畫效果制作結束，效果圖如下所示：

3 結束語

在此實例的實現過程中，由于篇幅有限，筆者僅完成了一重的萬花筒旋轉變形效果。那么，在以上的基礎上，細心的讀者可以按照以上步驟繼續制作出另外兩個合成，每個合成都如上效果所示，然后將三個合成最終合并在一個總結合成中，用表達式調整旋轉角度，這樣可制作出變換更加豐富的萬花筒效果。

參考文獻

[1]彭超.After Effects CS6完全自學手冊[M].海洋出版社.2013