AE 軟件中用表達(dá)式實(shí)現(xiàn)“萬(wàn)花筒”動(dòng)畫(huà)效果

趙新春

摘 要：AE中表達(dá)式語(yǔ)法繼承了Javascript語(yǔ)法，好學(xué)易用，運(yùn)用AE表達(dá)式控制可以輕松實(shí)現(xiàn)用復(fù)雜的關(guān)鍵幀才能編輯出的動(dòng)畫(huà)，也可簡(jiǎn)單的表現(xiàn)出圖層間的鏈接關(guān)系，使動(dòng)畫(huà)表現(xiàn)出更豐富多彩的效果。本實(shí)例制作中運(yùn)用表達(dá)式語(yǔ)句控制，并多次用到合成嵌套、空對(duì)象、蒙板遮罩技術(shù)，以上技術(shù)的綜合、合理運(yùn)用均為成功的完成本動(dòng)畫(huà)制作提供可靠保證。

關(guān)鍵詞：合成嵌套；表達(dá)式；空對(duì)象；蒙版；slider和Angle控制器

1 前言

AE軟件中的表達(dá)式控制功能卻被很多使用者忽略，當(dāng)制作者要在作品中表現(xiàn)出圖層之間的動(dòng)態(tài)鏈接、使用表達(dá)式語(yǔ)句解決復(fù)雜的關(guān)鍵幀才能解決的動(dòng)畫(huà)時(shí)，AE表達(dá)式還是一個(gè)很好的選擇。下面筆者就用AE中的表達(dá)式控制的方法來(lái)實(shí)現(xiàn)一個(gè)復(fù)雜的“萬(wàn)花筒”動(dòng)畫(huà)的制作過(guò)程。

2 萬(wàn)花筒動(dòng)畫(huà)技術(shù)實(shí)現(xiàn)

（1）創(chuàng)建一個(gè)合成并名稱為base，時(shí)長(zhǎng)為15秒，為合成設(shè)置背景顏色為深藍(lán)色，其中設(shè)置合成背景顏色的方法為選中base合成，Composition>Background Color。

（2）導(dǎo)入素材。在項(xiàng)目窗口中，雙擊鼠標(biāo)左鍵或點(diǎn)擊右鍵選擇導(dǎo)入—文件選項(xiàng)，導(dǎo)入所需素材，本例中導(dǎo)入logo.png及circle.png圖片，作為萬(wàn)花筒旋轉(zhuǎn)元素中的基本體。

（3）創(chuàng)建圖片運(yùn)動(dòng)的父對(duì)象-空對(duì)象。在base合成中，將素材logo.png拖放至?xí)r間線窗口中，并按鍵盤(pán)S鍵，設(shè)置縮放為50%，再添加一個(gè)空對(duì)象，空對(duì)象的添加方法是在時(shí)間線窗口—右鍵—新建—空對(duì)象，將空對(duì)象放置在logo.png圖片的上層。空對(duì)象是一個(gè)無(wú)法渲染的空層，主要用來(lái)當(dāng)作輔助物體，比如父物體，驅(qū)動(dòng)子物體運(yùn)動(dòng)，本身卻無(wú)需渲染出來(lái)。

（4）為logo.png添加表達(dá)式控制使其抖動(dòng)。在base合成中選中l(wèi)ogo.png層，按P鍵，為Position屬性添加表達(dá)式，其表達(dá)式語(yǔ)句為Wiggle（5，10），此語(yǔ)句含義為：logo.png圖像在舞臺(tái)窗口中抖動(dòng)，每秒鐘抖動(dòng)5次，每次抖動(dòng)范圍為10像素。

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

（6）為logo.png層旋轉(zhuǎn)屬性、透明屬性添加表達(dá)式如下：

Rotation（旋轉(zhuǎn)）屬性表達(dá)式為：

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

Opacity（透明）屬性表達(dá)式為：

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

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

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

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

（8）合成嵌套。復(fù)制base合成，重新命名為：wht_base。在wht_base合成中，復(fù)制出4個(gè)logo.png圖層，并為圖層重新命名為1、2、3、4、5，為5個(gè)圖像圖層分別設(shè)置不同position位置，在舞臺(tái)中擺放。分別為5個(gè)圖像圖層設(shè)置不同的旋轉(zhuǎn)方式，添加表達(dá)式語(yǔ)句如下所示：

5層表達(dá)式為：

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

4層表達(dá)式為：

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

3層表達(dá)式為：

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

2層表達(dá)式為：

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

1層表達(dá)式為：

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

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

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

3 結(jié)束語(yǔ)

在此實(shí)例的實(shí)現(xiàn)過(guò)程中，由于篇幅有限，筆者僅完成了一重的萬(wàn)花筒旋轉(zhuǎn)變形效果。那么，在以上的基礎(chǔ)上，細(xì)心的讀者可以按照以上步驟繼續(xù)制作出另外兩個(gè)合成，每個(gè)合成都如上效果所示，然后將三個(gè)合成最終合并在一個(gè)總結(jié)合成中，用表達(dá)式調(diào)整旋轉(zhuǎn)角度，這樣可制作出變換更加豐富的萬(wàn)花筒效果。

參考文獻(xiàn)

[1]彭超.After Effects CS6完全自學(xué)手冊(cè)[M].海洋出版社.2013