Screen Glitch effect / 視訊故障交錯效果

Screen-Glitch-Effect-GIF

視訊故障交錯效果

今天跟大家分享最近很流行的應用:視訊故障的交錯效果。
讓畫面突然抖幾下不但可以強調某個視覺主題的出現,也經常應用到影片即將結束時的畫面收尾。接下來一起來看看這個酷效果的製作方式。


操作步驟:

1、匯入素材

匯入Logo(要產生視訊交錯的素材)與交錯來源影片。
PS:交錯來源影片素材下載網址:http://adf.ly/pKuOn

Screen Glitch Effect 01


2、建立專案與素材設定

新增一個HD 720 / 10秒的Composition:「ID」
將 Logo與交錯來源影片素材拖拉進「ID」,並將交錯來源影片關閉圖層顯示。

Screen Glitch Effect 02

Screen Glitch Effect 03

3、新增調整圖層

執行Layer / New / Adjustment Layer(調整圖層),將此圖層排列在最上方。在調整圖層上加入 Displacement Map(置換貼圖)效果。

Screen Glitch Effect 04

Screen Glitch Effect 05

4、調整Displacement Map效果參數

相關參數調整如下:
Displacement Map Layer:指定到「交錯來源影片」
Use For Horizontal Displacement:指定要產生水平交錯拉扯的來源,選擇Red。
Max Horizontal Displacement:設定要產生水平交錯拉扯的強度,120~150之間。
Use For Vertical Displacement:指定要產生垂直交錯拉扯的來源,選擇Green。
Max Vertical Displacement:設定要產生垂直交錯拉扯的強度,120~150之間。

Screen Glitch Effect 06

5、產生多個拉扯片段(Displacement Map效果)
5.1
複製多個調整圖層,並將圖層時間隨機縮短成單個片段。再依個人設計排列到不同的時間點。
5.2
各別調整每個片段的 Displacement Map效果參數,產生不同程度的變化。

Screen Glitch Effect 076、製作RGB 三原色交錯效果
6.1
將 Logo圖層複製出三個,再各別命名為:XXX~ R、G、B Color。

Screen Glitch Effect 08

6.2
將 ~ R、G、B Color三個圖層同時加入:Level Individual Controls效果。

6.3 
調整 Level Individual Controls效果參數。
分別將另外兩個顏色的XXX Output White 參數:歸零。
例如是XXX~ B Color圖層,就分別將 Red、Green的Red、Green Output White 參數歸零:就會產生純藍色。以此類推再產生純紅色、純綠色。

Screen Glitch Effect 09

Screen Glitch Effect 10

Screen Glitch Effect 11

Screen Glitch Effect 12

6.4
將 XXX~ R、G、B Color三個圖層的混合模式同時設定為:Screen模式。
當三個圖層完全疊在一起時會顯示出原色。
但當三個圖層錯開時就會產生三原色錯開的視覺效果。

Screen Glitch Effect 13

Screen Glitch Effect 14

7、製作RGB 三原色交錯控制Slider
為了更方便控制 RGB 三原色圖層的交錯效果,自行建立一個 Sliderbar來控制 ~RGB圖層移動的參數。

7.1
執行 Layer / New / Null Object圖層:「RGB Split」,並將此圖層排列在最上方。

Screen Glitch Effect 15

Screen Glitch Effect 16

7.2
在「RGB Split」圖層,執行 Effect / Expression Controls / Slider Control,加入Slider Control 控制效果。

Screen Glitch Effect 17

7.3 產生Slider Control 與Position 屬性的連結。

分別在~ R、G、B Color三個圖層上展開 Position屬性。
ALT鍵+Position屬性:開始Expression視窗。
打入:wiggle( 10 , 拖拉到Slider Control效果中的Slider 屬性),成功連結會產生以下方程式:
wiggle(10,thisComp.layer("RGB Split").effect("Slider Control")("Slider"))

Screen Glitch Effect 18

Screen Glitch Effect 19


7.4
建議配合步驟四中的 Displacement Map效果,自行加入「RGB Split」圖層中 Slider Control效果的Slider關鍵影格。

Screen Glitch Effect 20

Screen Glitch Effect 21

恭喜大家完成了! 預覽看看辛苦的成果吧。

留言

  1. Hi Gio:
    歡迎到MGBoom 一起來學習!
    我們在這篇教學的最上方,第一個步驟有下載 素材影片的連結檔: 請點進去後,並稍等一個廣告頁面,過一會就會跳出下載頁面了. 剛有進行測試,沒有問題優
    祝你 學習順利!
    MGBoon Design

    回覆刪除
對內容有任何問題與討論,歡迎留言給我們^^

Archive

聯絡表單

傳送