更新時(shí)間:2021-04-02 來(lái)源:黑馬程序員 瀏覽量:
AE動(dòng)效:
在界面設(shè)計(jì)中,動(dòng)效能使UI設(shè)計(jì)師的作品更有張力,用戶對(duì)于動(dòng)態(tài)的感知會(huì)比靜態(tài)的更強(qiáng)烈,也更吸引人,今天我們就一起來(lái)使用AE制作一個(gè)三維旋轉(zhuǎn)的文字動(dòng)效。
1、PS中做好動(dòng)效準(zhǔn)備工作
【1】使用快速選擇工具,將圣誕樹選中,復(fù)制到新圖層,使用曲線命令將其調(diào)亮。
【2】繪制流星,星光等元素,將置于新的圖層,用于制作星光閃爍效果。
2、AE制作立體文字
【1】首先使用文字工具點(diǎn)擊,輸入文字
【2】選中文字圖層,繪制一個(gè)正圓
【3】點(diǎn)擊文本——路徑——蒙版,文字即可變成圓形的路徑文字
【4】文本——?jiǎng)赢嫛獑⒂弥鹱?D化
【5】文本——?jiǎng)赢嫛D(zhuǎn)
【6】調(diào)整X軸旋轉(zhuǎn)90度
【7】再通過(guò)變換——旋轉(zhuǎn)——X軸,調(diào)整旋轉(zhuǎn)角度至合適
【8】選擇文字圖層,ctrl+shift+C建立預(yù)合成
【9】選擇預(yù)合成后的文字,鋼筆沿圣誕樹繪制路徑,將需要在樹前顯示的文字使用路徑包圍起來(lái),這樣樹后面的文字就不會(huì)顯示了。
【10】雙擊預(yù)合成的文字圖層,進(jìn)入預(yù)合成對(duì)象。右擊圖層——圖層樣式——加上外發(fā)光和內(nèi)發(fā)光,參數(shù)如下。
3、添加動(dòng)效
【1】進(jìn)入預(yù)合成對(duì)象內(nèi)部,在Z軸處K幀,10秒旋轉(zhuǎn)一圈。
【2】選擇流星圖層,通過(guò)位置和透明度制作流星劃過(guò)的效果。選擇星光,通過(guò)透明度制作顯示隱藏效果。圣誕樹也是通過(guò)透明度制作閃爍效果。復(fù)制添加多個(gè)流星。
【3】ctrl+M,添加渲染隊(duì)列,格式為AVI,渲染出圖。
【4】將渲染的AVI文件拖入PS,幀速率25,使用ctrl+alt+shift+S,選擇GIF格式,圖像大小可設(shè)置,循環(huán)為永遠(yuǎn),導(dǎo)出成GIF動(dòng)態(tài)圖。
【5】作品完成!
猜你喜歡:
設(shè)計(jì)學(xué)院教學(xué)總監(jiān)李老師訪談
2021-03-12UI設(shè)計(jì)師作品應(yīng)該如何準(zhǔn)備?常見面試問題有哪些?
2021-02-22社交APP通話界面設(shè)計(jì)【UI設(shè)計(jì)師面試機(jī)試】
2021-02-21H5設(shè)計(jì):結(jié)構(gòu)設(shè)計(jì)分析方法
2021-02-21化妝品廣告如何設(shè)計(jì)?有什么設(shè)計(jì)思路?【設(shè)計(jì)師面試技巧】
2021-02-21設(shè)計(jì)面試機(jī)試題目分析與設(shè)計(jì)思路
2021-02-20