iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 16
0

今天做的這個比較麻煩,我們的作品要慢慢開始要做一個完整的動畫,而不是片段了,老實說,這也是我的第一次,做比較完整一點的動畫,想想有些緊張呢,那麼,我們開始吧!

1.我們這次要將畫面分開做,再一一合併連接。首先我們先畫最簡單也是最開始的蝌蚪卵。

(1).我們為了讓他多點動態性,分成三個圖層:底層、卵心、光點。

https://ithelp.ithome.com.tw/upload/images/20200929/20130312WhrNgbKQ3Y.png

(2).我們在AE裡開啟新檔,並且開啟新的Composition,就叫他蝌蚪卵。

https://ithelp.ithome.com.tw/upload/images/20200929/20130312X0l4xaWeDA.png

(3).將剛剛的蝌蚪卵AI檔放進來拉到左下角。

https://ithelp.ithome.com.tw/upload/images/20200929/20130312yuwijWBTdZ.png

(4).我們一樣先將他轉換成 Shape Layer。

https://ithelp.ithome.com.tw/upload/images/20200929/201303124OBVxZcyf6.png

(5).開啟中間卵新的圖層,找到Position在最一開始的地方按下碼表。

https://ithelp.ithome.com.tw/upload/images/20200929/20130312V2IUH1DSvb.png

(6).多給他幾次移動的軌跡,我設定兩秒為一個循環,並且做“雙向循環”loopOut(type="pingpong")

https://ithelp.ithome.com.tw/upload/images/20200929/20130312s448jnPjNo.png

到目前為止蝌蚪卵就完成了。接下來我們就要來做蝌蚪的部分,我想兩部份做完接一次。

2.蝌蚪

(1).我們畫一隻蝌蚪,一樣為了增加動態性,我們分成眼睛、頭、尾巴。

https://ithelp.ithome.com.tw/upload/images/20200929/20130312rKAmhl1gqq.png

(2).剛才的檔案也不用關,直接建立新的Composition就好,我們叫他”蝌蚪“。

https://ithelp.ithome.com.tw/upload/images/20200929/20130312xarZUFEBzr.png

(3).跟剛才一樣我們先將他轉換成 Shape Layer。

https://ithelp.ithome.com.tw/upload/images/20200929/20130312IlL9YKJL1B.png

(4).讓他動動眼睛,我們調整眼睛的Scale。這時候我做的數值是

100.0,100.0-100.0,20.0-100.0,100.0。

https://ithelp.ithome.com.tw/upload/images/20200929/20130312fHFO11x5QE.png

(5).由於眨眼不需要太頻繁,我們額外複製一次剛剛眨眼的關鍵針到兩秒後就好。(對!不要濫用循環不然你的蝌蚪會眨眼眨到像有乾眼症喔)

https://ithelp.ithome.com.tw/upload/images/20200929/20130312vC2awPX3QT.png

今天先講完前面簡單的部分,明天來專注研究我一直想研究的“圖釘”,那就這樣,我要繼續去埋頭做動畫啦!掰掰~


上一篇
鐵人賽Day15-第七章:動畫3.3-倒滿水杯3(特效版2)
下一篇
鐵人賽Day17-第八章:動畫4.2-蝌蚪蛻變過程2
系列文
做動畫?!抱歉了時間,但我真的需要那個酷東西 ฅ^•ω•^ฅ30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言