哈囉!又到了快樂的教學時光。
這次的教學非常簡單,要用AE來製作文字的筆劃動畫。
在這篇教學中你會學到:
- 如何製作寫出文字的動畫效果。
- 如何修正該動畫會露出其他筆劃的問題(兩種修法)。
- 如何再次運用金屬造型文字……
文章底下附有本教學使用的專案檔。
一如往常,開好專案和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"]
※詳情請參考商品頁面。