iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 12
0
自我挑戰組

做動畫?!抱歉了時間,但我真的需要那個酷東西 ฅ^•ω•^ฅ系列 第 12

鐵人賽Day12-第七章:動畫3.2-倒滿水杯2(特效版)

那今天的我們一樣要喝一杯很純的.....我是說..可樂W

但是是用AE特效的方式來製作,那我們現在就開始吧!

1.一樣,我們先將可樂杯子放進AE裡(記得放進來的時候要選Layer size不要忘了喔!)

https://ithelp.ithome.com.tw/upload/images/20200925/20130312q1Dfk3InfT.png

2.一樣複製一個杯子縮放備用

https://ithelp.ithome.com.tw/upload/images/20200925/201303123Gvr0Rp8GN.png

3.建立一個solid

https://ithelp.ithome.com.tw/upload/images/20200925/20130312ArfPGpjsTt.png

4.我們叫他可樂,當然顏色也是可樂色。

https://ithelp.ithome.com.tw/upload/images/20200925/20130312KaPudLkq4R.png

5.可以拉下來對位置

https://ithelp.ithome.com.tw/upload/images/20200925/20130312P0IfvePiKs.png

6.再建立一個solid叫他波紋用,顏色不是重點。

https://ithelp.ithome.com.tw/upload/images/20200925/20130312SlZRA6ueYs.png

7.下來我們按可樂圖層,按Effects(特效)裡面,找到Displacement Map(置換)

https://ithelp.ithome.com.tw/upload/images/20200925/20130312vQmj1Zf5Qh.jpg

8.然後按波紋用圖層,按Effects(特效)裡面,找到Radio Wave(電波)

https://ithelp.ithome.com.tw/upload/images/20200925/20130312gsMWDfV9Gq.png

9.將波紋用圖層建立預集合

https://ithelp.ithome.com.tw/upload/images/20200925/201303126MO6Q8jTuS.png

10.進去以後調整電波效果的stroke下拉箭頭,找到Start Width調成50,End Width調成1。

https://ithelp.ithome.com.tw/upload/images/20200925/20130312NYPLnnBhux.png

11.找到這個符號,我們要將他的中心移動到旁邊,以免到時候效果看起來不真實。

https://ithelp.ithome.com.tw/upload/images/20200925/2013031233uxBz7FnD.png

12.大概移到旁邊

https://ithelp.ithome.com.tw/upload/images/20200925/20130312KSdF5I6KJb.png

13.再來,我們回到可樂特效版的頁面,找到可樂圖層,調整他的Max Vertical Displacement到70。

https://ithelp.ithome.com.tw/upload/images/20200925/20130312BJKZLRyNRR.png

14.我們再回到波紋用預集合裡,在特效中找到Fast Box Blur(快速模糊)

https://ithelp.ithome.com.tw/upload/images/20200925/20130312FFifJupCAB.png

15.調整Blur Radius到15(我們主畫面上的波紋才會變大及自然)

https://ithelp.ithome.com.tw/upload/images/20200925/20130312Lvw3CPeJwY.png

16.再來我們要將波紋用圖層放大(我們主畫面上的波紋才會變大及自然)

https://ithelp.ithome.com.tw/upload/images/20200925/20130312otX9q3dCnV.png

17.我們可以邊回到主畫面邊喬我們的數值跟縮放大小

https://ithelp.ithome.com.tw/upload/images/20200925/20130312Cqh1wV5Yi0.png

18.包括主畫面可樂圖層的Max Vertical Displacement也會影響其形狀及自然度,也可以一起調整。

https://ithelp.ithome.com.tw/upload/images/20200925/20130312HPeVtoYDqz.png

https://ithelp.ithome.com.tw/upload/images/20200925/20130312uq8J6tnugx.png

19.覺得調整的差不多的時候,我們將可樂及波紋用再做一個預集合,我叫他可樂流呀流。

https://ithelp.ithome.com.tw/upload/images/20200925/20130312ravaPv77aI.png

20.並且將一開始備用縮放過的杯子置於最前,再將可樂流呀流的Track Matte下拉按Alpha可樂杯。

https://ithelp.ithome.com.tw/upload/images/20200925/201303127SlmF0prdq.png

21.就快完成了!接下來我們將可樂流呀流裡面的可樂跟波紋用一起複製一個置後,並將後面的可樂按下特效找到Fill,填入較淺的顏色。

https://ithelp.ithome.com.tw/upload/images/20200925/20130312IcHqpj7htg.png

22.要順便調整後面的波紋用,因為若是數值相同疊再一起就看不出效果了。

https://ithelp.ithome.com.tw/upload/images/20200925/20130312wILDAvsWqr.png

23.再把我們可樂流呀流裡的東西位置都往上移。

https://ithelp.ithome.com.tw/upload/images/20200925/201303129QdC3yRNe1.png

24.然後我們再回到我們的主畫面,按我們可樂流呀流的預集合,找到Position在最一開始的地方按下碼表。

https://ithelp.ithome.com.tw/upload/images/20200925/20130312ZLQxhRDWQ4.png

25.將可樂流呀流裡的兩個波紋用的時間往內縮一些讓他效果只要到那時就好才不會晃過頭W。

https://ithelp.ithome.com.tw/upload/images/20200925/20130312tTg57akHZS.png

26.將可樂流呀流的預集合的Position在7秒的地方往上拉到合適的位置。

https://ithelp.ithome.com.tw/upload/images/20200925/20130312z1vRAObsh7.png

27.去昨天做好的動畫裡複製我們做好的一堆泡泡並且對位置作微調W。

https://ithelp.ithome.com.tw/upload/images/20200925/20130312GZnyZ975yv.png

28.還可以用Simple Choker調整圓滑度喔W(其實這是遮罩)

https://ithelp.ithome.com.tw/upload/images/20200926/20130312MTUKOHEjtk.png

29.這樣就完成了!!!

https://ithelp.ithome.com.tw/upload/images/20200925/20130312Y4fdS2289J.png

今天的教程是不是很煩瑣呢?當然,水流的做法超多種,我也是新手上路,那麼我們明天繼續研究,再見摟W


上一篇
鐵人賽Day11-第七章:動畫3.1-倒滿水杯1(lottie版)
下一篇
鐵人賽Day13-休息一下,補班日簡單點W
系列文
做動畫?!抱歉了時間,但我真的需要那個酷東西 ฅ^•ω•^ฅ30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言