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

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

2 則留言:

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

    回覆刪除