《AE教學》平價實用!人人都會的雷射眼效果!

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

這次的內容是雷射眼的效果,一樣用遮罩…


直接進入正題,

這是這次的素材:

浪漫的兩人組。

 

再開始操作前,可以先將直線模式開啟:

快捷鍵Ctrl+Shift+Alt+K。

 

 

趁他們不注意,直接進入Mocha AE:

 

找到它們要射出雷射眼的畫面:

這裡只有女生會射出雷射。

 

追蹤眼睛的動態:

這裡並非追蹤眼珠、瞳孔,而是整個眼睛區域。

 

先往前追蹤到雷射將射出的地方:

 

再往後追到雷射要消失的地方:

其中的追蹤不能有偏移或太大的偏差,如果有的話請重新追蹤。

 

另一隻眼睛也是一樣:

除非你要讓她當獨眼龍的女兒。

 

雷射追追追:

 

 

整個馬啾一起追:

 

追蹤好後,CTRL+ALT+Y創兩個空物件,再將剛才追蹤出的兩個眼睛個別套用變形再空物件上:

這裡調整了它們的開始位置。

 

CTRL+Y創一個色板:

在上面畫一個直線路徑,只需要兩個節點就好。

 

然後在Window內找到Create Nulls From Paths:

如果你沒有這個功能,請更新至CC 2018。

 

然後選擇剛才畫出來的遮罩Path:

點下去後就會產生兩個空物件來控制遮罩節點。

不用遮罩的話,也可以用Beam效果…這邊繼續使用遮罩。

 

加入Stroke效果:

 

如下圖:

Stroke效果上方兩個BEAM就是遮罩節點跟隨的效果,在圖層區塊可以看到除了兩個Eyes眼睛的變形,還有兩個BEAM: Mask,分別控制遮罩的兩個節點。

 

改一下名字;

射出來就是頭的位置,將它跟隨其中一隻眼睛的位移。

 

它就會跟隨那隻眼睛的位移:

 

那射過去、雷射射去的位置,要用表達式來設定一下:

個人的習慣是使用表達式來控制,比較方便。

 

先加入Slider Control效果:

 

並且拷貝一個,取名為X和Y,然後將射過去的座標表達式設定如下:

簡單說就是讓X軸乘以X的Slider數值,Y軸乘以Y的Slider數值。

 

完整的表達式如下:

如上圖,將X的Slider拉高後,座標的X軸就會乘上這個數值,變得更遠(正數為右邊)。

 

有了這招小撇步,還是得靠手動調整來設定一下關鍵影格:

 

依照人物的眼睛方向做調整:

 

要讓雷射消失,這邊是直接對線條粗細做調整:

如果你用的是Beam效果,也是一樣的方法。

 

不過剛才追蹤的中心位置並非瞳孔的地方,所以會有偏移:

一種解決方法是在Mocha內在話一個瞳孔區域、跟隨追蹤並調整位置,

另一種則是直接在這個地方來修改。

 

至於怎麼修改,這邊和剛才控制射過去的座標方法異曲同工之妙,

 

我對這隻眼睛的座標設定表達式:

讓X軸加上Slider的變化,所以正數往右,負數就是往左。

 

如下,讓雷射的起始點對上瞳孔的位置:

 

拷貝一個雷射:

這個是要做另一隻眼睛的雷射。

 

因為是另一隻眼,控制也要創一個新的:

不然它位置仍會與第一隻眼一樣。

接著也和第一隻眼一樣的調整和控制:

 

像這樣:

 

藉由X、Y軸的Slider的變化,讓雷射也能往右射:

嗯?你說那個男生會被射到?等等就知道了,天才六六是不會讓這種事發生的。

 

這邊將COMP改個名字,然後把影片改為Guide Layer:

 

然後將這個COMP再拉去開一個新的COMP:

 

雷射的部分可以拷貝幾個,用表達式簡單調整不同的粗細:

這步驟參考參考就好。

 

加入Roughen Edges修飾邊緣:

 

或是Turbulent Displace:

也可以只選一種,或是兩個都不要。

 

兩種效果都可以對Evolution做些動畫效果:

 

系統公告:層次不足,雷射需要更多層次。

拷貝多個雷射,個別調整不同的線條粗細、模糊或光暈,讓層次更多。

 

在外部COMP,因為雷射眼內的影片是Guide Layer屬性,不會在外部COMP顯示出來,所以這邊再拉一層影片進來:

 

如果你還沒開起直線模式,現在可以開啟:

實際上直線模式要在一開始就先開好,會比較好~

 

雷射的色彩可以選擇你喜歡的色彩,藉由Glow加強核心的亮度,

而在外部,可以利用Curves來改善亮度不足的問題:

 

如果還要對眼睛做一些修飾,可以將追蹤出來的眼睛空物件複製出來:

因為本次教學只針對雷射的部分,加上時間有限,瞳孔、眼睛周圍的雷射變化則暫不處理。

 

可利用追出來的眼睛位移來畫眼睛瞳孔的遮罩:

 

有了眼睛的動態,遮罩只需要做一點調整即可:

 

如下:

 

 

 

成品範例:

看吧,天才六六根本不會讓男──

 

素材來源:

https://www.motionelements.com/zh-hant/stock-video-11763755-the-guy-on-the-roof-of-a-tall-building-closed-the-girl-s-eyes

 

此教學AE專案欓下載(cc 2018):

 

 

 

 

 

 

 

 

 

 

 

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

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

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