Slot Machine Motion Graphic / 拉霸動畫

Slot-Motion-GIF

本週MGBoom來教大家結合形狀圖層,再加上遮色片效果,製作出有趣的拉霸動畫,難度不高 只要充分理解Track Matte的使用觀念,一步一步跟著做就可以完成. 千萬不要錯過喔!


1.建立基本物件

1.1
在新的 Compsition用形狀工具,直接在Compsition Window中拖曳出一正方形(按住Shift),建立Shape layer 1圖層。

Slot Machine Motion-11

1.2 
選取Shape layer 1圖層按Ctrl+D複製出Shape layer 2圖層,並改變其填色。

Slot Machine Motion-12

1.3 
同1.2再複製出Shape layer 3圖層,並改變其填色。

Slot Machine Motion-13

1.4
以文字工具建立3個字母圖層。

Slot Machine Motion-14

1.5
將新建立的文字圖層分別放在對應的圖層之上。

Slot Machine Motion-15

1.6 
將Shape layer 1改名為RED;Shape layer 2改名為BLUE;Shape layer 3改名為GREEN方便識別,並將文字圖層都Parent給對應的形狀圖層。

Slot Machine Motion-16

1.7
為圖層改變標籤顯示顏色,讓相對應的底圖色塊與文字設定為同一個顏色 方便識別。

Slot Machine Motion-17

2.複製基本物件並建立基本動態

2.1
選取M、RED、B、GREEN、G、BLUE圖層按Ctrl+D複製出M2、RED2、B2、GREEN2、G2、BLUE2圖層。

Slot Machine Motion-21

2.2
選取所有複製的圖層之後按右鍵選擇:Pre-compose...:mgb00 。

Slot Machine Motion-22

2.3
剛剛複製的圖層們都被包進新的Compsition:mgb00圖層裡了。

Slot Machine Motion-23

2.4
選取mgb00圖層,按Ctrl+D複製出更多mgb00圖層,並且依序排列好位置成一直排。

Slot Machine Motion-24

2.5 
排列好之後將這些mgb00圖層如2.2步驟,全包進另一個新的Compsition圖層:mgb comp。

Slot Machine Motion-25

2.6
選取RED圖層按Ctrl+D複製出RED 2圖層,並將圖層移至mgb comp圖層上方,再在mgb comp圖層的Track Matte選擇:Alpha Matte"RED2"。

Slot Machine Motion-26

2.7 
這樣就完成遮色片效果。再將RED 2圖層改名為:mask圖層。剛剛建立的一長排的物件就都被mask圖層遮罩起來了。

Slot Machine Motion-27

2.8 
接著我們再打開Compsition:mgb00與mgb comp,將Motion Blur 動態模糊功能都啟動。

Slot Machine Motion-28

2.9 設定上下滑動動態
回到Compsition:MGB,一樣將動態模糊功能啟動,在mgb comp圖層設定Position關鍵影格,讓一長串的基本物件在裡面由上至下快速移動。
記得開始與結束停止時,顯示的物件應該是紅色的M。再框選全部的關鍵影格按F9使影像更流暢。如果還嫌不夠可再打開速率曲線編輯視窗,再拉長關鍵影格的調整手柄。

Slot Machine Motion-29

3.複製動態

3.1
刪除B文字圖層(之前用來對位用)。選取mgbcomp圖層,按Ctrl+D複製並排在GREEN圖層之下,同2.6步驟將新的mgb comp圖層的Track Matte選擇:Alpha Matte"GREEN"完成遮色片效果。
接著調整開始與結束時的關鍵影格,顯示的物件應該是綠色的B。將關鍵影格都稍微往右: 延後時間。

Slot Machine Motion-31

3.2
刪除G文字圖層(之前用來對位用)。選取mgbcomp圖層,按Ctrl+D複製排在BLUE圖層之下,同2.6步驟將新的mgb comp圖層的Track Matte選擇:Alpha Matte"BLUE"完成遮色片效果。
接著調整開始與結束時的關鍵影格,顯示的物件應該是藍色的G。將關鍵影格都稍微往右: 延後時間。

Slot Machine Motion-32

OK 充分應用Track Matte與Keyframe的核心觀念,就可以輕鬆製作出拉霸動畫啦!

留言

  1. 實際製作之後,延伸很實用呢~
    感謝分享:)

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

Archive

聯絡表單

傳送