iT邦幫忙

第 12 屆 iT 邦幫忙鐵人賽

DAY 8
0
自我挑戰組

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

鐵人賽Day8-第六章:動畫2.1-移動中的車子1

今天的我們要來當一個稱職的老司機,學著如何開車車(X

沒錯,看到標題大家就知道我今天要來做的就是移動中的車子,那我們一樣先擬好分鏡跟畫好素材,第一步我們直接就從AE裡面教起。廢話不多說,那我們開始吧!

1.首先,我們先開啟一個新的Composition,我叫他車子跑跑鐵人賽跑跑W

https://ithelp.ithome.com.tw/upload/images/20200921/20130312Q1ZytFfnGG.png

2.將剛畫好的車子分過圖層後放進來

https://ithelp.ithome.com.tw/upload/images/20200921/20130312Kf5PxWrx5E.png

3.一樣先將他轉換成 Shape Layer

https://ithelp.ithome.com.tw/upload/images/20200921/20130312VQREqlDUo3.png

4.轉換完以後記得把原本的ai圖層刪掉(不然圖層一多會容易亂)

https://ithelp.ithome.com.tw/upload/images/20200921/20130312iglpH3Ayhs.png

5.再來將車頭燈、車尾燈、車體三個圖層一起做一個預集合(到時候他們要一起動)

https://ithelp.ithome.com.tw/upload/images/20200921/201303126Xak8IRU0a.png

6.再來,我想讓我的車燈在移動時閃爍(平常開車的時候不要做這件事喔~)

(1).我們在主車體裡面,將車頭燈及車尾燈多複製一個,並稍微改成你會比較清楚的名稱

https://ithelp.ithome.com.tw/upload/images/20200921/201303120Z03fnC82y.png

(2).先將車頭燈及車尾燈前面的小眼睛關起來,選擇“車頭燈底”圖層在畫面上點擊兩下再去按最上面的Fill改顏色

https://ithelp.ithome.com.tw/upload/images/20200921/20130312ipLP667AEd.png

(3).車尾燈也做一樣的事

https://ithelp.ithome.com.tw/upload/images/20200921/20130312WiejiF5gTS.png

都調好以後會長這樣

https://ithelp.ithome.com.tw/upload/images/20200921/20130312471BlRWJhr.png

(4).接下來,選擇“車尾燈”圖層,拉下來按Transform旁邊的小箭頭拉下來,找到Opacity(透明度)

https://ithelp.ithome.com.tw/upload/images/20200921/20130312wJWjUi0hl7.png

(5).拉好時間線按下小碼表

https://ithelp.ithome.com.tw/upload/images/20200921/20130312JvtlHTEq0S.png

(6).在下一個時間點時,調整Opacity的%數

https://ithelp.ithome.com.tw/upload/images/20200921/20130312QgEOp0KfFW.png

(7).在下一個時間點在調回100%

https://ithelp.ithome.com.tw/upload/images/20200921/20130312EX4VEZ07Dd.png

(8).依照喜歡的速度可以做調整

https://ithelp.ithome.com.tw/upload/images/20200921/20130312eq93s3T9CV.png

(9).我們可以給他一點循環~鍵盤上按著alt,按一下你要讓其循環的功能前面的碼表,貼上循環指令(詳情請見第五章)。

https://ithelp.ithome.com.tw/upload/images/20200921/20130312LdWu4IhHUt.png

(10).車頭燈也做一樣的事

https://ithelp.ithome.com.tw/upload/images/20200921/20130312fVWMxawS3h.png

7.接下來,既然他是車子,怎麼能不讓他動呢?!

(1).我們回到”車子跑跑鐵人賽用“找到前輪、後輪做預集合

https://ithelp.ithome.com.tw/upload/images/20200921/20130312GMeT3akjnM.png

(2).在前輪旁的小箭頭拉下來,找到Rotation(旋轉),在時間軸裡最一開始的地方按下小碼表。

https://ithelp.ithome.com.tw/upload/images/20200921/20130312N0E7qzbW08.png

(3).再將時間線拉到最後調整Rotation後面的數值(前面的數字是指圈,後面的數字是指角度),我調整到了-40圈(加負是為了調整方向W)。

https://ithelp.ithome.com.tw/upload/images/20200921/20130312lkei2KWCPs.png

(4).後輪也做一樣的事情,如果你懶可以直接將所有關鍵針複製貼上過去

https://ithelp.ithome.com.tw/upload/images/20200921/20130312E75c7mMMYP.png

那麼,今天的老司機開車先到這裡,明天還有好多東西要告訴大家呢,今天發文時間有點晚,那麼就先這樣,晚安啦~


上一篇
鐵人賽Day7-第五章:動畫1.2-貓咪2
下一篇
鐵人賽Day9-第六章:動畫2.2-移動中的車子2
系列文
做動畫?!抱歉了時間,但我真的需要那個酷東西 ฅ^•ω•^ฅ30

尚未有邦友留言

立即登入留言