受保護的內容: 《時事特效教學》英雄聯盟動畫【塗鴉螢光】視覺效果！

哈囉！大家好

這次要教大家的是如何仿製英雄聯盟新動畫中

分常有趣的視覺效果

參考：

成品：

這次會學到以下幾個技巧

1. 如何製作線條

2. 如何製作色塊

3. 如何手繪塗鴉

那我們開始吧！

首先匯入我們的素材

去背的部分就不再贅述，一樣使用 Keylight

接著將我們的素材右鍵Pre-Comp

接著道上排點New Composition，新增我們主要要使用來製作特效的Comp

而這麼做的用意是先設定好時間，因為這次特效包含簡單的剪輯

這邊設定時間為2秒15格，盡量不要以太長為主

接著我們可以回到剛才素材的Pre-comp，並縮減到自己需要的地方

接著透過複製貼上，把你要的片段貼到剛才創立的新Comp

這邊可以注意到片段中間留下了空格，如同參考中，人物也會消失，透過幾何形進行轉場

空格的時間可以依照個人喜好

接著我們開始進行製作人物的視覺效果

1. 如何製作線條

開啟我們剛剛去背好的圖層

找到 Find edges特效

放上圖層後會馬上有邊緣的效果

我們可以透過在Find edges丄放上一個 Curves 特效，調整邊緣的細節出現程度

如畫面顯示，調高後線條也變粗了

接著使用 Tint 特效將畫面多餘的彩度去除

最後 Find edges 的 Invert 記得勾選

如此一來才會是黑底白線

2. 如何製作色塊

接著我們可以將圖層複製一遍

並把原本的命名成 Outline(外框線)

新的圖層把除了 Keylight 以外的特效都刪除

並且命名 Color 1

接著這邊要注意，因為本次素材的衣著是明度對比較為明顯

所以選用 Luma Key 作為去隔的特效

如果是自己嘗試拍攝素材，穿著彩色鮮明的衣服，也可以用 Color Key 試試看

回到 Luma Key

我們把模式調整為 Key Out Brighter

並將數值拉高

你可以注意到，圖層暗部的地方被隔離出來

這時候我們可以把 Outline 圖層

的混和模式改為 Add

如此一來去對出外框線與暗部

在來使用 Hue/Saturation特效

放上去後

將 Colorize 打勾

並且先調高彩度

這時候畫面應該就會有明顯的變色

再來也可以提高明度

最後上方的 Hue 則是色相

靠以上三個調整出自己想要的顏色

接著我們可以靠一樣的手法，複製一個 Color 2

但這次改為 Key Out Darker

調整Hue/Saturation數值

如此一來衣服白色的地方，也可以依照自己喜好變色

至於雜質的部分，可以依照個人喜好決定要不要去除

去除最簡單的方法就是使用 Choker

放上特效後只要將數值調高

就可以將色塊稍微跟外框線隔開，並且便更地滑順

接著 Color 的手法也十分相似

這次是使用兩個 Luma Key，分別是不同模式，並取得一個中間值

就可以擷取出皮膚色/灰色的部分

接著就是靠著三種顏色的分別混搭

如開場可以留有外套跟上衣色等

人物視覺效果的部分完成了

接著微調時間軸後

規劃一下人物動作與出場位置

這邊教如何將人物快速換衣服顏色的方法

首先將剛才製作好的圖層在 Project 視窗複製3個

並依序去圖層內修改成不同的樣子

接著只要按住 alt 拖曳你要的那個配色，拖曳到下方時間軸的圖層上方取代

如此一來就可以快速替換裡面的配色

接著就是新增Solid

選擇黃色並放置到部分空檔製作轉場視覺效果

將所有圖層PreComp

接著就可以準備下一步驟了

3. 如何手繪塗鴉

找到筆刷工具

接著雙擊圖層

視窗會切換到 Layer 的狀態

對了，這時候可以去調整一下 Composition的設定

