Split Frame / 動態切割畫面效果
動態切割畫面效果
是否經常在MTV、或快節奏影像上看到切割畫面的動態效果呢? 今天就跟大家分享:如何利用Shape Layer、TrkMat...等基礎技巧,輕鬆的製作出很酷的切割畫面效果!
操作步驟:
1、建立新的 Com
執行 Composition / new composition 新增一個Com:命名為「All」。
請自行依需求決定:名稱、影片尺寸與時間長度。
2、載入素材
載入將要應用切割畫面的圖片或影片,並單獨成為一個Com:命名為「Inside」。
3、增加切割線
在 「All」Com以Pen Tool筆工具,按住 Shift鍵:增加一條水平切割線(Shaper Layer),命名為 Split line。
請自行調整Stroke的顏色與寬度。
4 、新增遮罩範圍
4.1
執行 Layer / New / Solid 指令,在 「All」Com新增 Solid圖層:命名為「Matte 」。
4.2
建議將 Matte的尺寸放大,並移動Matte的位置,將 Matte的上緣對齊水平切割線(上端露出部分原有畫面)。

複製 Matte圖層:命名為「Matte2 」。
5、切割線與Matte的對位
5.1
重要:使用「Pen Tool」工具,將水平切割線的兩端調整到Matte邊界的「兩端」。
5.2
使用「Pen Behind Tool」工具,將 Split line 的 Anchor Point 調整到線段的中間。
6、設定遮罩顯示範圍
6.1
先將「Inside Com」拖拉進All Com中,在1秒後,執行 Edit / Split layer指令:切割 Inside Com圖層:會有前、後兩段,再將後段再複製一次。
6.2
分別將兩個後段Com分別命名為:Inside Top 、Inside Bottom
6.3
將 Matte2移到 Inside Top上方:將 Trkmat 設定為 Alpha Invert Matte2:只顯示出「上方」畫面。
將 Matte 移到 Inside Bottom上方:在 Bottom將 Trkmat 設定為 Alpha Matte:只顯示出「下方」畫面。
7、動態設定
7.1
將 Matte、Matte2, Parent給Split line圖層:這樣只有改變 Split line圖層的位置或旋轉,分割畫面的兩邊就會跟著改變!
7.2
設定Split line出現的動態。
直接在 Split line圖層Add(增加):Trim Paths屬性。
接著設定Start 或 End屬性的關鍵影格:從消失到出現。
7.3
設定Split line的「旋轉」動態,並配合Inside Top或Bottom 的變化(例如加入Tint色調變化的效果等。)
PS:若要旋轉的路徑變成直線變化:可以將 Keyframe中的Special interpolation設定成 Linear。
7.4
可依照自己的設計,配合Split line的旋轉來設定Inside Top與Bottom的Keyframe:同步改變Position與 Scale的變化。
新增改變線條顏色的方法
1 先選到線條圖層, 再選到Stroke旁邊的顏色框 . 或是在繪製線條前先選定好顏色 .2 在跳出的顏色視窗選好顏色後 , 就可以按下 OK 鍵 .
3 顏色切換成功!
謝謝您的分享!
回覆刪除想請問為什麼我怎麼調整使用tool pen畫出來的線都看無法改變顏色呢?
是剛學習AE的新手,不知道哪裡沒注意到
Hello Karen:
刪除謝謝妳留言!
無論是在繪製前或完成後要改變線的顏色,只要在上方工具列中,點選到 Stroke 旁邊的顏色框,就會跳出顏色視窗,選好顏色後按下OK就可以喽!
PS:我會將改變顏色的操作步驟擷圖增加至本篇教學的後面,再請大家參考!
有任何問題歡迎來信討論, 希望MGBoom 的教學能幫助妳學習AE! 加油
老師您好!
回覆刪除想請問當初是為了讓一個影片有兩種效果才做split layer對嗎?
那麼如果我有兩個影片素材,是否就不需要做這個動作?
Hello yi-zHen:
回覆刪除很高興你來信討論練習的經驗.
其實分割效果當然不只應用到一張圖or一段影片素材的變化而已.若能舉一反三的應用會更棒!
例如 我們有好幾個跟 " 圓形 " 有關的素材,如:錢幣/披薩/球.....等等.
我們可以配合切割線動態的時間點,立馬從球換成另外一邊是披薩...等.
這關鍵就在於: 把 錢幣/披薩/球.....等素材包成一個Composition(來取代原來的一張圖or一段影片),並配合分割線的動態做切換Composition內的素材變化就可以.
希望對你有幫助,歡迎保持討論.
MGBoom Design
老師您好 ~~
回覆刪除真的十分感謝您的分享!!
想請問以下兩個問題:
問題一) 如何把要應用切割畫面的圖片變成單獨成為一個Comp?
問題二)在步驟二的圖片裡ALL comp 和Inside comp前面有個”彩色”的小圖示,若為黑白是表示沒東西的意思嗎?
老師您好 ~~
回覆刪除真的十分感謝您的分享!!
想請問以下兩個問題:
問題一) 如何把要應用切割畫面的圖片變成單獨成為一個Comp?
問題二)在步驟二的圖片裡ALL comp 和Inside comp前面有個”彩色”的小圖示,若為黑白是表示沒東西的意思嗎?
Hello ABC:
回覆刪除很高興認識你or妳(因為取ABC這名子分不出ㄋ),
好了 言歸正傳:
關於第一個問題:
這想法很棒!,因為若將單一素材包成另一個Composition之後,就可以設計出更多的變化!
方法如下:
先選到該素材, 執行: Layer / Pre compose...指令,
若這元素本身沒有設定動畫,建議選擇"Move all....." , 若有動態的關鍵影格在裡面,就建議選擇 " Leave all..."選項(可依個人習慣選擇)
第二個問題
關於Project Window 中Composition前面的小圖示變成黑色,應該只是版本的不同(CC2014後AE的界面有調整過),但並不會影影任何功能. 意思是不管Composition裡有無素材都沒有影響!
希望以上回覆對你有幫助,也歡迎繼續來信討論與繼續支持 MGBooM!
MGBoom Design