小屋創作

日誌2019-04-02 15:58

【心得】運用Adobe After Effects(AE)製作簡易視覺化音樂影片之初體驗

作者:氧氣:Ö=Ö:

-前言-
我非常喜歡聽日本音樂,於是我想藉由YouTube的頻道來分享日本樂,

但又不太想要影片畫面太死,所以就嘗試著者尋找適合的影片編輯軟體,

找了2-3個小時,用了許多軟體,最後找到Adobe After Effects(AE),

但聽說這個軟體使用難度頗高,對我這完全沒基礎的人來說,操作得相當痛苦,

我光是去了解基礎操作就花了有2小時吧,

隨後我參考其他日本音樂分享頻道的影片,

他們通常都會有以下特效

1.開場動畫(背景模糊、頻道名稱動畫)

2.音樂視覺化數位動態線條

3.曲名、歌手

4.畫面搖動

5.微粒飄動(落雪、星)

6.結尾漸暗

這六種,由於網路上沒有類似這種影片的教學,

於是我都要一個一個特效去找怎麼做

大概花了有半天以上的時間才把影片做好QQ

後面又遇到影片匯出渲染的問題,AE影片匯出主要以品質為主,

五分鐘的影片都2-30gb起跳...之後找了VidCoder這軟體壓在1GB以內

說這麼多廢話~先給大家看看第一次做得成品吧!

由於這是第一次做,有許多蠻智障的操作法..

像開場的高斯模糊可以直接建立Adjustment layer直接覆蓋等

如果大家有任何建議,歡迎在底下留言教我,感謝!

做完才發現其實還有影片時間與字幕的特效沒有做

不過大概的作法是了解惹,找時間再補。

以下介紹的是第二部CHiCO With Honeyworks - 「color」

-過程-

首先要有你的音檔與背景圖片

至於圖片請選擇1280X720(16:9)的解析度

像我的圖是:

這張很明顯不是16:9,可用照片編輯軟體(PS、Pixlr、小畫家)去修,也能用AE

但我是用PhotoScapeX因為平常就有在用,比較熟

改完後照片如下:

完成後,再來就是開啟AE囉~


首先這些功能配置是AE預設的標準模式


如果不小心用亂的話,可以看右上角有個Stadard按下去,

再按Reset to Saved Layout就可以回復喔


接下來就是把我們的音樂檔以及圖片檔放入我們的Project格子去~


然後拖移到下面的格子變成一個Composition

就可以開始我們得影片製作拉~


1.製作音樂視覺化數位動態線條


首先在下面的Composition格子中按下左鍵 > 找到New > 按下Solid

主要的目的是建立一個新的物件,製作音樂數位線條


新增完一個物件後,對物件按下右鍵>找到Ettect>找到Generation>找到Audio Spectrum點下去

該物件就會從黑格子變成動態數位音樂線條了


接下來該物鍵就會多出Audio Spectrum 的 Effect 可以調整它的一些參數,

其中記得把Audio Layer改為你放的音樂檔那層,

否則你的數位線條不會隨著音樂律動


這是我調整後的參數 給你們參考~

接下來就是試著撥放看看,再進行調整喔~


2.半透明黑幕

由於我所選擇的圖片太亮,所以會導致我們在畫面中的數位線條及文字會不太清楚

所以我們要有一個半透明的黑色圖層來降低圖層亮度。

首先一樣,建立一個Soild,請記住一定要選擇黑色圖層



選擇完圖層後,就會如大家所看到得---一片黑

這時,請看右下方,將此圖層展開,你會找到不透明度(Opacity)

將此圖層不透明度從100%拉到20%附近就好了~

這時候就完成半透明黑幕了~

但大家請記住,你的數位線條在黑幕之下,

所以按一下你數位線條的圖層

再按Ctrl+Shift+up鍵就可以把數位線條的圖層往上移了喔~



3.文字(歌手、歌名)

首先一樣對左下角的格子空白處按下左鍵>New>Text 來建立一個文字圖層


建立完成後,打出你要打的字,並且拖移到你要的位子

畫面右邊的中間的character,可以調整文字的樣式、間格、圖形喔~



4.搖動畫面

做搖動的畫面,可以使圖片更加的生動鮮明

首先,我們回到背景的圖層,並且將圖層打開找到Position


再來滑鼠請對準Position旁邊的計時器圖案,按下Alt+滑鼠左鍵

這時看時間軸,可以打出指令



指令請打 wiggle(x,y)

x是畫面晃動的速度,y則是畫面晃動的幅度

x,y請都打數字唷~我都是打wiggle(1,8)附近


5.微粒飄動

微粒飄動主要的目的也是讓畫面更加的有動態美感

