After Effects特效制作 課件 項目9 多變有序可循

《AfterEffects特效制作》-表

達

式明目標/導(dǎo)任務(wù)/做任務(wù)/評效果/拓能力項目九多變有序可循AmericanFilmmaker學(xué)習(xí)目標知識目標通過學(xué)習(xí)和實踐了解AE表達式的基本原理和相關(guān)知識，掌握AE表達式的創(chuàng)建方法及常見的AE表達式能力目標學(xué)會根據(jù)制作目標選擇合適的AE的表達式，以簡化復(fù)雜的動畫效果的制作過程，達到預(yù)期的制作效果。能嘗試編輯表達式，以探究更復(fù)雜的音畫變化效果。素質(zhì)目標學(xué)會項目規(guī)劃與總結(jié)，養(yǎng)成主動思考問題、進行探究式學(xué)習(xí)的好習(xí)慣，同時通過該項目啟發(fā)學(xué)生的安全意識。明目標導(dǎo)任務(wù)拓能力做任務(wù)評效果詩意同學(xué)由于平時學(xué)習(xí)努力，表現(xiàn)出較好的專業(yè)水平，老師決定推選她參加**比賽。在備賽過程中，詩意同學(xué)發(fā)現(xiàn)，如果只用之前所學(xué)的重復(fù)打關(guān)鍵幀的方式來制作動畫，要想在有限的比賽時間內(nèi)完成動畫難度較大，于是，她向老師請教了解決方法。老師說，要使用表達式可以極高地提高動畫制作效率，并向她講解了表達式的使用方法。通過老師的講解，詩意同學(xué)整理了筆記，并做了如下的賽前實操練習(xí)。明目標導(dǎo)任務(wù)拓能力做任務(wù)評效果情境導(dǎo)入熟悉AE常用的幾種表達式，學(xué)會分析策劃動畫效果，將有規(guī)律可循的的運動進行歸類，通過添加合適的表達式以提高制作效率。能結(jié)合以前所學(xué)的圖表編輯器、運動路徑等知識點，完成“險情救援”的宣傳動畫。宣傳動畫效果規(guī)劃見表3-9-1。工作任務(wù)表3-9-1“險情救援”的宣傳動畫效果規(guī)劃素材動畫與使用的圖層屬性、特效備注小女孩1.招手（旋轉(zhuǎn)）2.呼救（人偶動畫）循環(huán)表達式消防車1.從左側(cè)駛?cè)氘嬅娌x車（總體的位置、車輪的旋轉(zhuǎn)）2.警燈的閃爍（發(fā)光特效）緩入、循環(huán)表達式跑步消防員1.從車后跑到湖邊（總體的位置、腿的旋轉(zhuǎn)）2.手臂運動（旋轉(zhuǎn)）循環(huán)表達式、時間重置換皮劃艇1.由小到大（縮放）

錨點設(shè)置在左邊跑步消防員1.上艇（位置）

時間重置換、消防員應(yīng)在皮艇圖層下皮劃艇1.由左向右行駛（位置）

與船上的消防員相對位置不變跑步消防員1.下艇（位置）2.跑步（腿的旋轉(zhuǎn)用時間重置換實現(xiàn)）等繩索連接好后消失繩索（新建形狀圖層）1.連接繩索（修剪路徑）

滑輪消防員1.從纜繩左端滑到右端（位置+運動路徑）

跑步消防員消失時出現(xiàn)在繩索上風(fēng)雨聲1.關(guān)鍵幀輔助-音頻轉(zhuǎn)換關(guān)鍵幀

生成音頻振幅層純色層（雨）1.下雨（特效-CCRainFall）并隨風(fēng)雨聲變化（Wind）

表達式關(guān)聯(lián)器、修改編輯表達式湖水

1.隨風(fēng)雨涌動（湍流置換特效）緩出、表達式水草

1.隨海水擺動（旋轉(zhuǎn)）錨點在泥里、表達式、該圖層移土圖層下浪花

2.涌動（不透明度、縮放）圖表編輯器、表達式樹-各棵樹

2.被風(fēng)吹得搖晃（旋轉(zhuǎn)）錨點在樹根、表達式纜繩

2.被風(fēng)吹得搖晃（位置）

說明：動畫1為必做內(nèi)容；動畫2為使動畫效果更豐富更完善，有能力的同學(xué)可選做。明目標導(dǎo)任務(wù)拓能力做任務(wù)評效果知識儲備

表達式是一小段代碼，當我們想創(chuàng)建和鏈接復(fù)雜的動畫，又不想手動創(chuàng)建數(shù)十乃至數(shù)百個關(guān)鍵幀時，可以嘗試使用表達式。我們可以將表達式插入到AE項目中，以便在特定時間點為單個圖層屬性計算單個值。表達式語言基于標準的JavaScript語言，但我們不必學(xué)習(xí)JavaScript就能入門。我們可以直接使用關(guān)聯(lián)器或者復(fù)制簡單示例語句并修改示例來滿足我們的需求。表達式會告訴屬性執(zhí)行某種操作。例如，您在屏幕上從左到右移動了一個球，但您也希望該球晃動。您可以向其應(yīng)用“擺動”表達式，而不是使用關(guān)鍵幀對“定位”屬性進行動畫制作。AE表達式的基本概念和相關(guān)知識（1）使用電腦安裝相應(yīng)版本的AfterEffects（AE）軟件；（2）準備好相應(yīng)的素材文件（救援信息圖.psd）一、實施條件二、實施步驟明目標導(dǎo)任務(wù)拓能力做任務(wù)評效果任務(wù)一熟悉表達式控制1.在屬性中添加或移除表達式

圖層可以設(shè)置關(guān)鍵幀的任何屬性，都可以使用表達式。要添加和顯示表達式，可以在“時間線”面板中選擇該屬性并執(zhí)行以下操作之一：

1）選擇菜單欄“動畫”-添加表達式（快捷鍵Alt+Shift+=）。要移除，同樣選擇“動畫”-移除表達式（快捷鍵Alt+Shift+=）。如圖3-9-1所示。

2）按住Alt鍵（Windows系統(tǒng)）或按住Option鍵（macOS）并單擊時間線面板或效果控制面板中屬性名旁邊的秒表按鈕。要移除表達式，重復(fù)上面的步驟。

表達式激活后，屬性下會出現(xiàn)四個圖標，并且值會變?yōu)榧t色。如圖3-9-2所示。圖3-9-1添加表達式與移除表達式明目標導(dǎo)任務(wù)拓能力做任務(wù)評效果圖3-9-2添加了表達式的旋轉(zhuǎn)屬性任務(wù)一熟悉表達式控制明目標導(dǎo)任務(wù)拓能力做任務(wù)評效果任務(wù)一

熟悉表達式控制2.表達式工具1）表達式開關(guān)：

啟用表達式（默認情況）、

關(guān)閉表達式效果2）表達式圖表：

關(guān)閉表達式圖表（默認情況）、

顯示后表達式圖表；3）表達式關(guān)聯(lián)器（將參考插入目標）

：可以拖動它到其他任意圖層的任意屬性關(guān)聯(lián)兩者的值；4）表達式語言菜單

：包含了各種類型的表達式語言，我們可以從里面進行選擇需要的表達式。如我們最常用的循環(huán)動畫就隱藏在Property組里，如圖3-9-3所示。圖3-9-3表達式語言菜單展開后圖3-9-4使用表達式關(guān)聯(lián)屬性明目標導(dǎo)任務(wù)拓能力做任務(wù)評效果任務(wù)一

熟悉表達式控制3.使用表達式關(guān)聯(lián)一組屬性

關(guān)聯(lián)器是在AfterEffects中進行關(guān)聯(lián)的拖放選擇工具。單擊并按住表達式旁邊的螺旋圖標以進入選擇模式。拖動到另一個屬性并放開時，關(guān)聯(lián)器會鏈接到鼠標指向的屬性，并自動生成表達式語法。如圖3-9-4所示。使用表達式關(guān)聯(lián)屬性

明目標導(dǎo)任務(wù)拓能力做任務(wù)評效果任務(wù)一

熟悉表達式控制使用表達式關(guān)聯(lián)屬性

小貼士：

可以將關(guān)聯(lián)器拖動到屬性的名稱或值。如果拖動到屬性的名稱，則生成的表達式會將所有值作為一個整體顯示。例如，將關(guān)聯(lián)器拖動到位置屬性的名稱，則會顯示如下表達式：thisComp.layer(“Layer1”).transform.position