將設定的隔數調到18格，這樣比較符合動畫的格數

也可以降低繪畫的時間成本

接著就是土法煉鋼的一格一格繪製

去繪製出你想要的視覺效果

但因為 AE 在手繪的功能還不算完善

可以透過 Page up 跟 down 鍵去快速瀏覽前一格，後一格

大致繪製完後

這次教學的主要步驟也告一段落

最後就是依照參考的效果，增加一些雜質等效果

就大功告成了，那因為教學時間關係，繪畫的部分其實可以更自由地發揮

此教學AE素材下載(cc 2018以上)：

受保護的內容: 《時事特效教學》Google無線耳機廣告【面部投影】Motion追蹤！

哈囉！歡迎大家來到新的教學時光

這次的教學將從Google的無線耳機廣告中取材參考

藉此可以學到商業廣告中常用到的效果

並且同時學習到一些MG的製作方法

你這次將會學到

1. 如何製作箭頭動態

2. 如何點追蹤

3. 將點追蹤結果合成到畫面上

這是我們這次的素材

參考

成品

首先將我們的素材放入AE

並且擷取需要的部分製作一個Comp

1. 如何製作箭頭動態

接著找到鋼筆工具

找到臉部側面的時間點

並劃出你想要的線條

接著我們在 Windows 視窗找到 Create Nulls from Path 的腳本

接著你會開啟這個視窗

我們選擇剛剛畫好的線條，並確定要選擇到 Path

接著回到剛剛的視窗按下 Trace Path

這時你的圖層就會自動產生一個 Null

並且這個 Null 會跟著剛才化的路徑移動

接著我們可以透過按住圖形工具，選用多邊形工具

並且透過上下漸減少多邊形邊數，藉此畫出一個三角形

接著我們將三角形放到路徑開始的地方

接著確保 Null 上的路徑 Progress 是 0

檢查Null 與三角形是否是重疊的

以上確定後透過拖曳螺旋狀的按鈕，把三角形連結到 Null 上

接著就可以透過調整 Progress 的數值，看到三角形在路徑上移動了

這邊會遇到一個小問題，到100%時，三角形的方向可能會歪掉

解決辦法其實很簡單，只需要確保結尾的地方是到99%即可

接著回到我們的路徑圖層，打開後點選 Add ，並找到 Trim Paths 效果

圖層底下就會多出一個 Trim Path 的選項

點開後選取 End

並設定關鍵影格，並跟剛才 Progress 的關鍵影格同步

如此一來你的畫面就有箭頭伸長的效果了

接著要將線條變成虛線

我們打開路徑的圖層，找到下方選項 Dashes 並按下右邊的 +

這時候就會多出選項

也會注意到你的路徑已經變成虛線了

接著調高 Dash 的數值

就可以將虛線調整到適當的大小

接著我們可以稍微整理一下圖層，將他們命名好

另外一條箭頭的部分，重複以上動作製作即可

同樣的方式繪製

需要特別注意的地方是三角形的方向需要跟著路徑開始地方旋轉

都完成後選取第二條路線

並將他們的圖層時間軸都向後移

如此一來路徑的部分就完成了

接著其他裝飾的部分就沒有特別的動畫

就是使用圖形工具繪製即可

一步步將圖形完成

這邊可以特別注意，同樣的圖形建議繪製在同個 Shape 圖層

完成後

可以選取所有圖形圖層

按右鍵將他們 Pre- Comp

並命名

有個小細節是他指到圓形時會變色

這個可以透過點開圓形的圖層

找到 Color

並且設定關鍵影格完成

圖形的部分告一段落

2. 如何點追蹤

這邊特別提一下，點追蹤有時候可以在面追蹤不太能漂亮抓取畫面時

使用的替代方案，並且混和手動調整透視變形，去達到你要的效果

首先我們找到 Track 視窗中的 Track Motion

點選後畫面中間會出現一個追蹤點

我們調整追蹤點到耳機上，找出對比強，明顯適合追蹤的點

