Split Frame / 動態切割畫面效果

Split-Frame-gif.

動態切割畫面效果

是否經常在MTV、或快節奏影像上看到切割畫面的動態效果呢?
今天就跟大家分享:如何利用Shape Layer、TrkMat...等基礎技巧,輕鬆的製作出很酷的切割畫面效果!


操作步驟:

1、建立新的 Com
執行 Composition / new composition 新增一個Com:命名為「All」。
請自行依需求決定:名稱、影片尺寸與時間長度。

Split frame 01

2、載入素材
載入將要應用切割畫面的圖片或影片,並單獨成為一個Com:命名為「Inside」。

Split frame 02

3、增加切割線
在 「All」Com以Pen Tool筆工具,按住 Shift鍵:增加一條水平切割線(Shaper Layer),命名為 Split line。
請自行調整Stroke的顏色與寬度。

Split frame 03

Split frame 04

4 、新增遮罩範圍
4.1
執行 Layer / New / Solid 指令,在 「All」Com新增 Solid圖層:命名為「Matte 」。

Split frame 05


4.2
建議將 Matte的尺寸放大,並移動Matte的位置,將 Matte的上緣對齊水平切割線(上端露出部分原有畫面)。

Split frame 064.3
複製 Matte圖層:命名為「Matte2 」。

Split frame 07

5、切割線與Matte的對位
5.1
重要:使用「Pen Tool」工具,將水平切割線的兩端調整到Matte邊界的「兩端」。

Split frame 08

5.2
使用「Pen Behind Tool」工具,將 Split line 的 Anchor Point 調整到線段的中間。

Split frame 09

6、設定遮罩顯示範圍
6.1
先將「Inside Com」拖拉進All Com中,在1秒後,執行 Edit / Split layer指令:切割 Inside Com圖層:會有前、後兩段,再將後段再複製一次。
6.2
分別將兩個後段Com分別命名為:Inside Top 、Inside Bottom

Split frame 10

6.3
將 Matte2移到 Inside Top上方:將 Trkmat 設定為 Alpha Invert Matte2:只顯示出「上方」畫面。
將 Matte 移到 Inside Bottom上方:在 Bottom將 Trkmat 設定為 Alpha Matte:只顯示出「下方」畫面。

Split frame 11

7、動態設定
7.1
將 Matte、Matte2, Parent給Split line圖層:這樣只有改變 Split line圖層的位置或旋轉,分割畫面的兩邊就會跟著改變!

Split frame 12

7.2
設定Split line出現的動態。
直接在 Split line圖層Add(增加):Trim Paths屬性。
接著設定Start 或 End屬性的關鍵影格:從消失到出現。

Split frame 13

Split frame 14

7.3
設定Split line的「旋轉」動態,並配合Inside Top或Bottom 的變化(例如加入Tint色調變化的效果等。)
PS:若要旋轉的路徑變成直線變化:可以將 Keyframe中的Special interpolation設定成 Linear。

Split frame 15

7.4
可依照自己的設計,配合Split line的旋轉來設定Inside Top與Bottom的Keyframe:同步改變Position與 Scale的變化。

Split frame 16

新增改變線條顏色的方法

1 先選到線條圖層, 再選到Stroke旁邊的顏色框 . 或是在繪製線條前先選定好顏色 .

Change Color 1

2 在跳出的顏色視窗選好顏色後 , 就可以按下 OK 鍵 .


Change Color 2

3 顏色切換成功!

Change Color 3

 .

7 則留言:

  1. 謝謝您的分享!
    想請問為什麼我怎麼調整使用tool pen畫出來的線都看無法改變顏色呢?
    是剛學習AE的新手,不知道哪裡沒注意到

    回覆刪除
    回覆
    1. Hello Karen:
      謝謝妳留言!
      無論是在繪製前或完成後要改變線的顏色,只要在上方工具列中,點選到 Stroke 旁邊的顏色框,就會跳出顏色視窗,選好顏色後按下OK就可以喽!

      PS:我會將改變顏色的操作步驟擷圖增加至本篇教學的後面,再請大家參考!
      有任何問題歡迎來信討論, 希望MGBoom 的教學能幫助妳學習AE! 加油

      刪除
  2. 老師您好!
    想請問當初是為了讓一個影片有兩種效果才做split layer對嗎?
    那麼如果我有兩個影片素材,是否就不需要做這個動作?

    回覆刪除
  3. Hello yi-zHen:
    很高興你來信討論練習的經驗.
    其實分割效果當然不只應用到一張圖or一段影片素材的變化而已.若能舉一反三的應用會更棒!

    例如 我們有好幾個跟 " 圓形 " 有關的素材,如:錢幣/披薩/球.....等等.
    我們可以配合切割線動態的時間點,立馬從球換成另外一邊是披薩...等.
    這關鍵就在於: 把 錢幣/披薩/球.....等素材包成一個Composition(來取代原來的一張圖or一段影片),並配合分割線的動態做切換Composition內的素材變化就可以.

    希望對你有幫助,歡迎保持討論.

    MGBoom Design

    回覆刪除
  4. 老師您好 ~~
    真的十分感謝您的分享!!

    想請問以下兩個問題:
    問題一) 如何把要應用切割畫面的圖片變成單獨成為一個Comp?
    問題二)在步驟二的圖片裡ALL comp 和Inside comp前面有個”彩色”的小圖示,若為黑白是表示沒東西的意思嗎?

    回覆刪除
  5. 老師您好 ~~
    真的十分感謝您的分享!!

    想請問以下兩個問題:
    問題一) 如何把要應用切割畫面的圖片變成單獨成為一個Comp?
    問題二)在步驟二的圖片裡ALL comp 和Inside comp前面有個”彩色”的小圖示,若為黑白是表示沒東西的意思嗎?

    回覆刪除
  6. Hello ABC:
    很高興認識你or妳(因為取ABC這名子分不出ㄋ),
    好了 言歸正傳:
    關於第一個問題:
    這想法很棒!,因為若將單一素材包成另一個Composition之後,就可以設計出更多的變化!
    方法如下:
    先選到該素材, 執行: Layer / Pre compose...指令,
    若這元素本身沒有設定動畫,建議選擇"Move all....." , 若有動態的關鍵影格在裡面,就建議選擇 " Leave all..."選項(可依個人習慣選擇)

    第二個問題
    關於Project Window 中Composition前面的小圖示變成黑色,應該只是版本的不同(CC2014後AE的界面有調整過),但並不會影影任何功能. 意思是不管Composition裡有無素材都沒有影響!

    希望以上回覆對你有幫助,也歡迎繼續來信討論與繼續支持 MGBooM!

    MGBoom Design

    回覆刪除