如果將關(guān)聯(lián)器拖動到“位置”屬性的某個組件值（例如y值），則會顯示如下表達式。屬性的x和y坐標均已鏈接到“位置”屬性的y值：temp=thisComp.layer(“Layer1”).transform.position[1];[temp,temp]明目標導(dǎo)任務(wù)拓能力做任務(wù)評效果任務(wù)一

熟悉表達式控制4.編輯表達式

在時間線面板相應(yīng)表達式的文本字段內(nèi)單擊以激活表達式編輯器。將光標放在要編輯表達式的位置。在插入點的表達式字段中輸入表達式。使用表達式關(guān)聯(lián)屬性

小貼士：

如果選中表達式字段中的文本，新表達式文本將替換所選文本。

如果插入點不在表達式字段中，新表達式文本將替換該字段中的所有文本。5.常用的表達式

1）循環(huán)表達式：當我們需要用多個關(guān)鍵幀來創(chuàng)建重復(fù)的動畫，會非常耗時。應(yīng)使用loop表達式創(chuàng)建復(fù)雜的循環(huán)動畫。循環(huán)有兩種類型：loopIn和loopOut。而我們常用表達式loopOut()或loopOut("cycle")的旋轉(zhuǎn)屬性循環(huán)播放動畫，直到時間軸結(jié)束。

2）wiggle“擺動”表達式：會使屬性以隨機量晃動。此表達式可用于使我們的場景看起來更加自然。括號之間的數(shù)字用來控制擺動：第一個數(shù)字是每秒的搖擺數(shù)，第二個數(shù)字是擺動的量。如：使用wiggle(2,30)表達式的位置屬性，將每秒擺動2次，最多30像素。

3）Time表達式：適用于具有永久運動的對象。如：要讓對象無限旋轉(zhuǎn)，可以將表達式time添加到旋轉(zhuǎn)屬性，且對象每秒鐘旋轉(zhuǎn)1度。它還適用于基本數(shù)學(xué)公式，例如，我們希望讓之前的對象以40倍的速度更快地旋轉(zhuǎn)，就使用表達式time*40。（1）使用電腦安裝相應(yīng)版本的AfterEffects（AE）軟件；（2）準備好相應(yīng)的素材文件（救援信息圖.psd）一、實施條件二、實施步驟明目標導(dǎo)任務(wù)拓能力做任務(wù)評效果1.制作小女孩呼救動畫

按“合成-保持圖層大小”方式導(dǎo)入素材，雙擊打開合成“救援信息圖”-合成“小女孩”，將“張嘴呼叫”圖層-不透明度屬性（T）設(shè)置兩個關(guān)鍵幀：0f-0%、12f-100%，并為該屬性設(shè)置循環(huán)表達式：按住Alt鍵，并點擊該屬性名前的時間變化秒表，以添加表達式；點擊表達式語言菜單按鈕，選擇“Property”-“l(fā)oopOutDuration(type="cycle",duration=0)”，這時系統(tǒng)自動為該屬性添加了循環(huán)表達式。預(yù)覽動畫，可以看到小女孩嘴巴不停地張合呼救。

打開合成“金發(fā)女孩”，將“右手”圖層的錨點設(shè)置在手臂與身體連接處，將該圖層的旋轉(zhuǎn)屬性（R）設(shè)置三個關(guān)鍵幀，以實現(xiàn)揮手動作：0f-0x+10°、12f-0x-9°、1s-0x+10°，并為該屬性設(shè)置循環(huán)表達式：按住Alt鍵，并點擊該屬性名前的時間變化秒表，以添加表達式；點擊表達式語言菜單按鈕，選擇“Property”-“l(fā)oopOutDuration(type="cycle",duration=0)”，這時系統(tǒng)自動為該屬性添加了循環(huán)表達式。預(yù)覽動畫，可以看到小女孩不停地揮手呼救。任務(wù)二使用表達式制作項目案列圖3-9-5輪子旋轉(zhuǎn)屬性的編輯速度圖表和編輯值圖表明目標導(dǎo)任務(wù)拓能力做任務(wù)評效果任務(wù)二使用表達式制作項目案列2.制作消防車駛?cè)氘嬅娌x車的效果

