您的位置:首頁 > 動漫 >

(圖文+視頻)AE野教程:方塊矩陣運動循環(huán)動畫制作方法

今天分享內(nèi)容的視頻版如下,視頻已添加進度條,大家可以根據(jù)自己的需求拖動到想要觀看的部分,想要插件、原視頻以及源文件的鹿友公眾號后臺回復“452”獲?。?/p>


【資料圖】

以下是圖文版內(nèi)容:

正文共:2177字 40圖

預計閱讀時間:6分鐘

廢話不多說,繼續(xù)通過分解AE模板來學習吧,今天我們要分解的模板效果是這樣的:

這個效果我嘗試了一下覺得制作方法總體來說不難,只是在制作之前需要把思路理清楚,不然在制作的時候很容易把自己搞暈。

這一點我們在做的時候一邊做一邊分析吧,好了,今天我們就來看看這個立方體矩陣運動的循環(huán)動畫是如何制作的吧!

01

基礎(chǔ)元素制作部分

打開AE,新建合成尺寸為1080*1080,我們做一個120幀的循環(huán)動畫就好:

先做個基礎(chǔ)的文字元素出來,康求N再次新建一個合成,尺寸我們設(shè)置為1000*1000:

輸入一組文字,然后新建一個純色圖層當作底色:

原圖中總共有四組不同的文字內(nèi)容,并且文字旋轉(zhuǎn)的方向我們可以分為上下和左右兩組。

所以我們這里可以首先將文字添加的預合成里,把它命名為左右文字:

在左上角的項目面板中,我們可以康求D復制一個新的文字合成出來,然后雙擊進去對新的文字內(nèi)容進行修改。

并且把這個合成的名字按照上下左右的分組進行重命名,避免后面把自己弄混淆:

重復的操作我就不贅述了,這里我們總共弄了四組文字,并且把它們分成了上下和左右兩組:

另外我們還需要一個沒有文字的純色元素,項目面板里可以新建一個文件夾,把這五組合成拖進去,這樣看起來會比較有條理:

文字的顏色可以通過在文字層上添加特效生成-填充來修改:

然后把這個填充特效復制給其他的文字層就好了:

02

方塊制作部分

接下來是方塊制作部分了,這里我們需要制作分別向四個方向上運動的方塊,并且每個方塊的正面都是不同的文字,所以回到合成2,把它重命名為方塊左:

然后把項目面板中另外一個左右方向的文字元素也拖進來,再拖入一個文字純色元素:

合成面板我們這里也需要重命名一下,由于方塊總共旋轉(zhuǎn)了180度,要保證是循環(huán)動畫所以前后兩個面的內(nèi)容需要相同。

比如我現(xiàn)在想要保持好奇這個文字是正面朝向攝像機,就在合成面板中康求D在直接復制一個這個元素,把它們分別命名為前后:

然后由于這個方塊是向左運動,另外文字的元素就應該是在右邊,所以重命名為右:

另外三個面就直接用無字的純色元素代替,所以直接把這個純色元素復制三份出來:

把所有圖層的3D圖層都激活為3D圖層,新建攝像機旋轉(zhuǎn)角度進行觀察:

由于我們每個面的尺寸都是1000,所以后面這個面我們需要在Z方向上移動1000:

但需要注意的是當我們轉(zhuǎn)到背面觀察你會發(fā)現(xiàn)文字的方向反了:

所以我們這里還需要按R調(diào)出旋轉(zhuǎn)屬性,將方向旋轉(zhuǎn)一下,至于是哪個軸向大家試一下就知道了:

右邊的面旋轉(zhuǎn)以后你會發(fā)現(xiàn)它的位置不對,這里你可以選擇直接再調(diào)整它的位置:

我這里用的是Montion4這個腳本把對象的中心點修改到右邊,然后再進行旋轉(zhuǎn),這個腳本很好用,文后我也會分享給大家,不過現(xiàn)在你會發(fā)現(xiàn)文字的方向又反了:

