《AE教學》一筆一劃寫出來~輕鬆完成文字的筆畫動態!

哈囉!又到了快樂的教學時光。

這次的教學非常簡單,要用AE來製作文字的筆劃動畫。

 

在這篇教學中你會學到:

  1. 如何製作寫出文字的動畫效果。
  2. 如何修正該動畫會露出其他筆劃的問題(兩種修法)。
  3. 如何再次運用金屬造型文字……

 

文章底下附有本教學使用的專案檔。

 


一如往常,開好專案和COMP,取好名:

然後輸入你要的文字,這邊我輸入我自己。

 

再創建一個”搜裡的”(Solid),或是調整層(Adjustment Layer)也可以:

取名為strokes,並先關閉圖層顯示。

 

直接進入操作:

用鋼筆開始畫筆劃的順序。

這邊要注意一件事,請不要一條鋼筆線就一次畫到底,請分開來畫。

一個筆劃畫好後,可以點一下時間軸或其他介面的空白處,就可以斷開目前的鋼筆路徑、繼續畫下一條鋼筆路徑。

 

※其他方法可以使用Write on來做筆劃動態,不過本次教學並不使用Write On來做。

 

※外掛部分則可以使用粒子或3D Stroke。這邊不多做說明。

 

水平的路徑:

可以按住SHIFT來創建、拖曳水平或垂直的鋼筆路徑。

同樣的概念可以運用在拖曳物件方面。

 

 

在同個圖層上畫好所有筆劃:

如果該筆劃的頭或尾是沒有其他筆劃存在(交接或重疊處),那鋼筆路徑請畫超過文字。(例如”指”字的日部分)

 

開啟該圖層的顯示:

並且加入Stroke這個效果。

 

設定如下:

顏色先選一個和背景、文字不同的、好辨別的顏色。

筆刷的Size拉大,確定筆劃會完整蓋住文字。

其他數值如上圖。

 

將All Masks打勾:

會發現全部的筆劃都出現了,那是因為End是100%的關係。

 

一般的做法在這邊,就是將End的數值從0%設定到100%就完成了

半成品:

大部份的網路教學也都在這邊就宣告結束。

 

不過

這邊會有個問題出現:

一般的做法就是將我們畫好的Strokes筆劃,讓文字吃它的Alpha,如上圖。

 