打開合成“救援信息圖”-合成“消防車”，將各圖層重命名，將后輪圖層的錨點移動到車輪中心，在0f與1s15f處，設(shè)置后輪的旋轉(zhuǎn)屬性兩關(guān)鍵幀，實現(xiàn)車輪的旋轉(zhuǎn)，并做關(guān)鍵幀的緩動。打開圖表編輯器，調(diào)整兩關(guān)鍵幀的編輯速度圖表和編輯值圖表如圖3-9-5所示。重復(fù)上面的操作步驟完成前輪圖層的動畫，或復(fù)制后輪圖層并調(diào)整其位置到前輪處，隱藏前輪。使用表達式關(guān)聯(lián)屬性

（a）后輪旋轉(zhuǎn)屬性的編輯速度圖表（b）后輪旋轉(zhuǎn)屬性的編輯值圖表圖3-9-6消防車位置屬性的編輯速度圖表和編輯值圖表明目標導(dǎo)任務(wù)拓能力做任務(wù)評效果任務(wù)二使用表達式制作項目案列2.制作消防車駛?cè)氘嬅娌x車的效果

打開合成“救援信息圖”-“消防車”圖層-位置屬性（P）設(shè)置兩關(guān)鍵幀將第一個關(guān)鍵幀消防車的位置平移到畫面左側(cè)外。打開圖表編輯器，配合車輪的轉(zhuǎn)動，調(diào)整消防車位置屬性兩關(guān)鍵幀的編輯速度圖表編輯值圖表如圖3-9-6所示。使用表達式關(guān)聯(lián)屬性

（a）消防車位置屬性的編輯速度圖表（b）消防車位置屬性的編輯值圖表圖3-9-7消防車車燈發(fā)光特效參考值明目標導(dǎo)任務(wù)拓能力做任務(wù)評效果任務(wù)二使用表達式制作項目案列使用表達式關(guān)聯(lián)屬性

選做提高：為了使畫面動效更豐富，大家也可以嘗試做消防車警燈的閃爍效果。

提示：沿車燈邊緣繪制一個半圓形，以新建一個形狀圖層，添加“發(fā)光”特效，并調(diào)節(jié)里面各參數(shù)，使光線更明顯，可參考圖3-9-7；將顏色A屬性設(shè)置關(guān)鍵幀，在0f和1s為紅色，在13f為藍色；設(shè)置發(fā)光強度屬性關(guān)鍵幀，在0f和13f為2，在6f為0。最后添加這兩個屬性的循環(huán)表達式。以實現(xiàn)紅藍光線的循環(huán)閃爍。（大家先理解完這段話設(shè)計的思路，再著手做哦）

明目標導(dǎo)任務(wù)拓能力做任務(wù)評效果任務(wù)二使用表達式制作項目案列3.制作消防員下車跑到湖邊的效果

在合成“救援信息圖”時間線上，將“跑步消防員”圖層向后拖拽，使其入點為消防車停下的時間點。雙擊打開合成“跑步消防員”，將左腿、右腿、左手的中心點分別移動到合適的位置，在0f、1s處設(shè)置這三個圖層的旋轉(zhuǎn)屬性關(guān)鍵幀，使其記錄當前的原始角度；在13f處調(diào)整三個圖層的旋轉(zhuǎn)屬性，使其看上去運動自然，并選中當前時間點的三個關(guān)鍵幀按F9。將左手圖層移動到兩條腿圖層的下方，以使跑步時左手能被兩腿部分遮擋，符合空間位置關(guān)系。

回到合成“救援信息圖”時間線，設(shè)置“跑步消防員”圖層的位置屬性的關(guān)鍵幀，使其從消防車另一側(cè)出現(xiàn)（第一個位置關(guān)鍵幀），到湖邊（第二個位置關(guān)鍵幀）停下。為了使跑步消防員在湖邊停下時，同時停下跑步動作，我們需要做時間重映射，在該圖層點擊鼠標右鍵，選擇“時間”-“啟用時間重映射Ctrl+Alt+T”，如圖3-9-8所示。使用表達式關(guān)聯(lián)屬性

圖3-9-8消防員停下的制作明目標導(dǎo)任務(wù)拓能力做任務(wù)評效果任務(wù)二使用表達式制作項目案列使用表達式關(guān)聯(lián)屬性

