首頁技術(shù)文章正文

AE制作三維旋轉(zhuǎn)文字動(dòng)效教程

更新時(shí)間:2021-04-02 來源:黑馬程序員 瀏覽量:

AE動(dòng)效:

在界面設(shè)計(jì)中,動(dòng)效能使UI設(shè)計(jì)師的作品更有張力,用戶對于動(dòng)態(tài)的感知會(huì)比靜態(tài)的更強(qiáng)烈,也更吸引人,今天我們就一起來使用AE制作一個(gè)三維旋轉(zhuǎn)的文字動(dòng)效。

圣誕主題動(dòng)效


1、PS中做好動(dòng)效準(zhǔn)備工作

【1】使用快速選擇工具,將圣誕樹選中,復(fù)制到新圖層,使用曲線命令將其調(diào)亮。

【2】繪制流星,星光等元素,將置于新的圖層,用于制作星光閃爍效果。

圣誕主題效果

2、AE制作立體文字

【1】首先使用文字工具點(diǎn)擊,輸入文字

立體文字動(dòng)效


【2】選中文字圖層,繪制一個(gè)正圓

文字圖層畫圓


【3】點(diǎn)擊文本——路徑——蒙版,文字即可變成圓形的路徑文字

蒙版文字


【4】文本——?jiǎng)赢嫛獑⒂弥鹱?D化

文字蒙版

【5】文本——?jiǎng)赢嫛D(zhuǎn)

文字旋轉(zhuǎn)動(dòng)畫

【6】調(diào)整X軸旋轉(zhuǎn)90度

調(diào)整X軸旋轉(zhuǎn)

【7】再通過變換——旋轉(zhuǎn)——X軸,調(diào)整旋轉(zhuǎn)角度至合適

角度旋轉(zhuǎn)


【8】選擇文字圖層,ctrl+shift+C建立預(yù)合成

旋轉(zhuǎn)至合適角度

【9】選擇預(yù)合成后的文字,鋼筆沿圣誕樹繪制路徑,將需要在樹前顯示的文字使用路徑包圍起來,這樣樹后面的文字就不會(huì)顯示了。


建立預(yù)合成

【10】雙擊預(yù)合成的文字圖層,進(jìn)入預(yù)合成對象。右擊圖層——圖層樣式——加上外發(fā)光和內(nèi)發(fā)光,參數(shù)如下。

繪制路徑

參數(shù)


3、添加動(dòng)效

【1】進(jìn)入預(yù)合成對象內(nèi)部,在Z軸處K幀,10秒旋轉(zhuǎn)一圈。

旋轉(zhuǎn)一周

【2】選擇流星圖層,通過位置和透明度制作流星劃過的效果。選擇星光,通過透明度制作顯示隱藏效果。圣誕樹也是通過透明度制作閃爍效果。復(fù)制添加多個(gè)流星。

流星


【3】ctrl+M,添加渲染隊(duì)列,格式為AVI,渲染出圖。

AVI

【4】將渲染的AVI文件拖入PS,幀速率25,使用ctrl+alt+shift+S,選擇GIF格式,圖像大小可設(shè)置,循環(huán)為永遠(yuǎn),導(dǎo)出成GIF動(dòng)態(tài)圖。

動(dòng)圖

【5】作品完成!


猜你喜歡:

又萌又可愛的字體設(shè)計(jì)教程

賽博朋克風(fēng)格圖片怎么調(diào)?

水晶字體設(shè)計(jì)PS教程

黑馬程序員ui設(shè)計(jì)師課程

分享到:
在線咨詢 我要報(bào)名
和我們在線交談!