並且追蹤的兩個方框內外分別代表

追蹤的點、尋找下一張追蹤的範圍

接著到剛才的視窗，點選箭頭追蹤

追蹤過程中可以暫停

並手動調整位置，確保追蹤效果

完成後我們到 Layer 去新增一個 Null

回到剛才視窗

點選 Edit Target

會跳出一個視窗，選取剛才的 Null

並在點選右下角的 Apply

直接點選 Ok

這時候你的 Null 就會有追蹤的動態了

接著將剛剛 Pre-Comp過的路標圖層

依樣透過拖曳的方式連結到 Null 上

點追蹤就大致完成了

3. 將點追蹤結果合成到畫面上

接著我們點選路標圖層按 S

可以開啟調整大小設定

我們將連結點掉

並設定關鍵影格

接著對著畫面去調整寬度，使圖形有類似透視、旋轉的感覺

接著我們可以將 Null 跟路標圖層

再 Pre Comp 依次

接著找到 Displacement Map特效

放上圖層

將影響圖層改為素材 footage

並將影響效果都改為 Luminance

如此一來路標就會因為畫面的光影變化而有突起變形效果

接著因為圖形看起來太鋒利了

我們使用模糊效果

加上發亮效果

去讓圖形看起來更像投影的效果

最後別忘了更改混和模式，這邊是調整為 Screen

最後圖層一開始在側面凸出來的地方可以透過遮罩去去除即可

因為動態很簡單

Mask 的關鍵影個也不會太複雜

別忘了遮罩必須調高羽化程度讓畫面更自然

到這個地方告一段落

最後就是依個人喜好的調色與微調視覺

這次教學就到這裡！

受保護的內容: 《時事特效教學》把自己變成金牌特務【置入電影】教你如何用AE製作出來！

哈囉 大家好，歡迎來到時事教學時間。

這次要教大家的是如何將自己置入在電影畫面中！

我們這次拿最近剛釋出的「金牌特務」預告片來做示範

將會拿這個畫面當示範

並且將自己和成在其中

這次你將會學到

1.基本3D攝影機追蹤

2.快速顏色校正

3.精確顏色校正

4.合成技巧

那我們開始吧！

首先先將我們的素材置入

分別是自己拍攝的影片

以及下載的電影畫面

在預覽視窗

你可以透過 {} 兩個按鍵，擷取你要的片段

這次的片段就擷取開頭的這段空景

接著在Project視窗對素材按下右鍵，並建立新的 Comp

就可以直接已被景的長寬比建立一個 Comp 了

接著因為這樣 Comp 的名字太長了

稍微更改一下按下右鍵、Rename

這邊我習慣取 Main 讓自己知道這是主要的工作區域

1.基本3D攝影機追蹤

我們開啟 Tracker 視窗

並點選右上角的 Track Camera，在這之前記得點選圖層

接著畫面就會跑出正在分析的畫面

稍等一下，分析會因為畫面的內容跟長短而有差異

完成後會出現像這樣的畫面

這時候如果你看撥放

會發現許多追蹤點漂亮的跟著地面

這時候去按下 Create Camera

AE就會依照剛才在畫面分析出來的數據

去建立出一台攝影機跟運動

這時候就可以把素材丟進來

綠幕去背的部分就簡單帶過

使用鋼筆圈出綠幕的範圍，製作出遮罩

接著使用Keylight特效

用Screen Colour的吸管選畫面上的綠色

記得把 View 換成 Combiened Matte 檢查去背的乾淨度

透過調整 Clip Black/White 去乾淨

得要盡量沒有灰色地帶才可以

最後邊緣的地方太過鋒利不自然

可以透過 Shrink/Grow 往內縮後

在調整 Softness 羽化一點

稍微羽化就可以了

接著點右方的正方形，把圖層開啟3D模式

這時候神奇的事情，人物完美的跟在背景的相機運動上了

3D相機追蹤就大致完成