明目標導(dǎo)任務(wù)拓能力做任務(wù)評效果任務(wù)二使用表達式制作項目案列4.制作消防員登皮艇救援的效果

在合成“救援信息圖”時間線上，將“氣墊船2”圖層移動到“跑步消防員”圖層上，并設(shè)置其入點為“跑步消防員”停下的時間點。將“氣墊船2”位置移動到“跑步消防員”右側(cè)，將“氣墊船2”錨點設(shè)置在其左端，做縮放屬性關(guān)鍵幀，使其呈現(xiàn)由小變大的效果。

在“氣墊船2”縮放屬性關(guān)鍵幀后，選中“跑步消防員”，將其時間重映射和位置屬性打上關(guān)鍵幀（不改變值）；在此時間點后大約20f處，將跑步消防員移動到船上（這時系統(tǒng)自動添加了位置屬性的第四個關(guān)鍵幀），并將時間重映射屬性添加一個關(guān)鍵幀，將該關(guān)鍵幀時間適當延后20f左右。

在此時間處激活“氣墊船2”圖層的位置屬性關(guān)鍵幀；往后3s左右，同時選中“氣墊船2”圖層和“跑步消防員”圖層的位置屬性，在將其移動到兩棵樹下的湖岸，可以實現(xiàn)消防員和船一起移動的效果。選中控制船和消防員此運動過程的位置屬性的關(guān)鍵幀，按F9做緩動，使效果更逼真。使用表達式關(guān)聯(lián)屬性

選做提高：思考一下，船和消防員一起移動的效果還可以怎么做呢？

在船停下后，選中“跑步消防員”圖層將時間重映射屬性添加一個關(guān)鍵幀（不改變值）；在此時間點后大約1s處，將跑步消防員移動到岸上兩樹之間（這時系統(tǒng)自動添加了位置屬性的第六個關(guān)鍵幀），并將時間重映射屬性添加一個關(guān)鍵幀，將該關(guān)鍵幀時間適當延后使消防員呈現(xiàn)兩腿并攏狀態(tài)。明目標導(dǎo)任務(wù)拓能力做任務(wù)評效果任務(wù)二使用表達式制作項目案列5.制作繩索消防員救援的動畫

在不選中任何圖層時，用鋼筆工具畫一條與后繩相似的繩索連接左右兩棵樹，并將這個形狀圖層重命名為“繩索”；展開形狀圖層的屬性，添加“修剪路徑”屬性，并設(shè)置結(jié)束屬性兩個關(guān)鍵幀，值為0、100；調(diào)整兩關(guān)鍵幀在時間線上的距離，使繩索的架設(shè)時間合適。

在繩索架設(shè)好的時間點，設(shè)置“跑步消防員”圖層的出點，并將“繩索消防員”圖層的入點移動到此處。調(diào)整“繩索消防員”在繩索左側(cè)的位置；調(diào)整“繩索消防員”錨點位置在兩手之間。復(fù)制形狀圖層“繩索”的形狀路徑，如圖3-9-9所示，粘貼到“繩索消防員”位置屬性，這時“繩索消防員”位置屬性出現(xiàn)了兩個關(guān)鍵幀，并有運動路徑，選中兩關(guān)鍵幀按F9做緩動，預(yù)覽動畫，可以看到消防員沿繩索劃動的動畫。使用表達式關(guān)聯(lián)屬性

明目標導(dǎo)任務(wù)拓能力做任務(wù)評效果任務(wù)二使用表達式制作項目案列使用表達式關(guān)聯(lián)屬性

圖3-9-9消防員沿路徑運動明目標導(dǎo)任務(wù)拓能力做任務(wù)評效果任務(wù)二使用表達式制作項目案列

在“繩索消防員”圖層位置屬性的第二個關(guān)鍵幀處，雙擊打開合成“繩索消防員”的時間線（注意不要再改變播放頭位置）；將左手、左腿、右腿錨點移動到合適位置，激活這兩個圖層的關(guān)鍵幀，大約20f后將兩腿旋轉(zhuǎn)到并攏，左手轉(zhuǎn)到握住右手的位置。

回到合成“救援信息圖”時間線，選中“繩索消防員”圖層，做消防員跳到地面的動作，即，在消防員兩腿并攏的時間點，添加“繩索消防員”圖層的位置屬性關(guān)鍵幀，把消防員移動到地面上，調(diào)整位置屬性的編輯速度圖表，使其符合消防員跳到地面的運動規(guī)律。

