Retro Infinite Tunnel Loop/ 四方連續動態背景

Loop DEMO

嗨,MGBoom的朋友們大家好~
今天要教大家運用Shape Layer簡單的幾個功能,打造四方連續動畫,效果宛如舞曲視覺VJ般絢麗的背景喔!一起來學習吧!



1. 新增方圓框Shape Layer1圖層

1.1 請在新建的Compsition使用方圓框形狀工具,新增一方圓框Shape Layer1圖層。

loop-11

loop-11-2

1.2 
Shape Layer1改為3D圖層,並調整旋轉屬性的  Y軸值與  Position參數,使  Shape Layer1圖層產生立體透視感。

loop-12

1.3 
調整Shape Layer1/ Rectangle1/ Rectangle Path1/ Size的參數,使方圓框更扁長,更增加透視
   感。

loop-13


1.4 
展開Add選單套用  Repeater特效。

loop-14


1.5 
調整Repeater特效參數,使Shape Layer1能橫向複製多個。再調整Position的X軸參數,使複製的框能排成一長排。

loop-15


1.6 
打開Shape Layer1圖層的  Position屬性,配合Repeater特效參數,設下兩個關鍵影格,讓畫面感覺是在不斷地前進。

loop-16


2. 新增方框  Rectangle2

2.1 
在選取  Rectangle1的狀態下,使用方框形狀工具,新增Rectangle2長方框形狀。

loop-21

loop-21-2

2.2 
展開Rectangle2屬性,關閉其  Stoke1顯示眼睛,打開  Fill1顯示眼睛,並改變  Fill1 的  Color填色。


loop-22

2.3 
調整  Rectangle2/ Rectangle Path1/ Size的參數,調整長方形的寬度。

loop-23

2.4
將原本套用在  Rectangle1裡面的Repeater1特效,移出至  Rectangle2的上方。

loop-24

loop-24-2

2.5 
再將Repeater1特效移至Rectangle1之下,讓整個Shape Layer1裡面的Rectangle都可以套用到  Repeater1特效。

loop-25

2.6 
接著將剛剛在  Rectangle1設定的  Position關鍵影格複製給  Rectangle2,完成  Rectangle2的動態設定。

loop-26

3. 新增  Rectangle3
3.1
在選取Rectangle2的狀態下,按  Ctrl+D複製成  Rectangle3
再調整Rectangle3/ Transform: Rectangle3/ Position的參數,移動至適當的位置。


loop-31

3.2 
2.2展開Rectangle3屬性,改變  Fill1 Color填色。

loop-32


3.3 
2.3調整  Rectangle3 / Rectangle Path1 / Size 的參數  :  Rectangle3壓扁為細細的長方形;
調整Transform: Rectangle3 / Position的參數,再移動至適當的位置。

loop-33

3.4 
3.1在選取Rectangle2Rectangle3的狀態下,按Ctrl+D複製成Rectangle4Rectangle5增加更多的形狀變化,再個別將位置往上移。

loop-34

4.複製成四方連續動畫

4.1 
3.1方法將Shape Layer1圖層再複製新增為Shape Layer2圖層,原本的Shape Layer1圖層改名為left圖層。
loop-41


4.2
將新增的Shape Layer2圖層也改名為  right圖層。

loop-42


4.3 
調整right圖層的Position參數,將right圖層移動至畫面右邊的位置。

loop-43


4.4 
如以上方法複製  right圖層,將新增的圖層改名為bottom圖層。調整其Rotation參數轉90°

loop-44


4.5
再調整其Position參數,移動至畫面下方的位置。

loop-45


4.6 
如上述方法複製bottom圖層,將新增的圖層改名為top圖層,再調整其Position參數,移動至畫面上方的位置。

loop-46


5. 加強畫面效果

5.1 
新增New/ Adjustment Layer調整圖層。


loop-51

5.2 
套用特效  Effect/ Stylize/ Glow

loop-52

5.3
調整Glow參數 : 使畫面有霓虹燈般溢光的感覺。


loop-53

炫目的舞曲視覺VJ簡簡單單就做好了! 製作過程幾乎都是重複的複製,就可以達到很棒的效果,大家一定要學起來喔!

2 則留言:

  1. https://www.youtube.com/watch?v=ThPfXUdhWGA&index=19&list=PLkjRxMcTqYKr2IEToy_hk7syawf61w2T8

    回覆刪除
  2. Hello 綠:
    你貼的連結是這個範例原始的原文出處,沒錯優
    有問題歡迎一起來討論.

    回覆刪除