只需要再調整一下素材的位置即可

2.快速顏色校正

位置對了接下來要融入畫面最重要的是色調

因為背景是已經調過色的畫面

我們得讓素材盡量一致

最快速的方法是使用 Tint

放上圖層後會先變成黑白的

這時候試著去找到背景中的陰影處

接著使用特效的吸管 Map Black To

去吸背景的陰影處顏色

在使用 Map White To 去吸亮面的顏色

這時候你的人物依然呈現雙色調

只要降低雙色調化的程度

就可以達到帶有背景陰影亮面色調的素材了，是不是很方便呢

接著可以開啟個動態模糊，避免後面忘記

3.精確顏色校正

學了簡單的方式後

接下來要交大家更精確的調色方式

首先我們開啟 Info 視窗

並按右上角，選取最下方的 Decimal

這個視窗可以讓我們知道滑鼠所指的地方的顏色資訊

我們這時候去背景找到陰影處

並記下RGB分別的數值，可以不要記到太後面，小數點後2~3位即可

接著再找到素材的陰影處

一樣記下數值

再來找到 Level 特效

並放上素材

接著把 Channel 調為紅色

我們要以上面得到的資訊開始調色

將上方的數值減下方的數值

得到的結果輸入 Red Output Black 的設定中

接著也對綠色藍色做相同的步驟

這時候你素材陰影的結果，就會與背景一致了

但這只是陰影的部分

也需要對亮面做一次相同步驟

亮面的設定則是去

Output White 調整

並且是數值相減後再加一，才是正確結果

4.合成技巧

最後做了以上的調整後，其實可以再針對自己的喜好做點微調

有時候用視覺去抓，可以讓畫面更舒服一點

另外也可以獎圖層複製一遍

選複製的按右鍵並 Pre comp

接著點進去 Pre comp

並找到 fill

將白色灌入背景

黑色灌入素材

再找到 CC Radial fast blur 特效

放置素材上

回到主要的圖層並選擇 Multiply

就可以製造微微上帝光、背光的感覺

最後為了讓素材的鋒利度更接近背景

我們使用 Unsharp Mask 並直接丟上去即可

最後加個槍火素材，畫面就完成拉！

相同的技巧可以用在任何其他畫面

還不快試試看比自己放在電影中

受保護的內容: 《時事特效教學》小丑【數位化妝】教你如何用AE製作出來！

哈囉！大家好，歡迎來到時事教學時間

相信有在關注影視新聞的都知道電影「小丑」快上映了

今天我們就要教大家如何用AE將人物畫上小丑的妝扮

Ref:

Before:

After:

這次會學到的重點有

1. 臉部追蹤注意事項

2. 如何使用臉部追蹤

3. 如何數位化妝

4. 頭髮變色

那我們開始吧！

1. 臉部追蹤注意事項

在拍攝要臉部追蹤的素材時

要注意臉部的光線必須清楚

眼睛、鼻子、嘴巴、眉毛以及輪廓必須明顯

最直接的方法就是使用正面光，也是這次案例的打光方式

最後是臉部在移動時，可以有角度變化，但盡量不要過於側面。

2. 如何使用臉部追蹤

接下來我們可以先將影片剪輯，只擷取要數位化妝的片段

並且放入AE

接著對素材按右鍵，選 New Comp From Selection

創建一個新的 Comp

接著找到鋼筆工具

並大約畫出臉部範圍

這邊要注意，選取的範圍臉部盡量是正面

這次案例第一格剛好就是正面

接著點選Mask，並找到 Tracker 視窗

就會出現以下選項

我們在 Method 中找到 Face Tracking(Detailed Features)

沒問題後就可以按下箭頭開始追蹤

追蹤時畫面會出現許多追蹤點跟著移動

完畢後就會有眼部、鼻子、嘴巴等細節的追蹤點

臉部追蹤就到這邊告一段落

3. 如何數位化妝

數位畫妝我們需要先將影片其中一格輸出，並丟到 PS 中化妝

