AE如何制作文字動態效果
Hello各位小伙伴!這篇文章將帶領大家使用AE完成一組文字動畫的制作,本次案例中沒有用到第三方的腳本以及插件,通過AE自帶的效果預設即可完成,非常簡單!
01.新建合成
打開AE后,新建一個【1600*1200】的合成,命名為【文本動畫】,幀速率設置為30f/s,時間設置為15s。
注意:像素長寬比一定要選擇方形像素
02.新建文本
選擇文本工具并輸入【Coldrain1】,調整文本錨點位置使其居中,字號大小設置為【197px】,并在選擇一個合適的字體后讓文本圖層在合成中水平和垂直居中。
03.添加文本動畫
展開文本圖層,點擊文本后方的動畫按鈕,這里我們選擇【字符位移】并點擊。
添加完【字符位移】后我們可以在文本圖層下方看到【動畫制作工具1】,將其展開,找到其下方的【字符位移】屬性,我們在第【0幀】的位置打一個關鍵幀,并將【字符位移】的數值調整為【30】,此時我們可以得到這樣一個畫面:
接下來我們在第【25幀】的位置再打一個關鍵幀,并將【字符位移】的數值調整為【12】,為了能夠讓動畫產生停滯的感覺,我們將時間指示器向后移動【8幀】(Cmd 方向鍵逐幀移動),然后再對【字符位移】打一個數值為【12】的關鍵幀,此時這個動畫還需要在結束時變成正確的文本內容也就是【coldrain1】,所以我們還要將時間指示器向后移動【3幀】打一個【字符位移】為【0】的關鍵幀。現在我們就得到了一個變化的文本。
接下來,我們需要實現的是讓文本中的字母一部分先變正確,然后再全部變成正確的。首先,我們找到【動畫制作工具1】當中的【范圍選擇器1】下面的【起始】屬性,并在第【17幀】的位置為其打一個關鍵幀,接下來,將時間指示器向后移動【6幀】再打一個關鍵幀,并將【起始】的數值調整為【62%】
完成以上步驟后,純文本部分的動畫就做好了,接下來就需要做故障效果制作了。
04.添加故障效果一
首先新建一個純色層(Cmd Y)命名為【躁波純色】
純色層創建完成后,找到【效果和預設】面板,如果你的AE界面當中沒有【效果和預設】面板,可以到【窗口】中找到或者使用快捷鍵Cmd 5,直接調出【效果和預設】面板。接下來在輸入框中輸入【分形雜色】,并將其添加給【躁波純色】圖層,添加后效果如下圖所示:
然后,對【分形雜色】的效果參數進行設置,將分型類型改為【動態】,雜色類型改為【塊】,適當調節對比度和亮度,增強黑白之間的對比關系。接著展開變換,去掉【統一縮放】的勾選,將【縮放寬度】調整為【5000】【縮放高度】調整為【489】,調整后如下圖所示:
現在就得到了一個靜態錯亂的圖形,我們需要讓這個圖形產生抖動的效果。接下來我們為【分形雜色】中的【演化】添加表達式【time*3000】(按住Alt點擊演化前面的小秒表即可)
表達式添加完成之后,效果如下:
此時,我們需要將【躁波純色】層變成【預合成】(Cmd Shift C)命名改為【躁波】,轉換時要注意一定選中【將所有屬性移動到新合成】選項。
下面我們在圖層區域的空白處,點擊鼠標右鍵來新建一個【調整圖層】
接下來我們找到【效果和預設】面板,搜索【置換圖】并將其添加給【調整圖層】,之后找到【效果控件】面板對【置換圖】中的參數進行調節,這里我們將【置換圖層】改為【躁波】,【用于水平/垂直置換】修改為【亮度】,在適當調節一下水平和垂直置換的數值就可以得到入下圖所示的效果了。
因為只需要一部分動畫需要故障效果所以我們截取一段【6幀】的【調整圖層】(截取前半段:Alt [,截取后半段:Alt ] ,我這里截取的是第45~52幀的區間),然后在第【46幀】的位置處為【置換圖】中的【最大水平置換】和【最大垂直置換】打一個關鍵幀,數值默認即可,然后在第【51幀】處在對【最大水平置換】和【最大垂直置換】打一個關鍵幀,數值分別設置為:【-81】和【18】即可得到如下所示的效果:
05.添加故障效果二
接下來就是制作故障效果的顏色部分,首先我們將文本圖層復制3份(Cmd D),修改圖層標簽的顏色分別為【紅色】【綠色】和【藍色】,然后在把文本圖層的長度進行裁切使其與調整圖層保持一致,并修改文本的顏色是文本的顏色與文本圖層標簽顏色相對應。接下來將這3個文本進行錯位調整,并將疊加模式改為【屏幕】
到這里整個效果就算完成了,我們也可以再將文本層和調整層復制多個,讓他們在不同的時間段內對文本產生作用,以產生不同的視覺效果。
最后
希望各位小伙伴通過本次案例大家能夠舉一反三,創作出更多優秀的動效作品~
轉載聲明:本文來源于網絡,不作任何商業用途

全部評論


暫無留言,趕緊搶占沙發
熱門資訊

成長貼 | 4個月UI設計培訓KO大學4年的付出,逆轉高薪就業...

開發文字錯位,UI設計師需要知道的解決辦法...

游戲UI是什么東西?游戲UI設計的基本原則和一些思考...

如何設計出一個LOGO?

ue交互設計師要掌握什么技能嗎?

百度文庫會員體驗框架升級有那些不一樣了?...

web產品設計操作指南

ui界面設計師培訓學費一般多少錢?

插畫手繪入門知識講解