在消防員落地前，設(shè)置其縮放屬性關(guān)鍵幀，第一個關(guān)鍵幀不改變值，第二設(shè)置水平翻轉(zhuǎn)，并選中第一個關(guān)鍵幀點擊右鍵設(shè)置為“切換定格關(guān)鍵幀”。預(yù)覽動畫，可以看到消防員在空中實現(xiàn)了跳落地面前翻轉(zhuǎn)朝向的動作。其位置與縮放屬性的關(guān)鍵幀如圖3-9-10所示。使用表達式關(guān)聯(lián)屬性

明目標導(dǎo)任務(wù)拓能力做任務(wù)評效果任務(wù)二使用表達式制作項目案列使用表達式關(guān)聯(lián)屬性

圖3-9-10消防員從空中躍下并翻轉(zhuǎn)朝向動作所需的位置與縮放關(guān)鍵幀明目標導(dǎo)任務(wù)拓能力做任務(wù)評效果任務(wù)二使用表達式制作項目案列6.制作雨水隨風(fēng)雨聲變化的動畫

導(dǎo)入海浪暴風(fēng)雨.MP3，并將其放入合成“救援信息圖”時間線上，點擊右鍵-“關(guān)鍵幀輔助”-“將音頻轉(zhuǎn)換為關(guān)鍵幀”。這時系統(tǒng)自動生成了“音頻振幅”層，如圖3-9-11所示。使用表達式關(guān)聯(lián)屬性

圖3-9-11將音頻轉(zhuǎn)換為關(guān)鍵幀明目標導(dǎo)任務(wù)拓能力做任務(wù)評效果任務(wù)二

使用表達式制作項目案列使用表達式關(guān)聯(lián)屬性

Ctrl+Y新建一個白色純色層，命名為“雨”，并將該圖層移動到最頂層。添加模擬特效“CCRainfall”，將效果面板中的“CompositeWithOriginal”前面的勾去掉，這樣就不顯示原始素材的樣子，而只顯示雨的效果。其他的屬性根據(jù)畫面效果調(diào)節(jié)，可以復(fù)習(xí)前面關(guān)于特效部分的章節(jié)。在時間線上展開CCRainfall特效的各屬性，找到Wind并添加表達式，將Wind的表達式關(guān)聯(lián)器拖拽到音頻振幅層的任意聲道的“滑塊”屬性，這時會在Wind表達式編輯區(qū)自動出現(xiàn)表達式thisComp.layer("音頻振幅").effect("左聲道")("滑塊")意思是：Wind的值用這個合成的“音頻振幅”圖層的效果的“左聲道”的“滑塊”里的值。因為滑塊里的值太小，風(fēng)的效果就不明顯，我們在這個表達式后面添加*100，把風(fēng)的值擴大100倍，這樣雨就被風(fēng)吹斜了；我們還可以在表達式前面加-號，這樣雨就會被風(fēng)刮向另一個方向。最終，表達式為-thisComp.layer("音頻振幅").effect("左聲道")("滑塊")*100如圖3-9-12所示。明目標導(dǎo)任務(wù)拓能力做任務(wù)評效果任務(wù)二使用表達式制作項目案列使用表達式關(guān)聯(lián)屬性

圖3-9-12將雨圖層的Wind屬性進行表達式編輯

由于在比賽中時間限制，老師建議詩意同學(xué)把救援過程完成就好。老師也建議同學(xué)們在平時可以繼續(xù)把后面的湖面波濤洶涌、海草搖擺、樹木被風(fēng)吹的動畫也做一做練習(xí)?？梢园讶蝿?wù)一里常用的表達式做一下練習(xí)哦，如wiggle“擺動”表達式。（1）使用電腦安裝相應(yīng)版本的AfterEffects（AE）軟件；（2）準備好相應(yīng)的素材文件（救援信息圖）。一、實施條件二、實施步驟明目標導(dǎo)任務(wù)拓能力做任務(wù)評效果

在合成“救援信息圖”中預(yù)覽動畫，將各圖層的動畫做最終的微調(diào)，以使整部影片動畫效果更流暢。刪除各合成中多余的