不過筆劃的形體並不會和文字字體一樣,因此讓文字吃筆劃的Alpha,就會露出該筆劃和其他筆劃交界的一部分`.

要怎麼解決這個問題呢?

 

我們再創一個圖層:

取名叫Matte。

教學出現了那麼多次的matte,應該知道它要做什麼了吧!

 

我們把筆劃之間的交界處(容易超過的部分)用鋼筆框起來:

稍微順著筆畫的方向畫。

 

 

全部畫好後會像這樣:

一樣,照著筆劃順序畫。(一定要照著順序畫哦!)

 

※小建議:

這邊有兩種修法,一種是用Stroke,一種是用Mask,因為複雜的筆劃往往都要用Mask修,所以繪製遮罩請用「框」的方式(如上圖)。

會有人覺得Stroke效果本身就具有筆刷粗度,於是只用鋼筆畫一條線的方式來遮住多餘的部分,那遇到筆劃複雜的字體就會修得很困難。

兩者並不建議共存使用,要嘛就都使用Stroke,或只使用Mask,如果要兩個一起使用,請分開圖層控制。

 

※注意:以下Stroke效果修正非教學正式使用的方法,正式使用的方法為Mask遮罩(後續會提到)。

加入Stroke效果:

將All Masks打勾,筆刷的風格改成Revel Original Image,

 

將筆刷的大小拉大,讓遮罩的內部全填滿色板顏色:

拖拉End觀察動畫,稍微拉到第一個筆劃的交界處來看看。

 

讓文字吃筆劃動態的Alpha:

 

回到strokes圖層:

替它的End值設定關鍵影格。

我這邊讓它從0~4秒,由0%變成100%,讓文字隨著Storke筆劃畫出。

 

我將剛才的matte圖層顏色改成紅色,以方便觀察它的存在。

 

將文字和它所吃的Alpha再comp起來:

Pre-Compose快捷鍵:CTRL+SHIFT+C。

 

 

回到matte的stroke效果上:

我將End改為100%,Start改為0%。

 

讓文字不出現matte的部分:

如上。

 

被吃Matte關係的圖層會自動關閉顯示,我這邊手動再把它打開:

然後將Start設定關鍵影格,並且按住CTRL+AL點擊關鍵影格,屬性變為方塊狀。

 

為方便觀察,我將matte的不透明度降低到42%:

而這邊的操作邏輯是,紅色matte用來遮住筆劃多畫的區域,而下一筆筆劃畫過多畫的區域後,就可以將紅色matte收起來。

 

因此,我這邊放大顯示時間軸區域(游標在時間軸介面時,可按住ALT+滾輪縮放),觀察筆劃的時間點,然後調整Start值,讓已畫過的紅色區域消失。

如下圖:

 

 

這邊犯了一個錯誤,就是筆劃的順序搞錯了:

 

我將畫錯的遮罩刪除:

然後重新繪製正確的遮罩。

 

你會發現,新畫好的遮罩會在遮罩列的最下層,我們只要將它拉上去,回到正確的順序即可。

由於遮罩修改後會更動到 Stroke效果的Start、End值所吃到的範圍,因此會建議使用遮罩的方式修正,不推薦Stroke。(後續會提到Mask修正的方法)

 

這邊發現它的筆劃超過的、露出右方的文字區域:

 

進入text comp內:

將該筆畫的鋼筆路徑修改一下,將最右邊的節點往左拉一點,讓它不要顯示到右側的文字區域。

 

又有matte筆劃順序錯誤的地方:

一樣的方法修正。

(後續相同的錯誤,或是少畫、多畫的部分將不再展示修正截圖)

 

如果matte筆劃內的Stroke順序有誤,你可以設定節點的起始點來解決這個問題:

 

 

 

某些特別的情況可以直接修改遮罩的不透明度:

這也是第二種修正的方法,你也可以直接用遮罩的不透明度去修改,這是最推薦的方法。

 

※比起Stroke,Mask可以獨立控制,修改路徑也較為方便;Stroke一旦修改了遮罩路徑,除了必須將遮罩的順序放回去,還會更動到Stroke的Start、End吃的範圍。

 

 

 

再更特別的情況是修改遮罩的路徑形狀:

 

注意:後面都用遮罩的方式去做修改了,因為較嚴謹的做法會是遮罩。Stroke的修法只用於造型簡單的文字,以及Start和End的%值比較好控制。

因為是用遮罩的修法,前面用Stroke的修法可能會因此導致有些錯誤(例如遮罩形體被更動),所以後面的修改OK後,請回頭檢查一下之前的遮罩和Stroke。

 

都修改好後我們在將matte的不透明度改回100%,然後關閉顯示。

 

筆劃的邊緣就會顯得乾淨許多:

 

如果你想要更仔細一點,連筆劃的轉折都要一筆一畫,那就要精確地將每個筆劃拆開來做;

再更細膩一點,就是調控每個筆劃的關鍵影格曲線,讓動態模仿手寫的速率,有快有慢。

教學這邊並沒有做這些處理。 ((鞠躬

 

 

 

 

成品:

看來這個金屬造型文字可以用到天荒地老呢…… ((遠目

 

這樣的筆劃動態不僅可以搭配材質,也可以替筆劃做漸層、粒子,加上光的軌跡或是水彩、墨水等等。

 

那這次的教學到這結束了,謝謝~

 


那如果想略過上方教學,或想要搭配專案檔學習

這邊附上這次教學專案檔供你選擇下載:(詳情請進入商品頁面)

[product id=”2760″]

※詳情請參考商品頁面。

 

非經授權請勿轉載本網站原創內容,盜用必究

若想得到更多教學資訊,歡迎加入六指淵學生社團

《立即分享》
Loading Facebook Comments ...