iT邦幫忙

第 12 屆 iT 邦幫忙鐵人賽

DAY 9
0
自我挑戰組

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

鐵人賽Day9-第六章:動畫2.2-移動中的車子2

接續昨天的車

8.為了讓握們的車子更貼近現實狀況,於是我們做些上下起伏

(1).選擇主車體的預集合,找到Position,在一開始的地方按下碼表

https://ithelp.ithome.com.tw/upload/images/20200922/20130312ylHsmIvYXd.png

(2).在下一個時間點拉動畫面上的車體(往下)

https://ithelp.ithome.com.tw/upload/images/20200922/20130312xw8MyMyNAJ.png

(3).在下一個時間點拉動畫面上的車體(往上)

https://ithelp.ithome.com.tw/upload/images/20200922/20130312y55bUS6nF8.png

(4).在做好一個Set後我們一樣將他做循環處理

https://ithelp.ithome.com.tw/upload/images/20200922/20130312MZUiS7nLO0.png

9.再來就是這個動畫最難的地方了,我想給他一點速度感

(1).建立一個色塊的圖層(可以右鍵新增solid,也可以在最上排的Layer裡找到)

https://ithelp.ithome.com.tw/upload/images/20200922/20130312PixvV0YLuJ.png

(2).幫它命名為“速度感”

https://ithelp.ithome.com.tw/upload/images/20200922/20130312AqMa1QKEV4.png

(3).我們在最旁邊的功能裡找到Effect(特效),並搜尋“Fractal Noise”這個效果

https://ithelp.ithome.com.tw/upload/images/20200922/2013031271572rUhcb.png

(4).把該效果拖拉到剛剛建立的色塊圖層上

https://ithelp.ithome.com.tw/upload/images/20200922/20130312pxC8uaTUjB.png

(5).這時在左邊側邊欄找到Transform下拉小三角形,將Uniform Scaling(統一縮放)的勾勾點掉不要

https://ithelp.ithome.com.tw/upload/images/20200922/20130312jFQXDYDS2J.png

(6).選擇好一個時間,我調整

Scale Width 縮放寬度:1000
Scale Height縮放高度:10
Offset Turbulence:1255.0,600.0
https://ithelp.ithome.com.tw/upload/images/20200922/20130312nlIQ7h5ooH.png

(7). 選擇下一個時間,我調整

Scale Width 縮放寬度:1000
Scale Height縮放高度:10
Offset Turbulence:1000.0,500.0
https://ithelp.ithome.com.tw/upload/images/20200922/20130312nHckibgxi7.png

(8). 將Fractal Type調整成Turbulent Basic。

https://ithelp.ithome.com.tw/upload/images/20200922/20130312ArZ7XxVz7g.png

(9). 將Noise Type調整成Spline。

https://ithelp.ithome.com.tw/upload/images/20200922/20130312fhEJG1NVM2.png

(10). 將Contrast調整成200。

https://ithelp.ithome.com.tw/upload/images/20200922/20130312NAWlqIQKHZ.png

(11). 為了避免干擾,先將其他兩個圖層鎖起來

https://ithelp.ithome.com.tw/upload/images/20200922/20130312SXJLQZStwy.png

(12).在畫面上點擊我們的“速度感”兩下

https://ithelp.ithome.com.tw/upload/images/20200922/20130312V9NMk3jhkL.png

(13).用鋼筆在畫面中畫一個平行四邊形(可以不用很規則),並且可以隨時再調整

https://ithelp.ithome.com.tw/upload/images/20200922/20130312UeYbBGOpdD.png

(14).這時我們在回到原本的畫面他就會變成剛剛畫的圖形

https://ithelp.ithome.com.tw/upload/images/20200922/20130312JfUZ5eLGYW.png

(15).接下來調整剛剛我們拉的遮罩(Mask)的羽化程度,一邊調整我們的遮罩,一開始我調到150

https://ithelp.ithome.com.tw/upload/images/20200922/201303124S9Xp0QCAQ.png

(16).下一個時間點我調整到100

https://ithelp.ithome.com.tw/upload/images/20200922/201303120U2EIh7BoZ.png

(17).給他一個收尾後,一樣循環他

https://ithelp.ithome.com.tw/upload/images/20200922/20130312JdScNUtX9q.png

(18).調整一下速度感的位置,就完成啦~

https://ithelp.ithome.com.tw/upload/images/20200922/20130312X070OKmcEa.png

當然啦,還可以做更多美化及修編,明天的我就要來帶大家做小小美化的工作喔W

這個動畫最難的地方已經過了,那明天我們再接再厲!!加油!


上一篇
鐵人賽Day8-第六章:動畫2.1-移動中的車子1
下一篇
鐵人賽Day10-第六章:動畫2.3-移動中的車子3
系列文
做動畫?!抱歉了時間,但我真的需要那個酷東西 ฅ^•ω•^ฅ30

尚未有邦友留言

立即登入留言