下雨的圖可以用下雨特效;雪景的圖用下雪特效都還不錯喔!

一樣在左下角的框框空白處按下左鍵建立一個新物件


對著剛剛創立好的物件按右鍵>Effect>Simulation

接者選你想要的特效,我是選Star Brust

這樣微粒的動態特效就有拉~

至於參數就大家自己摸索了


5.結尾漸暗

影片結尾音樂結束後,

會有幾秒鐘的空白時間,這段時間就可以來將畫面漸暗

來代表影片的一個結束


首先,還是一樣建立一個新的物件


將這圖層的顏色改成黑色


建立完成~ 畫面變成一片黑,這時請調整旁邊的此圖層時間軸

將時間軸調到最後那5-6秒那段時間


再來,將時刻調整至黑屏幕出現的那刻時間,

然後在右下角那邊圖層設定找到Opacity

按下旁邊的計時器(開起關鍵時刻)

再來將Opacity(不透明度)調製0%

這時候影片畫面會從黑螢幕變回原來的影片背景



這時候再將旁邊時間軸的時刻拉到影片結尾結束的地方

將圖層的不透明度調製100%  變成黑螢幕

我們結尾漸暗就完成了~


6.開頭畫面(背景模糊、頻道名稱)

最後就是開頭動畫的部分拉~

這部分有許多開場動畫可以玩,

不過我還正在學習中QQ 我就用最簡單的更大家介紹!


首先先在AE最上方的工具欄找到window按下去找到Effects&Presets

(我不小心把上面工具欄擷取掉了QQ)

這樣找特效會比較方便(但其實前面就可以用了XD),


這時再回到畫面左下角,回到影片背景的圖層

在畫面右中間輸入Blur(按左鍵找Effect也有)

找到高斯模糊(Gaussain Blur)

點擊兩下將特效移置影片背景的圖層


完成之後找到Blurriness(模糊度)的參數

再將時刻調整到影片開頭


並按下Blurriness旁邊的計時器將模糊度調製100%

再將旁邊的時刻調製5秒鐘的位置,將Blurrinesswul調製0%

就能完成開場模糊的特效了喔~

請記住這個步驟要做三次!

第一次這就這個背景圖片的圖層

第二次在數位線條的圖層

第三次在那文字圖層(歌手、曲名)




接下來就是最後的開場文字特效的部分

我就不多言,將時間軸調整回影片開頭的部分

一樣建立文字圖層,打出你想在開頭說得話,

再用前面結尾漸黑所教的方法一樣

只是反過來,慢慢地變透明



7.渲染成影片

這就是影片製作的作後一個步驟拉

我其實有打字幕XD 不過後面再教

先傳一個字幕製作教學影片給大家


影片製作完成後,找畫面左上角的選項有一個File

找到Explor>按下Add to Render Queue



會跑出這個畫面,然而大家再依照自己需求調整影片的格式

請記住,AE渲染的影片都是先以品質為主,

像我這五分鐘的小短片就要22GB,相當誇張,

所以我推薦一個軟體給大家,就是VidCoder

這軟體可以將影片壓縮,22GB我就壓到>800MB左右


-結語-
經歷過這次的經驗後,我才發現製作影片真的不簡單

原本以為用軟體給的特效丟一丟就能完成,

沒想到實際操作時,就會發現功能繁多複雜,要找到想要的特效都很難..

大概算過第一支影片,從找影片製作軟體到傳上Youtube

應該有30多個小時,不過我都不太會倦怠,

可能製作影片可能就是我的興趣吧XD

後來有些特效沒有用到,像是歌曲的時鐘特效,

不過我之後的影片應該就會去用了吧~

最後就來分享這次次心得文所做的影片吧~

15

9

LINE 分享

相關創作

雲聊閒聊•雜七雜八。【149】

【yotoo】240428

KOF XV,什麼都沒有。《1149》(小聊)

留言

開啟 APP

face基於日前微軟官方表示 Internet Explorer 不再支援新的網路標準,可能無法使用新的應用程式來呈現網站內容,在瀏覽器支援度及網站安全性的雙重考量下,為了讓巴友們有更好的使用體驗,巴哈姆特即將於 2019年9月2日 停止支援 Internet Explorer 瀏覽器的頁面呈現和功能。
屆時建議您使用下述瀏覽器來瀏覽巴哈姆特:
。Google Chrome(推薦)
。Mozilla Firefox
。Microsoft Edge(Windows10以上的作業系統版本才可使用)

face我們了解您不想看到廣告的心情⋯ 若您願意支持巴哈姆特永續經營,請將 gamer.com.tw 加入廣告阻擋工具的白名單中,謝謝 !【教學】