Unity-Simple UI Animation Intro

前言

在Unity製作UI的時候往往需要一點點小小的開場動畫,但是在時間有限的狀況下我們其實可以利用Unity裡面的Animator就能夠快速地製作動畫,不用寫語法也不用太複雜的技巧即可製作動畫,透過位移、透明度、縮放等等基本的動畫設定就可以製作出快速的動畫開場,是不是很方便呢。

現在就開始跟著大家一起練習如何在Unity上製作簡單的開場動畫吧!

建立UI Canvas

這邊相信大家對於Unity裡UI要如何擺放切圖應該都很熟悉,所以就不在贅述了。依照平面設計上的相對位置以及尺寸擺放在Unity上理想的視覺位置是我們這一步驟所需要執行的工作。

Animator

Animator是Unity裡面控制動畫的Componet,在我們還沒製作動畫之前記得先打開Window>Animation> Animation 就可以看到Animation的視窗

這時候我們選擇我們所要製作的物件,首先新增Animator的Componet,同時我們在Animation的視窗可以看到大大的 Create按鈕,按下去以後我們就可以新增這個物件的動畫檔案了。

這裡的Animator Controller就是擺放剛剛所建立的Animation檔案

編輯影格

設定好以後我們就可以開始編輯動畫影格了,首先我們在編輯影格之前最重要的事情就是記得要按下Record按鈕,這時候我們就可以依照自己所預設的動畫腳本製作影格。

若想要簡單的遮罩動畫可以將Image Type改為Filled就可以讓影像像有了遮罩一樣的依照你想要的位置消失

如果要細條影格上的速度快慢等等也是可以使用Curves曲線的方式來編輯影格,讓我們的動畫更加順暢。

Animator Controller

Animator Cntroller是我們在unity裡面串接各種Animation腳本的編輯工具,但是因為我們製作的都是單個物件的動畫而非人物的動畫腳本,這邊最重要的就是點選我們的Animation腳本將Loop關掉,這樣就不會一直重複播放了。

接著我們就可以依照自己的動畫腳本製作各個影格動畫編輯

設定好以後就可以看一下效果

小結

這次所介紹的方式雖然是蠻土炮的動畫方式,但是在Unity上可以直接編輯動畫也是相當快速方便的一件事情,雖然動畫表現的結果不如AE以及寫語法上的畫面呈現精細,但也是一個不錯且快速的方法,如果有興趣的朋友不仿也可以試做看看自己的Unity UI開場動畫唷!

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *