Motion 複製器Replicator做電視牆



這是在網上看用Motion複製器Replicator做電視牆Video Wall的練習,其實幾個重要的參數做對了(步驟5),效果就做出來,也沒什麼技巧。一直想嘗試可不可以有多一點的延伸,但試來試去還是做不出特別的效果,前後拖了一個月,最後想想還是把過程記錄下來,大家作參考吧!或者各位先進,有沒有更好的方法可以指導。


選用不同的照片在Photoshop排好後,在Motion作電視牆變化。這樣做的好處是可以不須一張張的輸入Motion,省了Motion的時間,但多用了Photoshop的時間和Automator(這個軟件我還是第一次用)。
附上一個將電視牆分割的練習。
1.首先選一條深海魚群的影片,將最後一格輸出圖片(圖1),用Photoshop打開,將照片分割成100片(10x10)(圖2),輸出至一個新的檔案夾,檔案夾內有100張分割後的照片(圖3,4)

2.開啟Automator(圖5),出現對話框後選Photo & Image,在Get Content from:選my Mac(圖6),再點選所有100張剛剛分割的照片(圖7,8)

3.在第一欄選Files & Folder,第二欄選Rename Finder items,第三欄選Make Sequential,重新命名,按右上角Run
(圖9),Automator將100張照片連結一起(檔案夾內還是有100張照片)

4.開啟Motion,先置入深海魚群的影片(圖10),將影片片尾停在119格(針)的位置,將播放頭移至120的位置,可以直接置入圖片檔(檔案名-[#####].jpg:1:100,選好圖層後按複製器Replicator,複製圖案(圖11)(這時看到的都還是同樣的圖案複製)

5.選Replicate圖層,(圖12)在Inspector標籤下,選Replicator標籤,在形狀Shape欄選方形Rectangle,排列Arrangement欄選併滿Tile Fill,調整縮放尺寸Scale,點Size旁小三角形打開尺寸(由於照片不是正方形切割,所以寬和高的比例會不同。其實這部份只需要一直調整到圖案是一張張上下左右剛好接在一起就對了),調整欄數Columns 10,調整行數Rows 10,調整原件Origin至Upper Left,調整建立樣式Build Style至By Row,往下勾選Play Frames,來源開始針Source Start Frame選1,來源針補償Source Frame Offset選1,定針Hold Frames選181(我不想定格後圖案繼續變化)。這時應該可以看到拼起來的圖案(圖13),可以將播放頭往前移一針,再移回比較圖案大小,在尺寸欄儘量微調和影片相同大小。

6.按增加動作(行為)Add Behavior > 類似 Simulations > 隨意移動Random Motion,,選Random Motion層,在Inspector標籤下的動作(行為)Behavior標籤,調整數量Amount,點選X,Y,Z範圍,分解圖案四方飄散(圖14)

7.增加新3D相機New Camera,按增加動作(行為)Add Behavior>Camera選Sweep,輸入End(結束)的角度(圖15)

觀看效果












用同樣
的概念做影片的電視牆


1.首先在Final Cut Pro排定一組16段不同影片,每一片段8秒。輸出(圖16)

2.開Motion,設定時間線為8秒,選Object>New Drop Zone(圖17),在Inspector標籤下,先將尺寸縮小(圖18)

3.按複製器Replicator,複製一個4x4,16個Drop Zone(圖19)

4.在Media標籤按+,輸入Final Cut Pro的16段組合的影片(圖20)


5.
在Inspector標籤下,選Properties標籤,在Media欄內的To選16段組合的影片(圖21)


6.選Replicate圖層,(圖22)在Inspector標籤下,選Replicator標籤,在形狀Shape欄選方形Rectangle,排列Arrangement欄選併滿Tile Fill,調整原件Origin至Upper Left(也可隨意由上至下或其他編排),調整建立樣式Build Style至By Row,往下勾選Play Frames,來源開始針Source Start Frame選1,來源針補償Source Frame Offset選240,電視牆Video Wall完成

7.
將播放頭移至時間線起點,按中間錄影鍵,調整角度(圖23),將播放頭移至時間線終點,再調整角度(圖24),增加電視牆變化。(也可加倒影⋯等)


觀看效果

Motion Using Masks 蒙版動畫



1. 首先在Illustrator繪製一個花的圖案(圖1),打開Photoshop,置入花的圖案並按照圖案將花分到不同圖層(圖2,3)。為了便於區分,將每個圖層命名 (例如1L是1左,1R是1右等)然後存有圖層的Photoshop檔(圖4,5)


2. 開啟Motion,在File Browser直接選Photoshop檔,拖入視窗,並在對話框選Import All Layers 所有圖層(圖6)

3. 在Inspector標籤下Properties,將尺寸縮小至視窗中間(圖7)(我將Photoshop尺寸作大,為以後可以放大及移動)。

4. 按F5或按Project鈕,可以看到Photoshop的圖層(圖8),按圖層左方小勾號,暫時關閉圖案,按Layers標籤下的加號增加圖層(可先命名L1圖層組),並將L1圖案圖層移至這個圖層組,按圖層左方小勾號,出現L1圖案

5. 選貝賽爾曲線工具(圖9),順著圖案畫一條曲線(圖10)(曲線由要最先出畫面的部份開始),調整曲線的寬度,要將圖案全部遮住(圖11)。按增加動作(行為)Add Behavior >形狀Shape>寫出Write On(圖12)

6. 建立蒙版Mask,在圖層欄選形狀圖層,並在HUD視窗混合模式Blend Modes選Stencil Alpha(圖13)


7. 選L1圖層組,並在HUD視窗混合模式Blend Modes從Pass Through改成Normal(圖14)(這個步驟一定要做,要不然會影響最後的效果)


8. 重複前面的4,5,6,7作法,按Layers標籤下的加號增加圖層(可先命名L2圖層組)(圖15),並將L2圖案圖層移至這個圖層組,按圖層左方小勾號,出現L2圖案,畫線(圖16),加動作(圖17),製作蒙版(圖18),再將L2圖層組在HUD視窗混合模式Blend Modes設定Normal(圖19)

9.再重複前面相同的作法直到所有的圖案圖層都製作成有蒙版的圖層組(圖20,21),可按Play觀看效果

10. 在時間線重新調整每一圖層組的時間長短,先後順序,Write On的長短,作成從下往上伸展的動畫(圖22)

11. 建立一個新的圖層組,將所有的圖層放在一起(圖23)

12. 建立一個新的圖層組,畫一個長方形製作一個漸層背景(圖24)

13. 放大動畫圖層,將播放頭移至中間處,按中間錄影鈕(變紅)(圖25),移動播放頭至時間線後段,移動動畫至上半段,按中間錄影鈕停止錄影(圖26)

14. 選動畫圖層,增加濾鏡Add Filter >發光Glow>發光Glow(圖27)

觀看效果


如果你有興趣要我的練習檔,請email給我。illustrator 96KB, Photoshop 2.5MB, motion 772KB