iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 11
0

做了這麼久動畫,大家先坐下來喝口水吧W

不過為了讓大家看清楚“水流“,於是這次我使用”可樂“這種能看得清楚的液體來做。那麼,我們就開始今天的動畫吧W

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

https://ithelp.ithome.com.tw/upload/images/20200924/20130312ENSTNDglum.png

2.我們將要用的圖層都拉到左下方

https://ithelp.ithome.com.tw/upload/images/20200924/201303123InVqBAKiu.png

3.一樣,我們將這些Create shapes from vector layer。

https://ithelp.ithome.com.tw/upload/images/20200924/20130312julE0GRCNo.png

4.接下來,我們就要來倒我們的可樂摟~

(1).我們將除了可樂杯以外的圖層做一個預集合。

https://ithelp.ithome.com.tw/upload/images/20200924/20130312rETHDrCzUR.png

(2).我們叫它“可樂”

https://ithelp.ithome.com.tw/upload/images/20200924/20130312Bw5TYtfSD9.png

(3).再來,我們將”可樂杯“複製一個

https://ithelp.ithome.com.tw/upload/images/20200924/20130312UtSfOddp6O.png

(4).把其中一個移到最後

https://ithelp.ithome.com.tw/upload/images/20200924/20130312Pq9Qq3Xpmg.png

(5).把最上面的可樂杯縮小一點

https://ithelp.ithome.com.tw/upload/images/20200924/20130312a2hmmt4nOn.png

(6).在“可樂”圖層後面的Track Matte拉下小箭頭Alpha最上層並調整過的可樂杯

https://ithelp.ithome.com.tw/upload/images/20200924/20130312kE0eM5GG0D.png

(7).就會變得像這樣!

https://ithelp.ithome.com.tw/upload/images/20200924/20130312NTrapvWDX3.png

(8).再來我們按到剛剛的可樂預集合裡

https://ithelp.ithome.com.tw/upload/images/20200924/20130312uWbki6VzTN.png

(9).我們找到可樂第一層的Position。

https://ithelp.ithome.com.tw/upload/images/20200924/20130312sMaJMJWmEq.png

(10).慢慢往上移動,最好是有弧度的左右移動。

https://ithelp.ithome.com.tw/upload/images/20200924/20130312BroUAj5lpx.png

(11).可以邊移邊看主畫面調整,而後面其他圖層就能依據這個圖層來調整了。

https://ithelp.ithome.com.tw/upload/images/20200924/201303123A26rZVKor.png

(12).偶而回主畫面看一下

https://ithelp.ithome.com.tw/upload/images/20200924/201303126khnxWzS8x.png

(13).“可樂第二層”也一樣作法,目前液體的部分就這樣。

https://ithelp.ithome.com.tw/upload/images/20200924/20130312dRjcUvdlDi.png

5.主畫面現在是這樣,但這樣顯得很單調。

於是我們給他一些二氧化碳所產生的氣泡。

https://ithelp.ithome.com.tw/upload/images/20200924/20130312bsQZ0yxleI.png

(1).先將泡泡對好最後的位置

https://ithelp.ithome.com.tw/upload/images/20200924/20130312ERSK69eqEo.png

(2).選擇泡泡1,找到Position在最後一秒的地方按下碼表,再往前一秒移動他的位置

https://ithelp.ithome.com.tw/upload/images/20200924/20130312MrQzEMrF9D.png

(3).移動完後我們來調整他的透明度讓他更貼近真實。

https://ithelp.ithome.com.tw/upload/images/20200924/20130312CuYjfQmQNt.png

(4).那這裡比較特別的是,為了讓他維持一小段時間都是100%,於是我們先在一開始的地方按下碼表,這時候是100%,我們將時間往後拉一點,調整到0%,然後再往後一點調到100%,將最前面兩個關鍵針位置互換。

用這種方式做出五個關鍵針,分別的%數為0%-100%-100%-0%-0%,並且做雙向循環loopOut(type="pingpong")。

https://ithelp.ithome.com.tw/upload/images/20200924/20130312ygbVl0MYZH.png

(5).將這段透明度的五個關鍵針複製到其他泡泡上,並做時間上的微調。其他泡泡一樣拉Position。

https://ithelp.ithome.com.tw/upload/images/20200924/20130312NY8hufxiRV.png

(6).最後就會長這樣!

https://ithelp.ithome.com.tw/upload/images/20200924/20130312VqtNpujOCl.png

完成品如下~

https://lottiefiles.com//share/qhntfm9e

那明天就是特效版了!各位明天見~


上一篇
鐵人賽Day10-第六章:動畫2.3-移動中的車子3
下一篇
鐵人賽Day12-第七章:動畫3.2-倒滿水杯2(特效版)
系列文
做動畫?!抱歉了時間,但我真的需要那個酷東西 ฅ^•ω•^ฅ30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言