創作內容

15 GP

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

作者:氧氣:Ö=Ö:│2019-04-02 15:58:43│巴幣:128│人氣:5472
-前言-
我非常喜歡聽日本音樂,於是我想藉由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

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

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

最後就來分享這次次心得文所做的影片吧~
引用網址:https://home.gamer.com.tw/TrackBack.php?sn=4345849
All rights reserved. 版權所有,保留一切權利

相關創作

留言共 9 篇留言

FRANXX02
本人也有在做,但音樂音軌的部分,我是會自己修改,讓自己更有風格一點
像用圓形的阿,不然就是把圖片動畫化

09-28 21:55

FRANXX02
還有人物的圖片,我如果需要單個的話,會先去背,再用ae來做動畫

09-28 21:57

氧氣:Ö=Ö:
謝謝你ㄉ回覆,音樂的視覺化線條我後面也有稍作一些改變(改成圓的,光暈等等),也增加類似cd唱片,時間等特效,感覺畫面的確比較動態了些~09-28 22:56
氧氣:Ö=Ö:
圖片動畫化是指類似圖片角色頭髮飄逸之類的嗎? 記得那個有些難度rr 我可能學不來qq09-28 22:59
FRANXX02
其實不難

09-28 23:18

氧氣:Ö=Ö:
抱歉,現在才看到你的留言,這部影片的開唱動畫確很有質感而且又與主題互相呼應,真的很棒rrr,感謝! 又學到一招惹。11-10 19:56
綠茶P OxO
發現樓主現在的影片已經跟這篇教學有些成長了
新的開頭特效是怎麼做的啊?
還有字幕添加是用什麼方法
文中提供的影片方法一個一個添加實在吃不消~.~

最後實在感謝分享
這方面真的比較少人有發統整文
不知還有沒有可參考的教學,YT上有些人特效真的華麗阿~

11-16 01:34

氧氣:Ö=Ö:
感謝你看完這篇文章,不敢說是教學R,只是初次使用AE的心得而已。 首先開場特效的部分是我參考這部影片 https://youtu.be/VSkpsakTLyY?start=01416 做的,本來想跟他做得一樣,不過真的太難了..到中間就放棄惹。所以我蠻推薦你去找免費的開場動畫素材就好,這個網站有提供蠻多的 https://www.rocketstock.com/free-after-effects-templates/page/4/ 應該會有你想要的簡單開場。接下來是字幕的問題﹐這真的沒辦法..目前看到用ae能簡單上字幕的,可能都需要一些額外的付費程式,所以我也是一句一句的複製貼上去,不過我都是拿之前有做好的字幕做成一個素材供下次音樂使用,可以省一些建立文字樣式、位置的時間,一首五分鐘的歌大概上60-80分鐘不等。最後如果你需要甚麼特效,你可以跟我說一聲,或傳有你想要的特效影片給我看,看過挺多教學的,應該能找到類似的教學文/影片給你,有免費素材的話也會提供看看的(我也順便來學一下 哈哈~11-16 03:09
綠茶P OxO
慢慢吸收 感謝分享~
對了 影片儲存設定怎麼設定好?
還是存AVI再轉檔嗎? 還是有辦法直接存小而精的檔?

11-16 03:18

氧氣:Ö=Ö:
https://motion-express.com/blog/20130625-ae-render-size
這一篇給你參考看看,我是採用轉檔的方式,使用vidcoder轉檔壓縮。 11-16 03:39
TV weekend
3Q大大

01-03 21:17

氧氣:Ö=Ö:
不會,我這篇主要是心得而已,比較沒什麼內容,如果需要更多教學,可以看看留言,還需要其他的,跟我說一聲,我會上網找找看,順便學習XD。01-04 15:49
TV weekend
大大你會做計時器嗎?

01-04 20:40

氧氣:Ö=Ö:
是圖形還是數字類的計時器?
數字的話我是看https://mnya.tw/cc/word/982.html學的。
01-04 21:29
玄鳳肉雞
好棒的教學,我推推推

08-07 10:26

氧氣:Ö=Ö:
謝謝,其實滿多重要的都在留言處,本文的內容其實不太充足(畢竟只是心得),最近想整理起來再做一個統整。08-08 00:45
與零Ulin
輸出建議用Media Encoder
速度比較快
也能輸出較常見的H.264(MP4)
AVI格式的檔案大小都是出了名的誇張

02-22 00:03

我要留言提醒:您尚未登入,請先登入再留言

15喜歡★cs25852 可決定是否刪除您的留言,請勿發表違反站規文字。

前一篇:【JPOP】日本人氣女子... 後一篇:【JPOP】日本著名雙人...

追蹤私訊切換新版閱覽

作品資料夾

lin881205大家
小屋不定期更新冷門西洋歌曲推廣與Reddit鬼故事翻譯唷!看更多我要大聲說26分前


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

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