這篇教程教UI中國的AI學(xué)習(xí)者們使用AI來制作一款非常漂亮的立體文字效果,教程難度一般,制作出來的效果還蠻漂亮的
先看一下整體效果
分析一下:能看出3D效果主要是因為有立體面的展示。上圖我們能看到3個面,和一層陰影,分解一下就如下圖所示,我們姑且把黃色層叫做"上面",青色層叫做"側(cè)面",紅色層叫做"正面"。
1、創(chuàng)建文本文檔
步驟1
首先打開AI創(chuàng)建一個800*600px的畫布,設(shè)置分辨率為72!
步驟2
選擇文字工具(T)然后輸入"PIXAR"。我這邊用的字體是Silkscreen Expanded(因為字體做完3D效果擴展后立面是規(guī)則形狀),設(shè)置文字大小160px,色值#f7931e。
2、添加3D效果
步驟1
選中文字,開始添加3D效果。效果>3D>突出和斜角,輸入下面顯示的參考數(shù)值,然后點擊確定,效果應(yīng)該看起來如下圖所示。
步驟2
保證文本仍然被選中,對象>擴展外觀。然后多次操作:右鍵>取消編組,已取消所有的編組。這樣字體就會以一系列簡單形狀表現(xiàn)。
3、著色和整理文本
步驟1
選擇選擇工具(V)并選擇組成3D文本"上面"的所有形狀(這里有快速選擇的方式:先選中其中一個形狀,然后選擇>相同>外觀),CTRL+G編個組,然后調(diào)整形狀的填充色(#ffc800)和描邊色(#2e3a3a),將描邊粗細設(shè)置為2px,描邊屬性中的邊角設(shè)置成圓角連接。
步驟2
選擇組成3D文本"側(cè)面"的所有形狀,同樣的操作方式,調(diào)整形狀的填充色(#00d0ab)和描邊色(#2e3a3a),描邊粗細和屬性也保證和上次一樣。
步驟3
選擇組成3D文本"正面"的所有形狀,同樣調(diào)整填充色為#fb827a,最終得到圖形如下圖所示。
4、添加背景和簡單的陰影
步驟1
使用矩形工具(M),創(chuàng)建一個800*600px的形狀。設(shè)置色值為#00d0be,覆蓋畫布置于最底層。
步驟2
之前已經(jīng)將"上面"一層形狀進行過編組,現(xiàn)在CTRL+C,CTRL+F復(fù)制一層出來,改變形狀的填充色為#2e3a3a。然后轉(zhuǎn)到效果>扭曲和交換>變換,設(shè)置參數(shù)如下,點擊確定后就能得到一個陰影層。
步驟3
將陰影層調(diào)整至底部,改變圖層混合模式為柔光。完成?。。?
原作者: 自由的小馬駒
全站高品質(zhì)素材免費下載!