沒關(guān)系,再次把對象的中心點改到中心,然后再旋轉(zhuǎn)一下面就好了,用這個方法我們不用再去調(diào)整位置的屬性,我個人覺得方便些:

其他幾個面由于只是純色元素,直接用腳本修改中心點旋轉(zhuǎn)就可以了,不用去管文字的正反問題:

把其他幾個面也重命名一下吧,這樣不容易混淆:

做好一個方塊以后,其他的方塊就要方便一些了,比如這里我要做向右旋轉(zhuǎn)的方塊,就直接在項目面板中康求D復制一個雙擊進來:

然后選中需要修改的對象,按住Alt鍵把元素拖到對應的面上進行替換就好了:

有文字的面同樣需要注意文字是否反向了,如果是反了的話就同樣用腳本修改一下中心點位置,然后旋轉(zhuǎn)一下就好了:

其他方塊重復的步驟我不贅述了,只說一下注意事項,向上運動的方塊有字的面是前后和下這三個面,同樣要注意文字是否反向,如果反向了就調(diào)整中心點旋轉(zhuǎn)一下:

并且上下運動的立方體背后這個面的文字需要倒過來,這樣旋轉(zhuǎn)到正面以后才是正的:

向下運動的方塊有字的面是前后和上這三個面,旋轉(zhuǎn)面以及背面文字倒置我就不贅述了:

四個方向的方塊都搞好以后,項目面板里同樣新建一個文件夾整理一下,然后把四個方塊里用于旋轉(zhuǎn)觀察的攝像機刪掉:

03

方塊矩陣運動制作部分

所有元素制作好以后,就到矩陣運動的制作部分了,回到總合成里面,把四組方塊都拖到合成面板里:

新建攝像機,把所有方塊合成改為3D圖層,移動遠一點,你會發(fā)現(xiàn)方塊沒有3D的效果:

沒關(guān)系,這里我們把所有圖層都塌陷掉就好:

然后再調(diào)出攝像機屬性,先把位置方向調(diào)整個大概:

旋轉(zhuǎn)一下方塊,你會發(fā)現(xiàn)軸心不對:

這里我們需要把錨點調(diào)整到方塊中心的位置,這樣旋轉(zhuǎn)才是對的:

同時為了方便后面調(diào)整方塊的位置,我建議先將位置的參數(shù)都改為0,其他三個方塊也是一樣:

由于已知方塊的邊長都是1000,所以只需要對其余幾個方塊以1000為單位在x和y軸上進行移動,就能很容易的對方塊進行排列:

然后再對每一個方塊按照事先計劃好的方向上進行旋轉(zhuǎn)K幀,這個不用多說了吧:

關(guān)鍵幀K好以后,選中所有的關(guān)鍵幀,快捷鍵F9將關(guān)鍵幀改為緩動:

同時可以借助motion4腳本,修改一下關(guān)鍵幀的運動曲線:

同時選中四個方塊康求D復制,然后對它們進行統(tǒng)一移動,移動的單位只要保證XY軸向上都是1000的倍數(shù)即可:

當然過程中你把方塊的位置方向進一步打亂一下更好,只是需要手動調(diào)整:

接下來就是重復復制方塊并且調(diào)整位置,沒什么好說的,這一步最費時間,同時也要配合攝像機調(diào)整視角,不得不吐槽一下,AE的攝像機是真難用:

如果你發(fā)現(xiàn)過程中會有些空隙露出來,可以將所有對象再次添加到一個新的預合成里,然后在這個預合成中添加一個純色圖層當作底色:

最后導出動圖看看效果吧:

基本上就是這樣吧,用AE做這種效果只要事先思路理順就還好,以上就是今天要分享的內(nèi)容,希望大家有所幫助。

更文不易,希望鹿友們?nèi)B支持,我們下次再見吧!

更多內(nèi)容歡迎關(guān)注公眾號:

本文由“野鹿志”發(fā)布

轉(zhuǎn)載前請聯(lián)系馬鹿野郎

標簽: 120幀 AE模板

相關(guān)閱讀