這邊我們可以把剛才的 Mask 從 Add 改成 None

這樣可以看到臉部以外的畫面

接著我們找到臉部最清楚的一格畫面

並且將工作區域拉到只有一格

接著在 File - Export - Add to Render Queue

下排就會出現 Render Queue

我們點開 Output Module 設定

並將 AVI 改成 PNG Sequence

接著在 OutputTo 設定中丟到你要的資料夾

將圖片丟入 PS 後

開啟一個新的圖層

將混和模式改為覆蓋

並使用筆刷工具

並且在新的圖上劃出你要的妝容

接著關閉原本的影片圖層，只要留下裝扮圖層就好

並將PS存檔

回到AE中，並將圖片丟入

會跳出選項視窗，直接點OK即可

這時候你的AE就會有PS檔所製作的Comp，以及圖層檔案

接著直接將PS所製作的化妝Comp丟進追蹤好的Comp中

接著是將裝扮合成到追蹤的重點

我們使用圖釘工具

並且記下追蹤點是在臉上那些部位

開始一項項將追蹤點釘上化妝的圖層

接著比較累一點，要將追蹤好的時間軸，一個個複製到圖釘點上

此外可以在上方點取 Mesh Show 的設定，可以清楚看到妝容的變形

如果途中發生妝容脫離的狀況

可以去上方的 Expansion 調高，讓外框延伸

全部處理完後，上妝的第一步就完成了

接著我們要來處理細節

如妝容會溢出臉部

我們先將剛才的妝容 Comp 再右鍵 Pre- Comp 一遍

並可以命名一下，且要選取下方的設定

接著我們將剛才追蹤臉部時，出現的Mask複製

直接貼在剛才 Pre-Comp 好的圖層上，並將 None 改為 Add

這時候很明顯 Mask 就會切掉臉部以外的部分

並且記得將圖層改成 Overlay

這邊臉部還是有一點點溢出的狀況

可以直接用 Mask 的 Mask Expansion 負數，往內縮解決

臉部溢出的狀況就解決了

接著我們要讓妝容自然一點

我們進到妝容的 Comp 找到PS素材

並搜尋 Roughen Edges 特效

將它直接放上素材

並且調整 Border 與 Edge Sharpness 等設定，讓妝容邊緣更柔和自然

接著下個問題是，處理完臉部溢出，但是發現頭髮的部分妝容也覆蓋到了

我們複製一遍影片素材

並且丟到 Makeup 上方

重新命名一下

接著找到 Luma key 特效，放上頭髮 Comp

可以點圖層右邊的圓圈，讓畫面只顯示那個圖層

接著將Key Type 改成 Key Out Brighter

這時候慢慢調整到只有頭髮出現，皮膚消失的狀況

就完成了

接著我們要再臉部添加一點點的細節

使用 Texturize 特效

並將 Layer 改成影片素材

這時候臉上的陰影與毛細孔的細節，原本被妝覆蓋掉，就會再更明顯一點

4. 頭髮變色

我們將剛才的頭髮圖層複製一遍

並且使用 Mask 一格格大概框出頭髮，由於有 Luma key 的關係，大概框就可以了

接著找到 Curves 特效並丟入

把 Channel 設成 Green

並將曲線拉起

這時候頭髮就會變成綠色了，但有個問題，邊緣的地方有髮絲沒有覆蓋到

這邊可以使用 Key Cleaner 特效

將 Additional Edge Radius 特效拉高

髮絲的問題就解決了

接下來就是一些細節的調整而已了

我們將 Makeup 再 Pre-comp 一遍

目的是為了幫妝加上動態模糊

Pre-comp 完後找到 Pixel Motion Blur 特效，放上圖層即可

基本上這次的教學主要都完成了！

接下來只要再做些調色、震動等，就可以讓畫面更加恐怖囉

甚至可以用一些特殊的閃爍跟運鏡增添氣氛

這次教學就到這邊結束囉