[After effects簡明教程]六.綜合實例
綜合實例1 使用濾鏡製作粒子與文字的變幻效果
打開After effects 4.1,新建一個項目文件,保存為Morph.aep，新建一個Composition， Frame size(大小)為320X240，Duration(長度)為2秒，Frame Rate(幀率)為30。在時間布局窗口新建兩個Solid，分別為Solid 1和Solid 2。選擇Effect>Text>Basic Text分別為兩個Solid輸入文字，分別為“創意無界限”(以下簡稱文字1)、“追求沒有止境”(以下簡稱文字2)。為了使文字呈現立體效果，還需要應用Bevel Alpha濾鏡。 選擇Effect> Perspective(透視)> Bevel Alpha，分別為兩個文字增加Bevel Alpha 效果，參數可保持缺省值。具體的思路可以這樣考慮，要想使文字1變形為粒子，可以直接采用Scatter(發散)濾鏡，將Scatter Amount(發散數量)逐漸變大即可。因為Scatter濾鏡的作用是使圖像的像素發散開，通常可以創造一種布滿汙點和高度模糊的效果。當 Scatter Amount值很大時，圖像會完全變成散點，就類似於粒子。特別是對於利用After effects 的Text組濾鏡製作的字幕文件，由於其自身已經含有Alpha 通道，那麼可以很容易的實現多層圖像的合成。注意這個濾鏡僅僅在After effects 4.1 Pro中有，在其早期的3.1以及4.0版本中都沒有。 如何使粒子變形為文字2呢，這其實也不難。可以設定Scatter Amount的值由大變小，這樣會實現逆向的粒子到文字的變幻。並且假如Solid 1的出點和Solid 2的入點相接的話，那麼應該得到一種文字1-粒子—文字2 的自然變幻。
按照這一思路，我們首先通過拖動改變Solid 1的出點為1：00，改變Solid 2的入點為1：00。選擇Effect>Stylize(風格化)>Scatter，為Solid 1應用Scatter濾鏡。調整時間到0：20處，按E鍵，展開Solid 1的Effect屬性，點擊時間布局窗口中Solid 1層的Effect>Scatter屬性左邊的小三角，展開Scatter，點擊Scatter Amount屬性左邊的時鍾圖標，為Solid 1增加一個關鍵幀，但其值保持為缺省0。調整時間到1：00處，改變Scatter Amount值為127。After effects 將自動在此增加一個關鍵幀。觀察合成圖像窗口Comp1，可以發現此時文字1已經完全演變為粒子，但文字2還未發生任何變化。在調整Scatter濾鏡參數時，務必注意不要勾選Scatter Randomness，因為這一選項的作用是使圖像在每一幀隨機的發散，如果選擇了，那麼試圖控製Scatter Amount的數量是不可能的，因此相應的關鍵幀設置也是不起作用的。
用同樣的方法為Solid 2增加Scatter濾鏡，在1：00處設定Scatter Amount值為127，1：10秒處設定其值為0。 分別選擇時間布局窗口中Solid 1層和Solid 1層，右擊鼠標在彈出的菜單中將Quality都設置為Best。按空格鍵或者小鍵盤上的0鍵預覽效果。
我們發現文字幻化為粒子的效果已初步實現，但還有一些問題：首先，文字1形成的粒子與文字2形成的粒子之間在大小上有差異，原因在於兩個文字的字數不同，這兩個文字的寬度應該盡可能的匹配，所以還需要在水平方向調整尺寸。因此我們調整Solid 2的尺寸，選擇時間布局窗口的Solid 2，按S鍵，展開Solid 2的Scale屬性，調整其大小，設置為80左右。如果需要嚴格的一致，可以選用Effect>Perspective>Transform 濾鏡,以在文字的高度和寬度上均加以調節。這樣將有助於使變形過程比較自然流暢。其次，文字1變形為粒子似乎有些突兀，在變形前應該有一個準備的過程，因此我們進行一些細節上的調整。確保時間布局窗口的Solid 1被選中，選擇Effect>Distort(扭曲變形)>Spherize(球化)，為Solid 1增加Spherize濾鏡。調整時間到0：15處(注意這個時間設置應比Scatter濾鏡的第一個關鍵幀提前一些)，設置Radius(半徑)參數值為0，並點擊時鍾圖標增加關鍵幀。調整時間到0：20處，設置Radius值為80左右。調整時間到1：00處，設置Radius值為0。在調整參數過程中，應注意觀察時間布局窗口中相應屬性左邊的關鍵幀檢測框是否勾選，確保已經建立了三個關鍵幀。Spherize濾鏡的這三個關鍵幀與Scatter濾鏡的三個關鍵幀所共同形成的效果應該是文字1首先向外“鼓”，然後逐漸變形為粒子，在變形過程中又逐漸收縮，當粒子完全轉化為文字2時，收縮結束。。
為了使變形效果更加精致，使爆炸效果更加生動，我們對粒子使用了Glow(發光)濾鏡，這將使粒子有一定的“煙霧”效果。這裏需要注意濾鏡參數控製（Effect Control） 窗口中的各濾鏡的順序，從上到下的順序必須是Basic Text、Bevel Alpha、Spherize 、Scatter、Glow。如果不是，應該通過拖動加以調節。
綜合實例2、利用mask動畫製作手寫文字動畫
由於After effects尤其具有強大的遮罩動畫功能，因此使用遮罩動畫功能來製作手寫動畫是再方便不過了。Adobe Premiere沒有提供動畫Mask（遮罩）的功能，（當然可以通過十分複雜的方法實現簡單的遮罩動畫），用這種方法不太現實。 我們這裏製作一個 “報”字的手寫動畫。
啟動After effects，新建一個480X480的合成圖像，取名為text，時間設定為4秒。在層窗口新建一個Solid，使用濾鏡Basic Text，輸入文字“報”。關閉合成圖像text，再新建一個480X480的合成圖像“write"。將text合成圖像拖動到時間布局窗口，這樣text合成圖像將作為一個嵌套的層使用。雙擊text層，在層窗口進行動畫mask的工作。我們注意到“報”字是由七個筆畫組成的。因此至少應該建立七個mask。為了便於遮罩的修改，應該點擊 Layer窗口左下方的比例下拉菜單，首先擴大顯示比例為400%左右，然後選中工具箱中的放大鏡工具，放大“報”字，可以拖動層窗口的上下以及左右滑條，以便於修改。遮罩的建立和修改均使用工具箱中的鋼筆工具。這個鋼筆工具的使用方法類似於Photoshop中的鋼筆工具。
將時間布局窗口的時間調整到0：00。在時間布局窗口中選中text層，按M鍵，展開text層的mask屬性，再點擊mask屬性左邊的三角形，展開Mask Shape屬性，點擊一下時鍾圖標，增加一個關鍵幀。首先建立第一個遮罩，選中鋼筆工具，沿著“報”字的第一筆即一橫，勾畫，使遮罩在橫的左上方，但並不覆蓋第一個筆畫，將時間布局窗口時間調整到0：05，選中工具箱裏麵的箭頭選擇工具，向右上拖動遮罩右上方的兩個點，使建立的遮罩覆蓋第一個筆畫。你對 Mask Shape屬性的任何修改，After effects均將自動的插值以創建關鍵幀。通過這樣的操作就形成了5幀動畫，在0幀到第5幀時間裏，遮罩將自動的從橫的左上方向右上方擴大，這樣在第5 幀以後“橫”將出現在最終的合成圖像裏麵。
由於每個新的筆畫其關鍵幀的起始時間都應該是上一個筆畫的最後一個關鍵幀的時間，因此將時間布局窗口的時間調整到0：05，為第二劃“豎勾”增加並修改遮罩以及設置關鍵幀。隻要你用鋼筆工具在層窗口中點擊，After effects就將自動建立一個新的遮罩。例如現在我們看到layout窗口中已經自動多了一欄mask 2。類似的，為每一個筆畫建立一個遮罩，並根據筆畫的長度和複雜程度決定相應的時間，設置相應的關鍵幀。一般而言，較長以及彎曲程度大的筆畫占用的時間稍長一些，關鍵幀也要稍微多一些，例如本例中第二劃“豎勾”的關鍵幀就比第一筆“橫”多一個，這也符合實際書寫的情況。對於複雜的筆畫，例如彎曲的筆畫，可以適當用鋼筆工具在遮罩上點擊增加控製點，並可以調節其切線（手柄）。甚至可以將其分成兩段用兩個遮罩動畫它。對於漢字手寫動畫，一個特別值得注意的問題是交叉筆畫之間的遮罩勾畫應十分仔細，避免使遮罩覆蓋相鄰的筆畫，否則將使最後的書寫順序混亂，整個動畫過程不幹淨。因為遮罩的建立和修改需要十分仔細，中途應該反複的通過內存預覽，觀察最後的效果，如果有了偏差，應該刪除關鍵幀重新製作遮罩。
綜合實例3： 電影《星球大戰》序幕效果的製作
《星球大戰》的片頭很有特點，它以星空為背景，用逐漸飛向星空深處的文字介紹了電影故事發生的背景，一下子把觀眾帶到了神秘的未來星際世界。現在我們將用Adobe After effects 4.1製作這個精彩的片頭。其中主要使用了After effects 的嵌套合成技術。
一、初步的合成 序幕文本的建立有很多方法，可以直接使用Adobe After effects 4.1提供的Basic Text濾鏡完成。由於序幕的文字較多，為了便於調整文字效果，我們使用Adobe Illustrator8.0建立文本文件，設定尺寸為320x500象素大小，保存文件為roll.ai，然後啟動After Effects 4.1。選擇File>New>New project，建立一個新的項目文件，假定為Starwars.aep。在項目窗口中，單擊鼠標右鍵選擇Import>Footage file（引入腳本文件）輸入roll.ai。
我們先初步考慮一下思路。 這類滾動文字的動態效果我們可以分成兩個部分完成。一個是文字從底端到頂端的滾動, 另一個是傾斜效果，最終的效果應該是文字逐漸飛向星空無限處，然後消逝。 選擇Composition>New Composition，新建一個合成圖像 (它應該和你建立的文本文件像素一致)，所以這裏設置Frame size為320x500象素大小。調整Duration值，設定合成圖像1的時間長度為30秒。為了使觀眾能夠看清楚文字，應根據文字內容的多少適當調整合成圖像的時間設定。
現在引入Illustrator 文本文件roll.ai到項目窗口，然後從項目窗口中把它拖動到時間安排或合成圖像窗口。在合成圖像窗口中，把它移動在合成圖像的底端，在timelayout窗口按P鍵，展開位置屬性，點擊Position屬性左邊的時鍾標誌，建立一個位置關鍵幀。將時間線移到結尾, 在合成圖像窗口中，拖動文本部分到到合成圖像窗口的頂端。這裏一定要保證文本在一條直線上移動，在30秒的位置建立另外的位置關鍵幀。注意在Adobe After effects 中如果素材的某個屬性已有了一個關鍵幀，那麼這個屬性值的改變將會自動創建一個關鍵幀，因此一般我們不必再點擊時鍾標記。看一下Position左邊的關鍵幀檢測框，確保已經新建了另一個關鍵幀。通過上麵的步驟我們完成了文從下往上的滾動效果。
確保timelayout窗口中roll.ai層被選中，單擊鼠標右鍵選擇Effect/Perspective（透視） 菜單，應用Basic 3D濾鏡，為文本應用傾斜效果。Tilt（垂直旋轉）參數設置為-70 degrees。拖動時間線到時間標記一半的位置，按一下空格鍵，從內存預覽一下動畫效果。注意該功能是After effects 4新增的一個功能，它可以使我們更方便迅速的修改和調整作品。
觀察效果，文本部分雖然向上滾動，並且是在傾斜的滾動，但看起來並不是離我們越來越遠，因為文字是整個的一塊兒向上移動，它並沒有逐漸消逝在“星空”裏麵。因此現在的效果缺乏吸引力。我們需要考慮另外的思路：嵌套合成圖像。
二、嵌套圖像
在這個例子中我們僅僅使用2層嵌套。在這裏我們可以設想對“文字的向上滾動”（不是滾動的文字）應用傾斜變化。可以這樣理解,一個限定的矩形平麵（屏幕）內有文字在向上滾動，現在對這個矩形平麵進行傾斜（垂直旋轉）處理，那麼隻要角度合適，必然最後我們所看到的就是文字逐漸消逝在屏幕的某個地方，例如中央，因為文字的滾動仍然在這個被傾斜的平麵內。在濾鏡窗口中選中Basic 3D濾鏡，按Delete鍵刪除Basic 3D濾鏡。另外建立一個新的合成圖像Comp2。將Comp 2與Comp1時間長度設置一致，但是更改其縱橫比為320x240。在這個時候你可以載入另外的素材到Comp 2中。這些素材可能包括星空背景，行星，飛船等等。我們這裏使用一個地球圖片Earth001.pct、星空圖片Star001.pct，以及 Starwartitle.ai和Intro.ai。後兩者均在Adobe Illustator 8中完成。你當然可以使用動態星空背景avi或mov素材。
從項目窗口將這些素材拖動到timelayout窗口，最後從項目窗口拖動Comp 1到timelayout窗口，並且使它居中。首先將作為背景的圖片Star001.pct從項目窗口拖動到合成圖像窗口中，由於這個背景層在整個動畫過程中並不進行處理，因此點擊timelayout窗口中這個層左邊的鎖切換標誌鎖定它，以避免我們發生誤操作使它移動。現在我們剛完成了合成圖像嵌套的工作。
在timelayout窗口中選擇Comp 1，通過菜單或者單擊鼠標右鍵選擇Effect>Basic 3D，為它應用Basic 3D濾鏡，在彈出的濾鏡對話框中設置Tilt值為-70，即設置為-70度傾斜。圖5。現在觀察合成的效果，我們發現效果要比剛才好一些了，拖動時間線觀察合成圖像窗口中文本輪廓的運動，發現該輪廓始終固定，例如輪廓的中心始終在屏幕的中心，因此這種嵌套的做法是正確的。但是文本從屏幕上屏幕上滾動的速度太快。並且好像文字滾動的縱深感不夠，沒有完全展現出空間的深邃，它看起來並不象正在飛向無限遠處。假如我們能夠把合成合成圖像Comp1的頂端部分變得小一些，即使它推斜一些，效果將會更加真實自然。
下麵做進一步的調整，這裏有兩種不同的方法. 關閉Basic 3D濾鏡，並且應用Production Bundle package.提供的Effect>Distort>Mesh Warp濾鏡（網格變形）。這個濾鏡將層劃分成若幹個網格Bezier 麵片。每個麵片均可以獨立的通過節點和手柄（切線）進行很自由的彎曲變形，其使用方法類似於Photoshop中的路徑。由於我們的目的僅僅是使滾動文本上端小些，下端大些，類似一個梯形，因此沒有必要采用其Rows/Columns默認的值7。為便於調整，最好使我們的網格隻有四個點，因此將Mesh Warp對話框中的Rows/Columns值都設置為1。在x 軸上往中間移動左上角和右上角的點，調整手柄（切線），使左上角點的兩個手柄分別與Mesh網格左上角的兩條邊相重合，使右上角點的兩個手柄分別與 Mesh網格右上角的兩條邊相重合。注意由於我們的文本文件長度較長，在合成圖像窗口中並不能顯示Mesh的全部，我們看不到Mesh的四個角，因此需要改變合成圖像窗口的大小，拖動合成圖像窗口上麵的角，使它拉長，並露出Mesh上麵的兩個角，這樣我們才可能進行Mesh調整。還可以采用 Effect>Distort>Corner Pin effect邊角扭曲濾鏡，使文本層扭曲。讀者可以嚐試一下使用兩種不同的方法，看哪種效果更好。
在這個例子中，最好使用Mesh Warp網格變形，因為它能夠提供更多的控製以方便修改和調整，並且變形後的文本隻是在水平方向發生了變化。而Corner Pin濾鏡還往往使文本在垂直方向移動並產生不均勻的變化，會使得文本上小下大，顯得傾斜過頭了。
三、增加其他素材動畫
單純的這個滾動文本隻是說明了電影故事的背景，但是電影序幕還需要一些其他的素材作鋪墊，例如電影標題。所以我們引入另外兩個素材。將Starwartitle.ai和Intro.ai從項目窗口中拖動到合成圖像窗口中，並調整其入點分別為0、5:14，出點為5：29和20：05。
對Starwartitle.ai應用Basic 3D濾鏡，調整Basic 3D濾鏡參數。設置起點Distance值為—200，並點擊時鍾標記產生一個關鍵幀，在13秒處設置Distance為1500。這樣將使該標題逐漸從大到小的進入屏幕，最後消逝在無垠的星空中。為什麼不直接采用Scale屬性，原因在於Scale屬性並不能充分的體現運動的縱深感，它是一種二維的運動模擬，而Basic 3d屬性提供負的屬性值，能夠較真實的反映物體在三維空間的運動。
對Intro.ai僅僅使用了Opacity（不透明）屬性控製，以得到一種淡入淡出效果。在Timelayout窗口中選擇Intro.ai層，按 T鍵展開其Opacity屬性，在0：00處設置為0%，並點擊Opacity屬性左邊的時鍾標記產生一個關鍵幀，在0：17處設置為100%，5：06 處設置為100%，5:14處設置為0%。 當文本消逝在無限的星空中時, 畫麵上一顆神秘的行星從下往上出現了。這個效果的製作是比較容易的。現在將素材Earth001.pct項目窗口拖動到合成圖像2窗口。改變其入點為 21：05，出點為30秒。在21：05處按P鍵，展開其位置屬性，將它拖動到合成圖像窗口下方，也可以直接改變其位置坐標，本例中我們設置為160、 129，點擊其左側的時鍾圖標，為它增加一個位置關鍵幀，在這個時間地球將處於屏幕下方不可見。將時間改變為30：00,將它拖動到合成圖像中間，或者改變其位置坐標為160、0，看一下Position屬性左邊的關鍵幀選擇框，確保已被選中。
現在可以進行渲染了。
綜合實例4：製作劃過文字的閃光
這個實例將製作一種常見的一道光芒劃過文字的效果。我們分為兩部分講述，分別說明劃過文字表麵與邊緣效果如何製作。（一）劃過文字表麵的光
1.建立一個合成圖像，尺寸為640x480，底色為黑色。
2.在時間布局窗口中，單擊鼠標右鍵，選擇New solid，新建一個solid，取名為text。選中該solid層，選擇菜單Effect>text>basic text濾鏡輸入幾個文字,文字的顏色設定為金黃色。當然也可以使用在Adobe Photoshop 和Adobe Illustator製作的文字素材。當然無論是PSD格式還是EPS、AI格式，文字都必須有alpha通道。
3.在合成圖像窗口中，把text層拖動到屏幕中央。然後選擇Edit>dublicate複製該層（如果是使用的外部素材，則可以直接從項目窗口中再次拖動到時間布局窗口）。為了選擇下麵的text層，按回車鍵更名為text1。選擇上麵的text層，按回車鍵更名為text2。
4.在時間布局窗口，鼠標右鍵單擊選擇New solid，取名為GlowBar，顏色設定為淡紫色，我們將用該層來模擬光線。這個層應該比較細長，所以該solid的尺寸這裏設定為70x400。如果要限製光線在某個範圍移動，那麼一種比較簡單的方法是使用matte，對於本例我們將用text2層作為限製光線範圍的層，它必須位於GlowBar層的上方。因此現在時間布局窗口中調整層的位置，GlowBar層應該位於text1層的上方,text2層的下方。點擊時間布局窗口下方的 Switchs/Modes切換按鈕中的Modes，展開混色模式選項，選擇GlowBar層 ，在其，Trkmat下拉菜單菜單中 alpha matte “text 2” ,一旦選擇了alpha matte “text 2”， text2層將自動隱藏。為了使光芒顏色比較明亮，在Mode下拉菜單中選擇Add混色模式。
5.在時間布局窗口中雙擊GlowBar層，打開層窗口。將蒙板的左右手柄分別向著中心方向拖動大約20像素，這樣將縮小“光線”的寬度，但是不需要調整蒙蔽板的上下手柄。關閉該層窗口。
6.回到時間布局窗口，選擇GlowBar 層，點擊左邊的三角圖標展開屬性，選擇Mask>mask feather屬性，也可以直接按鍵盤上的F鍵展開feather 屬性，設置feather 值為（30,0），這樣做的目的是使光線邊緣柔和一些。
7.按R鍵展開該層的rotate（旋轉）屬性，在下劃線上輸入19度，這樣將使“光線”傾斜一些。
8.調整當前時間為0：00：00,按P鍵展開GlowBar 層的位置屬性，在合成圖像窗口中將GlowBar 長條拖動到文字的左邊。
9.將當前時間調整到最後一幀，在合成圖像窗口中將GlowBar長條拖動到文字的右邊。
10、為了增強文字的立體感，在時間布局窗口中選擇text1層，為文字增加Bevel alpha和Drop Shadow濾鏡。現在整個效果就基本完成了。隻有你建立的“光線”足夠長，那麼光芒的頂端和低端就不會出現在最後的效果裏。光芒將從左邊劃過文字表麵。
（二）劃過文字邊緣的光芒
現在我們想使光芒劃過文字邊緣，這種效果的製作步驟稍有不同。
1.建立一個合成圖像，尺寸為640x480，底色為黑色。
2.在合成圖像窗口中，把text層拖動到屏幕中央。然後選擇Edit>dublicate複製該層（如果是使用的外部素材，則可以直接從項目窗口中再次拖動到時間布局窗口）。選擇下麵的text層，按回車鍵更名為text1。選擇上麵的text層，按回車鍵更名為text2。 3. 在合成圖像窗口中將兩個文字層都調整到屏幕中央位置。進一步通過鼠標拖動調整，使text2層比下麵的text1層大約往左上方偏移5個像素，這樣的目的是模擬文字的邊緣。
4.新建一個solid，顏色設置為灰色。大小為70X400。取名為GlowBar 。我們如何限製光線移動在文字邊緣部分，實際上如果隻能看到光線在文字邊緣部分移動，那麼這個效果也就實現了。因此應該使用text 2層作為GlowBar層的matte。現在在時間布局窗口中調整各層的位置，確保GlowBar層位於最下方，text 2層在其上方，text 1層位於最上方。點擊時間布局窗口下方的Switchs/Modes切換按鈕，展開混色模式選項，選擇GlowBar層，在其Mode下拉菜單中選擇Add，Trkmat下拉菜單菜單中 alpha matte "text 2" ,一旦選擇了alpha matte "text 2"， text2層將自動隱藏。
5.選擇GlowBar層，雙擊GlowBar 層，在該層的層窗口中往中央調整蒙板的左右手柄大約20像素。
6.回到時間布局窗口，選擇GlowBar 層，按鍵盤上的F鍵展開mask>mask feather 屬性，設置feather 值為（30,0）。
7.按R鍵展開該層的Rotate（旋轉）屬性，在下劃線上輸入19度，這樣將使“光線”傾斜一些。
8.調整當前時間為0： 0：00,按P鍵展開GlowBar 層的位置屬性，在合成圖像窗口中將GlowBar 長條拖動到文字的左邊。
9.將當前時間調整到最後一幀，在合成圖像窗口中將GlowBar長條拖動到文字的右邊。在本例中，雖然“光線”在整個text 2層的alpha通道（文字）範圍內移動，但是由於其大部分被text 1層的文字所遮蓋，因此我們所看到的實際就是光芒劃過文字邊緣的效果。
