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