AE教程| 用After Effects制作超火的手机和电脑屏幕无缝转场效果

hello小夥伴們大家好今天我們就在AE裏面來製作一下這個利用手機和電腦偽一鏡到底的效果如果你看過我上上期AE內置MOCHA的基礎教程的話那麼這個效果對你來說應該是非常簡單的如果你沒有看過我上上期的教程那麼你就跟着我這期教程慢慢製作相信你也可以做一個非常不錯的效果那麼廢話不多說 我們直接開始製作首先我們新建一個項目然後把我們的素材導進來這裏我們直接用我們的素材新建一個合成今天這個教程我就用綠屏手機來給大家製作一下首先大家可以看到這段素材它也是非常抖動的而且它一開始在拍攝的時候我們是把鏡頭對準我們手機的我們這個手機在畫面中 它的佔比例是非常大的所以說大家在拍攝的時候儘量讓我們物體手機或者電腦在我們的畫面比例中占的比例比較大就可以瞭然後後面大家在慢慢移動出去這個鏡頭基本上就已經完成了那麼首先我們需要做的就是選擇我們這段素材然後在動畫裏面選擇在mocha AE中跟蹤這個地方我們不需要做任何的設置我們直接點擊OK然後我們簡單拖動一下時間滑塊預覽一下我們這段素材我們可以看到我們時間大概是在這個位置的時候我們手機就會滑出我們的畫面後面的這段時間就不需要跟蹤了那麼我們只需要跟蹤前面的那一段就可以我們需要點擊這個地方大家可以看到它有一個類似關鍵幀的東西我們直接點擊一下然後它就只會跟蹤這兩個紅色區域之間的地方後面的這段時間它就不會跟蹤然後回到我們第一幀的位置選擇我們鋼筆X然後給它畫一個遮罩這個遮罩我們還是快速的畫一下然後調節一下它的弧度移動一下它的位置包括這個地方好
我們大概畫完之後然後再點開它的矩形工具然後框一下它的四個角我這個手機它因為是圓角的所以說它四個角並不是特別好找我們只需要把它的全部綠色給框住就可以瞭然後點開我們一個參考物我們看一下大概就是一個這樣的效果我們可以看到它四個角全部被覆蓋住瞭然後我們勾選下面透視把這個數值20給它調到高一點 給它一個50然後我們點擊向前跟蹤就可以下面我們需要耐心等待一下好 現在大家可以看到它已經跟蹤完成了我簡單拖動一下它前面跟蹤的是非常不錯的就是我們到後面的時候大概是在這個地方大家可以看到它就會出現這種錯位瞭然後我們需要簡單調整一下大概是在這幀的時候我們選擇第三個快捷欄我們給它的位置打一個關鍵幀它的關鍵幀好像都已經打瞭然後我們放大一下然後再放大一下然後再往後拖動一幀然後再給它的位置打一個關鍵幀四個角我們都需要給它打一個關鍵幀大概就是這樣 然後再往後拖動這個時候我們就需要移動一下這四個角了我們把它的位置移動一下好
大概是這個樣子 然後再往後移動一幀移動一下這四個角的位置我們簡單的把手機螢幕的位置畫出來就可以並不是需要特別的複雜好 這個時候大家可以看到我給它拖錯了我這個時候它會出現一種這樣的效果會出現一條黃線那說明我們拖錯了我們把它拖回來就可以這個時候我們往前拖動一下它的位置可能會有一點點變動我把它選成合適然後往前拖動看一下 它的位置大家可以看到它的位置會有一點點變動這個是因為我們剛才拖動的時候出現黃線就會容易出現這個問題那麼我們再把它調整過來就可以了包括我們這個角它也會出現一點點的變動大家可以看到這個地方我們再把它拖回去就可以瞭然後我們再拖動看一下前面是沒有問題的
選成合適。前面是沒有問題 我們看一下其它的地方好 我們繼續調整後面這個角繼續放大一點好
還有兩針我們就已經調節完成瞭然後還是移動一下它的位置這個地方移動到這就差不多然後再往後移動一幀直接把它拖出來就可以瞭然後我們再看一下它跟蹤的效果現在大家可以看到它跟蹤的效果還是蠻不錯的因為我們都給它已經調節完成瞭然後下面就是匯出了回到我們第二個功能表列裏面然後選擇 這個選項然後功能表列裏面會有三個選項我們直接選擇第一個最長的就可以 然後點擊複製然後回到AE裏面然後我們再拖一段素材上來就是騎自行車這個素材然後我們找一個位置 我們先把它隱藏掉就是我們手機完全放下來
大概是這個時候手機是完全放下來的然後把這個素材複製一層出來把後面不需要的直接刪剪掉然後下面這層素材把前面不需要的也刪截掉就可以瞭然後把複製出來了這層素材 直接拖到我們最上面然後把我們下面這個素材也給它複製一段出來這個地方我把合成設置給它我們把它的時間給它稍微加長一點給它改成稍微長一點就可以然後把我們素材給它拖到後面來大概在這個位置就是讓我們兩段素材正好有一個交接的地方前面這段素材就是我們這個人在騎自行車到這個時候它就變成我們手機螢幕瞭然後把後面這段也給它提取出來按鍵盤上的CTRL+D複製一層把前面不需要的刪剪掉然後後面這段把後面不需要的也給它刪掉然後選擇我們這段素材 就是我們騎自行車的素材我們如何把它放到我們手機螢幕的上面這個時候粘貼上它的在MOCHA跟蹤的資料的話大家可以看到這四個角它是直角 它並不是一個圓角所以說我們需要把它放到這下面然後選擇我們手機屏在效果裏面找到自帶的摳像效果就可以然後這個時候我們點擊一下我們可以看到它就很好的把我們把綠屏就會給摳掉但是大家可以看到
它會把後面這些綠色的地方也會給摳掉怎麼摳像只扣我們手機的螢幕而不摳後面這個綠色的 其實非常簡單我們選擇下面這兩個工具 還有兩個吸管我們選擇一個吸管點擊一下大家可以看到它沒有任何效果那麼我們需要重置一下摳像然後我們先點擊下面這兩個吸管然後吸一下我們樹木的綠色然後再點擊上面吸管吸一下我們螢幕的綠色就可以了這個時候大家可以看到它後面這些綠色就不會被扣掉瞭然後我們再調節一下這裏面的畫面我們可以看到它上面還有一點點的小瑕疵我們只需要給它放大一個圖元就可以了我們不想調整跟蹤瞭然後我們可以看到它的效果是非常不錯的下面我們需要調整的就是給它縮放一下了選擇我們這兩個素材然後按鍵盤上的CTRL+SHIFT+C給它新建一個預合成然後修剪一下預合成這一幀的時候給它一個縮放然後把後面這段素材拉長一點把前面這段給它修剪掉選擇我們的預合成按鍵盤上的S鍵 打開它的縮放然後大概在一秒鐘的位置給它打一個關鍵幀然後回到起始位置把它的約束比例點掉
然後縮放一下然後按鍵盤上的P鍵打開它的位置 也給它打一個關鍵幀然後再按鍵盤上的U鍵打開它的關鍵幀屬性我們耐心調解一下這個地方我們需要給它縮放的大一點是因為手機它是圓角的 它有些地方會被遮住大家只需要耐心一點就可以了好 我們可以看到這個地方我們就給它已經調節好瞭然後我們再往後看
拖動一下我們的位置就發生了變化這個時候我們因為之前給它打了關鍵幀然後到這個位置帶右鍵給它重置一下它會自動打一個關鍵幀這個時候我們縮放效果還是蠻不錯的大家可以看到它會有一個這樣的變形跳躍那麼我們需要把我們預合成往前拖動幾幀大概拖動到這個地方然後按鍵盤的T鍵給它打一個透明度好像太多了給它一個三幀的位置把它的不透明度先改成0 打一個關鍵幀然後到這個位置把它的不透明度改成100%然後它中間還會有一個這樣非常大的跳躍我們調整一下我們下面這個按鍵盤的S鍵打開它的縮放 給它縮放一下然後按鍵盤的P鍵再移動一下它的位置105 164還是有點小
在稍微大一點再移動一下它的位置我們給它簡單對一下就可以不需要完全的重合上面然後我們看一下效果選成適合 然後我簡單的修剪一下現在大家看一下效果好 我們可以看到這個效果還是蠻不錯的它只是有一點點跳 那麼我們還需要給它簡單地調節一下怎麼調解
其實也非常簡單還是繼續給它縮放一下就可以然後我們把後面這段 繼續調解一下它的位置還有一個非常簡單的方法就是我們在這一幀的時候就是在它變形的時候按鍵盤的S鍵給它的縮放打一個關鍵幀然後在前面這幾幀的時候給它縮放的大一點不要特別短 在這一幀的時候讓它明顯有一個這樣縮放的效果因為到這一幀的時候它就會有一個這樣類似於這種自然過渡的效果瞭然後我們播放看一下好 現在大家可以看到我們加了給下面這段素材加了一個縮放的話它的效果就比剛才好了非常的多大家可以看到它的效果就已經非常棒了基本上看不到它有特別大的瑕疵了這個就是我在AE裏面利用手機和電腦製作這種偽一鏡到底的效果如果大家喜歡這期教程的話也請大家多多轉發關注一下我的頻道謝謝大家
我們下期再見