2016年5月25日 星期三

[Class3] Photoshop 動態影像合成&視覺錯位(上)-蛋殼帆船feat.Coldplay Up&Up


在開始學習視覺錯位之前,想分享Coldplay這首引起大家關注的MV Up&Up,我非常喜歡他利用各種視覺對比,讓聽眾能隨著歌的節奏,感受到壯麗就攤在眼前、小事物裡面也別有洞天。這首歌的旋律真的很像在經濟蕭條時,要振奮大家的國民歌,加上MV的復古色調,好激勵阿!


也許photoshop無法做到像MV兩種動態影像合成,因為物體會動後,遮罩也得變成動態的,可能就要用到AE(After Affect),但是如果像MV第一幕,有人在洗衣機裡游泳,洗衣機是靜態(圖片)、游泳是動態(影片),我們就可以做出類似的效果!


題目: 洗衣機裡的水母,3步驟搞定---
1.需要洗衣機圖、海底影片(記得將影片變成智慧型物件)
2.海底影片加入黑色遮色片,在黑色遮色片上畫一個能夠遮住洗衣機洞口的白色區域。
3.為了讓洗衣機有魚眼感覺,濾鏡->扭曲-<內縮或外擴。



不過今天想跟大家分享的,不只有這樣!底下這是才學習 30hr photoshop的我所做出的動態圖,相信透過簡單的10步驟,運用Photoshop工具列的技巧,在不加入任何影片情況下,你也可以做出美麗、富含詩意的動態圖。
Hey~Life is an adventure.

在開始之前,先找2張有視覺差異的圖,其實只要掌握小物體變大(蛋殼)、大物體變小(帆船)的原則就行!
我們將學習到:
A.運用選取畫面工具」製作海平面
B.運用「圖層樣式」(blending option)製作陰影,並將陰影轉為圖層
C.運用「動畫時間軸」與「濾鏡」中「扭曲」,做出動態瀑布
D.運用「動畫時間軸」做出帆船滑下瀑布的瞬間(CS5時間軸沒有轉動圖片的功能)


需求素材: 
場景: 蛋殼*1(或碗/茶杯/玻璃瓶)、海面*1、小島*1、雲*4、海鷗遠景*1
主要角色: 帆船*1、瀑布*1、礦泉水水流*1
背景:水彩質感圖

那我們就啟程蛋殼世界的奇幻旅程吧!
1.前置作業
step1: 我們需要一張橫的畫畫紙: 
檔案->開新檔案->International Paper->A4(網頁用RGB)->影像->影像旋轉->順時針90度
step2: 把蛋殼去背後(用鋼筆工具),拉入Paper
2.蛋殼裡加裝大海
A.運用選取畫面工具」製作海平面
step3: 用工具列「橢圓選取畫面工具」框選蛋殼的腰圍(區域最好超過殼)->開啟海面圖->全選複製->編輯->選擇性貼上->貼入範圍內->把水面圖拉滿區域

此時,水面看起來好假,又遮住蛋殼,

step4:水面圖層不透明度調低(看到重複覆蓋區域)->點黑色板用黑筆將覆蓋區域塗掉,海平面也可以修飾一下
B.運用「圖層樣式」(blending option)製作陰影,並將陰影轉為圖層

step5: 點兩下shell圖層叫出「圖層樣式」->陰影->結構(不透明度、間距、展開、尺寸)


調完後,陰影還是假的跟什麼一樣,此時
step6: 在shell圖層右邊向下小箭頭案右鍵->建立圖層->shell的陰影圖層產生了!
step7:利用編輯->變形->扭曲 來編輯shell的陰影
3.加入場景所有場景,做出雲霧繚繞的動態
step8:將準備好的帆船、小島、4片雲、海鷗都拉入paper中,建議開一個群組資料夾把同性質的圖層放在一起(四片雲、海鷗、小島放在一起) PS.雲朵如果不夠白或不夠透明,可以透過特效:實色疊印混合或不透明度調整
step9: 視窗->動畫,
cloud1與cloud2屬於前景的雲,希望他在畫面不要移動態大(怕模糊船的焦點),那我們可以在動畫時間軸中,對cloud1做「不透明度」變化,對cloud2做微小的「位置」變化。

cloud1設3個時間點與3種不透明度,時間1/100%,時間2/50%,時間3/80%,
cloud2設3個時間點與3種位置,位置之間可以用鍵盤方向鍵移動1-3格即可

cloud3與cloud4屬於背景的雲氣,希望他飄動又有霧氣輕重的變化,那我們可以在動畫時間軸中,同時對cloud3與cloud4做「不透明度」變化與「位置」變化。

PS.希望cloud3與cloud4往不同方向移動,到中途時間點時,會交錯最多,為了不讓此時雲氣太濃太集中,此時cloud3與cloud4的不透明度可以叫到最低。

cloud3設3個時間點/3種不透明度/2種位置,時間1/100%/x1, 時間2/50%/x2 ,時間3/90%/x1,
cloud4設3個時間點/3種不透明度/2種位置,時間1/100%/x2, 時間2/50%/x1 ,時間3/90%/x2,
時間3與時間1不透明度接近的原因,是因為我們要做一個循環圖,時間3的下一秒會接時間1,如果不透明度低,雲氣變化會變得很僵硬與缺乏連續性。]

來看看我們第一階段完成的作品!


眼睛該休息一下囉! 休息15分鐘後,
在下一篇[Class3]Photoshop 動態影像合成&視覺錯位(下),讓我們一起完成動態瀑布與帆船飄動,小帆船的瀑布冒險即將揭開序幕!



沒有留言:

張貼留言