雜訊效果 (Glitch)
===
###### tags: `AE`
> 範例: [下載](https://1drv.ms/u/s!AqNcxGhAK5mFskf5PAMqoHAd8RRE?e=P8uL0v)
開啟一個新的Composition之後
按 New > Solid,加入一個新顏色圖層
![](https://i.imgur.com/V1F9EC2.png)
### Fractcal Noise (分形噪點)
在搜尋特效區搜尋Noise , 選擇<font color="#DC143C">**Fractcal Noise**</font>
雜訊效果的感覺有格子狀的感覺, 因此 Noise 的Type 選擇 <font color="#6495ED">Block (方塊)</font>
在Transform(變形)裡面<font color="#6495ED">取消勾選 uniform scaling</font>(比例縮放),自由調整我們的長跟寬
##### 參考數據
* Scale Width(寬) <font color="#7BC0B5">3840</font>;Scale Height(高)<font color="#7BC0B5">270</font>
* Contrast(對比)<font color="#7BC0B5">200</font>;Brightness(亮度)<font color="#7BC0B5">-30</font> (讓後續的格子的感覺更鮮明)
![](https://i.imgur.com/zIFFR0h.png)
設定完好這些數值之後,要讓效果開始動
按住alt點Evolution打入表達式
:::warning
``time*1500`` (1000為較慢,3000為較快)
:::
![](https://i.imgur.com/PjD2cil.png)
將剛剛新增的圖層儲存命名(Pre Composition ,這裡預設名字為Glitch Map)
接下來加入調整圖層(Adjustment Layer), 接下來會在這圖層會放上各種效果
### Displacement Map (置換地圖)
這個效果對應前面將圖層Pre Composition的動作,並且在搜尋欄搜尋<font color="#DC143C">**Displacement Map**</font> .
這個特效他必須要是comp才可以使用
而使用Displacement Map 是為了達成類似<font color="#DC143C">**alpha matte** (透明圖層遮罩)</font>的效果
可參考下圖,第一個選項是選圖層 (Glitch Map), 後方選項選<font color="#6495ED">Effects & Masks</font>
![](https://i.imgur.com/h8szjlb.png)
為了驗證是否有加入效果,可以將剛剛的Solid Layer關閉 (附圖最下層的眼睛關掉)
並且打入文字,然後記得要將文字拖曳到adjustment layer下方才會有效果
![](https://i.imgur.com/R9OTOIp.png)
成功的話就會看到有一點點 我們剛剛製造的粒子效果
![](https://i.imgur.com/Mh1RL6G.png)
最後我們為粒子效果調整水平位移以及垂直位移的數值
![](https://i.imgur.com/PaIUxEt.png)
##### 參考數據
* Max Horizontel Displacement(最大水平換置):<font color="#7BC0B5">100</font>
* Max Vertical Displacement(最大垂直換置):<font color="#7BC0B5">90</font>
### Wave Warp (波浪彎曲)
這裡要製造出噪點材質,因此使用<font color="#DC143C">**Wave Warp**</font>
要有噪點的感覺,選項要改為<font color="#6495ED">Smooth Noise</font>
把波浪高度/寬度的距離調小會有更一點點分離的 更細一點的效果
因此把長寬調小,再把角度調0
然後為了不讓噪點速度,他干擾到Glitch太多,因此將<font color="#6495ED">Wave Speed</font>調為-0.1
![](https://i.imgur.com/GjIhebw.png)
##### 參考數據
* Wave Height(波浪高度)/Wave Width(波浪寬度)<font color="#7BC0B5">2</font>
* Wave Speed(波浪速度)<font color="#7BC0B5">-0.1</font>
* Direction(方向)<font color="#7BC0B5">0</font>
### Fast Blur(快速箱型模糊)
若要模糊圖層邊緣,可以加入<font color="#DC143C">**Fast Blu**r</font>
這裡將要模糊距離Blur Radius調2這樣子
讓模糊邊緣的效果比較不明顯一點點
![](https://i.imgur.com/Qs52qZI.png)
##### 參考數據
* Blur Radius(模糊半徑) :<font color="#7BC0B5">2</font>
### Noise (噪點)
若要電視波紋的感覺,可以加入<font color="#DC143C">**Noise**</font>
::: warning
注意是Noise ,不是前面的Fractcal Noise
:::
這邊不想條太多,因此先調10%
![](https://i.imgur.com/bcrJuKz.png)
##### 參考數據
* Amount of Noise(噪點數量)<font color="#7BC0B5">10%</font>
### Venetian Blinds (活動百葉窗)
電視上會有一條一條黑黑的效果,AE有個效果名為 <font color="#6495ED">Blinds</font> (百葉窗)可以達到類似效果
而因為是動畫,所以要搜尋<font color="#DC143C">**Venetian Blinds**</font>
動畫的完成度/寬度可參考下面數據,如果要做羽化效果則選<font color="#6495ED">Feather</font>
![](https://i.imgur.com/5sC7iED.png)
##### 參考數據
* Transition Compeletion(過場完成度)<font color="#7BC0B5">25%</font>
* Direction(方向):<font color="#7BC0B5">90度</font>
* Width(寬度)<font color="#7BC0B5">5</font>
* Feather(羽化)<font color="#7BC0B5">1</font>
### Glow (發光)
發光是蠻常見的效果,AE 名稱為<font color="#DC143C">**Glow**</font>
發光的程度為<font color="#6495ED">Glow Threshold</font>,發光距離為 <font color="#6495ED">Glow Radius</font>
為了讓後續加入其他顏色也是會發光,這裡距離不要設定太多調15就好
![](https://i.imgur.com/7XqZWiY.png)
##### 參考數據
* Glow Threshold(發光數值)<font color="#7BC0B5">25%</font>
* Glow Radius(發光半徑)<font color="#7BC0B5">15</font>
### Drop Shadows (陰影)
Glitch特效最重要的一是要有顏色分離
在特效欄搜尋<font color="#DC143C">**Drop Shadows**</font>
陰影的效果可以先由<font color="#6495ED">Opacity</font>(透明度)調整,
陰影大小則由<font color="#6495ED">Distance</font>(距離),
若要讓兩側的陰影模糊一點,可以調整<font color="#6495ED">Softness</font>
接下來要來調整最後的重點:顏色!!!
最簡單的方式是在複製一層Drop Shadows 的效果,並且設定兩種不同的顏色以及方向角度
這樣就能完成我們的Glitch效果
![](https://i.imgur.com/J7Rqr9t.png)
##### 參考數據
* Opacity(透明度)<font color="#7BC0B5">100%</font>
* Direction(方向)
* 第一個顏色的方向 <font color="#7BC0B5">-90度</font>
* 第二個顏色的方向 <font color="#7BC0B5"> 90度</font>
* Distance(距離)<font color="#7BC0B5">20</font>
* Softness(模糊度)<font color="#7BC0B5">10</font>