- 干貨|文字流動(dòng)效果動(dòng)畫(huà)制作步驟詳解
哈嘍,大家好,今天給大家?guī)?lái)的是文字流動(dòng)效果的動(dòng)畫(huà)制作教程,通過(guò)背景、手機(jī)、書(shū)三個(gè)素材,用AE制作出下方視頻中的效果,一起來(lái)看看吧!
文字流動(dòng)效果教程
在AE制作之前使用PS將需要的素材準(zhǔn)備好,例如背景、手機(jī)、書(shū),在PS當(dāng)中把不需要的背景去掉,輸出PNG文件或者保留PSD文件都可以。
在AE中進(jìn)行效果的制作,將背景和手機(jī)拖入AE中,創(chuàng)建合成,尺寸為1280*720,將手機(jī)放入相對(duì)應(yīng)的位置。
復(fù)制手機(jī),來(lái)制作反射的效果,縮放屬性中等比縮放關(guān)聯(lián)器關(guān)掉,在Y軸輸入“-”
反射效果不理想,在反射的手機(jī)上添加網(wǎng)格變形效果,特效-扭曲-網(wǎng)格變形,拖動(dòng)網(wǎng)格上的點(diǎn)對(duì)圖像進(jìn)行變形,為了方便變形,將網(wǎng)格的水平和豎直的數(shù)量減少
另外一個(gè)手機(jī)同樣的效果,制作好之后將兩個(gè)反射的手機(jī)預(yù)合成,不透明圖調(diào)低,并且繪制好MASK,調(diào)整好羽化,使反射效果更佳自然。
將書(shū)的素材導(dǎo)入,同樣的方法制作好。
制作陰影效果,形狀圖層繪制橢圓,放置在書(shū)下方,添加高斯模糊制作邊緣羽化效果,將透明降低。
同樣的方法在手機(jī)下方繪制橢圓,調(diào)整好角度
將制作好的背景預(yù)合成,做好命名。
創(chuàng)建文字,調(diào)整好文字的字體和大小
將文字制作動(dòng)畫(huà),設(shè)計(jì)好文字的運(yùn)動(dòng)路徑。
先啟用逐字3D化,文本-動(dòng)畫(huà)-逐字3D化。
目前制作的是文字整體的運(yùn)動(dòng),我們需要的是單個(gè)字符的不規(guī)則運(yùn)動(dòng),在文字下方創(chuàng)建動(dòng)畫(huà)制作工具,文本-動(dòng)畫(huà)-錨點(diǎn),先創(chuàng)建一個(gè)錨點(diǎn)的動(dòng)畫(huà),創(chuàng)建之后會(huì)自動(dòng)生成一個(gè)動(dòng)畫(huà)制作工具,因?yàn)楹竺孢€要?jiǎng)?chuàng)建好幾個(gè)動(dòng)畫(huà)工具,所以這里先改好名稱(chēng)。并且給錨點(diǎn)制作動(dòng)畫(huà)。
三個(gè)動(dòng)畫(huà)的數(shù)值分別為:
選擇文本字樣,再次添加動(dòng)畫(huà)工具,這次添加位置,添加完之后在這個(gè)動(dòng)畫(huà)工具后方點(diǎn)擊添加小三角,在添加一個(gè)擺動(dòng)工具,將這個(gè)動(dòng)畫(huà)工具命名為位置抖動(dòng),這個(gè)動(dòng)畫(huà)工具是為了制作文字在位置屬性上的隨機(jī)抖動(dòng)的動(dòng)畫(huà)。
這里制作了3個(gè)關(guān)鍵幀
數(shù)值分別為
將擺動(dòng)選擇器的三角打開(kāi),調(diào)整擺動(dòng)/秒,和關(guān)聯(lián)兩個(gè)屬性,參數(shù)如下
效果如下:
再次點(diǎn)擊文本-動(dòng)畫(huà),再創(chuàng)建一個(gè)動(dòng)畫(huà)工具,這次添加旋轉(zhuǎn)屬性,讓文字在旋轉(zhuǎn)上產(chǎn)生不規(guī)則的隨機(jī)旋轉(zhuǎn)效果。制作完畢之后根據(jù)文字的位置,制作不透明度的動(dòng)畫(huà),從書(shū)下方逐漸出現(xiàn)的效果。
一個(gè)文字效果有些單薄,我們可以將文字多復(fù)制基層,選中文字圖層,將其預(yù)合成,在合成中復(fù)制十個(gè)文字,并將其時(shí)間位置一一錯(cuò)開(kāi)。
可以根據(jù)畫(huà)面的效果將每個(gè)文字層的關(guān)鍵幀稍稍調(diào)整一下數(shù)值,讓每個(gè)文字的效果稍微有些不同。效果如下
給文字制作遮罩
文字進(jìn)入手機(jī)時(shí),手機(jī)畫(huà)面制作一些漣漪的變形效果,找到手機(jī)素材,特效-扭曲-波紋,文字接觸手機(jī)時(shí)開(kāi)始有漣漪效果,給半徑做動(dòng)畫(huà)。