（圖文+視頻）AE野教程：方塊矩陣運(yùn)動(dòng)循環(huán)動(dòng)畫制作方法
今天分享內(nèi)容的視頻版如下，視頻已添加進(jìn)度條，大家可以根據(jù)自己的需求拖動(dòng)到想要觀看的部分，想要插件、原視頻以及源文件的鹿友公眾號(hào)后臺(tái)回復(fù)“452”獲?。?/p>
【資料圖】
以下是圖文版內(nèi)容：
正文共：2177字 40圖
預(yù)計(jì)閱讀時(shí)間：6分鐘
廢話不多說，繼續(xù)通過分解AE模板來學(xué)習(xí)吧，今天我們要分解的模板效果是這樣的：
這個(gè)效果我嘗試了一下覺得制作方法總體來說不難，只是在制作之前需要把思路理清楚，不然在制作的時(shí)候很容易把自己搞暈。
這一點(diǎn)我們?cè)谧龅臅r(shí)候一邊做一邊分析吧，好了，今天我們就來看看這個(gè)立方體矩陣運(yùn)動(dòng)的循環(huán)動(dòng)畫是如何制作的吧！
01
基礎(chǔ)元素制作部分
打開AE，新建合成尺寸為1080*1080，我們做一個(gè)120幀的循環(huán)動(dòng)畫就好：
先做個(gè)基礎(chǔ)的文字元素出來，康求N再次新建一個(gè)合成，尺寸我們?cè)O(shè)置為1000*1000：
輸入一組文字，然后新建一個(gè)純色圖層當(dāng)作底色：
原圖中總共有四組不同的文字內(nèi)容，并且文字旋轉(zhuǎn)的方向我們可以分為上下和左右兩組。
所以我們這里可以首先將文字添加的預(yù)合成里，把它命名為左右文字：
在左上角的項(xiàng)目面板中，我們可以康求D復(fù)制一個(gè)新的文字合成出來，然后雙擊進(jìn)去對(duì)新的文字內(nèi)容進(jìn)行修改。
并且把這個(gè)合成的名字按照上下左右的分組進(jìn)行重命名，避免后面把自己弄混淆：
重復(fù)的操作我就不贅述了，這里我們總共弄了四組文字，并且把它們分成了上下和左右兩組：
另外我們還需要一個(gè)沒有文字的純色元素，項(xiàng)目面板里可以新建一個(gè)文件夾，把這五組合成拖進(jìn)去，這樣看起來會(huì)比較有條理：
文字的顏色可以通過在文字層上添加特效生成-填充來修改：
然后把這個(gè)填充特效復(fù)制給其他的文字層就好了：
02
方塊制作部分
接下來是方塊制作部分了，這里我們需要制作分別向四個(gè)方向上運(yùn)動(dòng)的方塊，并且每個(gè)方塊的正面都是不同的文字，所以回到合成2，把它重命名為方塊左：
然后把項(xiàng)目面板中另外一個(gè)左右方向的文字元素也拖進(jìn)來，再拖入一個(gè)文字純色元素：
合成面板我們這里也需要重命名一下，由于方塊總共旋轉(zhuǎn)了180度，要保證是循環(huán)動(dòng)畫所以前后兩個(gè)面的內(nèi)容需要相同。
比如我現(xiàn)在想要保持好奇這個(gè)文字是正面朝向攝像機(jī)，就在合成面板中康求D在直接復(fù)制一個(gè)這個(gè)元素，把它們分別命名為前后：
然后由于這個(gè)方塊是向左運(yùn)動(dòng)，另外文字的元素就應(yīng)該是在右邊，所以重命名為右：
另外三個(gè)面就直接用無字的純色元素代替，所以直接把這個(gè)純色元素復(fù)制三份出來：
把所有圖層的3D圖層都激活為3D圖層，新建攝像機(jī)旋轉(zhuǎn)角度進(jìn)行觀察：
由于我們每個(gè)面的尺寸都是1000，所以后面這個(gè)面我們需要在Z方向上移動(dòng)1000：
但需要注意的是當(dāng)我們轉(zhuǎn)到背面觀察你會(huì)發(fā)現(xiàn)文字的方向反了：
所以我們這里還需要按R調(diào)出旋轉(zhuǎn)屬性，將方向旋轉(zhuǎn)一下，至于是哪個(gè)軸向大家試一下就知道了：
右邊的面旋轉(zhuǎn)以后你會(huì)發(fā)現(xiàn)它的位置不對(duì)，這里你可以選擇直接再調(diào)整它的位置：
我這里用的是Montion4這個(gè)腳本把對(duì)象的中心點(diǎn)修改到右邊，然后再進(jìn)行旋轉(zhuǎn)，這個(gè)腳本很好用，文后我也會(huì)分享給大家，不過現(xiàn)在你會(huì)發(fā)現(xiàn)文字的方向又反了：
沒關(guān)系，再次把對(duì)象的中心點(diǎn)改到中心，然后再旋轉(zhuǎn)一下面就好了，用這個(gè)方法我們不用再去調(diào)整位置的屬性，我個(gè)人覺得方便些：
其他幾個(gè)面由于只是純色元素，直接用腳本修改中心點(diǎn)旋轉(zhuǎn)就可以了，不用去管文字的正反問題：
把其他幾個(gè)面也重命名一下吧，這樣不容易混淆：
做好一個(gè)方塊以后，其他的方塊就要方便一些了，比如這里我要做向右旋轉(zhuǎn)的方塊，就直接在項(xiàng)目面板中康求D復(fù)制一個(gè)雙擊進(jìn)來：
然后選中需要修改的對(duì)象，按住Alt鍵把元素拖到對(duì)應(yīng)的面上進(jìn)行替換就好了：
有文字的面同樣需要注意文字是否反向了，如果是反了的話就同樣用腳本修改一下中心點(diǎn)位置，然后旋轉(zhuǎn)一下就好了：
其他方塊重復(fù)的步驟我不贅述了，只說一下注意事項(xiàng)，向上運(yùn)動(dòng)的方塊有字的面是前后和下這三個(gè)面，同樣要注意文字是否反向，如果反向了就調(diào)整中心點(diǎn)旋轉(zhuǎn)一下：
并且上下運(yùn)動(dòng)的立方體背后這個(gè)面的文字需要倒過來，這樣旋轉(zhuǎn)到正面以后才是正的：
向下運(yùn)動(dòng)的方塊有字的面是前后和上這三個(gè)面，旋轉(zhuǎn)面以及背面文字倒置我就不贅述了：
四個(gè)方向的方塊都搞好以后，項(xiàng)目面板里同樣新建一個(gè)文件夾整理一下，然后把四個(gè)方塊里用于旋轉(zhuǎn)觀察的攝像機(jī)刪掉：
03
方塊矩陣運(yùn)動(dòng)制作部分
所有元素制作好以后，就到矩陣運(yùn)動(dòng)的制作部分了，回到總合成里面，把四組方塊都拖到合成面板里：
新建攝像機(jī)，把所有方塊合成改為3D圖層，移動(dòng)遠(yuǎn)一點(diǎn)，你會(huì)發(fā)現(xiàn)方塊沒有3D的效果：
沒關(guān)系，這里我們把所有圖層都塌陷掉就好：
然后再調(diào)出攝像機(jī)屬性，先把位置方向調(diào)整個(gè)大概：
旋轉(zhuǎn)一下方塊，你會(huì)發(fā)現(xiàn)軸心不對(duì)：
這里我們需要把錨點(diǎn)調(diào)整到方塊中心的位置，這樣旋轉(zhuǎn)才是對(duì)的：
同時(shí)為了方便后面調(diào)整方塊的位置，我建議先將位置的參數(shù)都改為0，其他三個(gè)方塊也是一樣：
由于已知方塊的邊長(zhǎng)都是1000，所以只需要對(duì)其余幾個(gè)方塊以1000為單位在x和y軸上進(jìn)行移動(dòng)，就能很容易的對(duì)方塊進(jìn)行排列：
然后再對(duì)每一個(gè)方塊按照事先計(jì)劃好的方向上進(jìn)行旋轉(zhuǎn)K幀，這個(gè)不用多說了吧：
關(guān)鍵幀K好以后，選中所有的關(guān)鍵幀，快捷鍵F9將關(guān)鍵幀改為緩動(dòng)：
同時(shí)可以借助motion4腳本，修改一下關(guān)鍵幀的運(yùn)動(dòng)曲線：
同時(shí)選中四個(gè)方塊康求D復(fù)制，然后對(duì)它們進(jìn)行統(tǒng)一移動(dòng)，移動(dòng)的單位只要保證XY軸向上都是1000的倍數(shù)即可：
當(dāng)然過程中你把方塊的位置方向進(jìn)一步打亂一下更好，只是需要手動(dòng)調(diào)整：
接下來就是重復(fù)復(fù)制方塊并且調(diào)整位置，沒什么好說的，這一步最費(fèi)時(shí)間，同時(shí)也要配合攝像機(jī)調(diào)整視角，不得不吐槽一下，AE的攝像機(jī)是真難用：
如果你發(fā)現(xiàn)過程中會(huì)有些空隙露出來，可以將所有對(duì)象再次添加到一個(gè)新的預(yù)合成里，然后在這個(gè)預(yù)合成中添加一個(gè)純色圖層當(dāng)作底色：
最后導(dǎo)出動(dòng)圖看看效果吧：
基本上就是這樣吧，用AE做這種效果只要事先思路理順就還好，以上就是今天要分享的內(nèi)容，希望大家有所幫助。
更文不易，希望鹿友們?nèi)B支持，我們下次再見吧！
更多內(nèi)容歡迎關(guān)注公眾號(hào)：
本文由“野鹿志”發(fā)布
轉(zhuǎn)載前請(qǐng)聯(lián)系馬鹿野郎
