AI教程,3D技巧,2,5D立體字效,字體設(shè)計(jì),圖形設(shè)計(jì),視覺效果,創(chuàng)意設(shè)計(jì),數(shù)字藝術(shù),平面設(shè)計(jì),教程分享

關(guān)于教程

字體幫的各位字友們，大家好，今天我們來分享一個(gè)有趣的2.5D的字效，效果圖如下，請(qǐng)各位先瞅一眼：

這個(gè)字效是在AI中完成的，利用“3D”-“凸出和斜角”做出厚度，把幾個(gè)面區(qū)分連接，再填充圖案，簡(jiǎn)單容易，很快就能出效果！大家跟隨我的節(jié)奏快快學(xué)起來吧！

教程步驟

Step 01 設(shè)計(jì)字形

（1）用“矩形工具”設(shè)計(jì)出字形，為了便于后期制作效果，筆畫要盡量粗些、高些：

（2）把字體殘忍的分成兩部分。畫一條直線，選中字體和直線，“路徑查找器”，執(zhí)行左下角的“分割”：

Step 02 做厚度

（1）分別選中上下部分，執(zhí)行“效果”-“3D”-“凸出和斜角”，設(shè)置如下：

（2）調(diào)整方向和位置，盡量讓連接處大小一樣。這時(shí)，執(zhí)行“對(duì)象”-“擴(kuò)展外觀”，右鍵“取消編組”，細(xì)心地調(diào)整對(duì)齊，這一步一定需要點(diǎn)耐心哦：

（3）進(jìn)一步調(diào)整后，選中F字母的上下部分，“形狀生成工具”把正面部分連在一起，并填充不同的顏色區(qū)分，側(cè)面一樣：

（4）有些地方使用“形狀生成工具”不適合，我們可以靈活一點(diǎn)，直接用“路徑查找器”-“聯(lián)集”更方便些，比如o字母的側(cè)面可以用這種方法：

（5）亦可以直接用“鋼筆工具”，以這些字母厚度為參考，直接在上面勾勒出來，比如N和T，輕松幾步之后，立體感已經(jīng)逐漸顯現(xiàn)啦！

Step 03 調(diào)整處理細(xì)節(jié)

（1）把厚度調(diào)整得平滑合理些，字母轉(zhuǎn)折的地方處理成圓角，這樣的姿勢(shì)才能更自然耐看：

（2）細(xì)心的我，畫了幾條輔助線，看看哪些地方還不準(zhǔn)確，再優(yōu)化一下下：

（3）全選，添加深色“描邊”，側(cè)面填充更亮的顏色，讓立體感更明顯：

Step 04 添加圖案填充

（1）現(xiàn)在整體比較單調(diào)，所以決定給字母的正面加上不同的圖案。以F為例，利用“路徑偏移”，添加一層，然后填充不同的顏色，并調(diào)整錨點(diǎn)，增加層次感：

（2）制作填充圖案。先畫個(gè)圓形，填充洋紅色，把這個(gè)圓形拖進(jìn)“色板”：

（3）選中黃色字母F，“外觀”-“添加新填色”，單擊“填色”下拉箭頭，選擇圓形圖案。

（4）如果這不是你想要的效果，那很好辦，在“填色”下拉箭頭，選擇“編輯圖案”-單擊“圖案選項(xiàng)”，可直接調(diào)節(jié)中間藍(lán)色框的圓形大小，間距調(diào)整“寬度”和“高度”，雙擊即可退出：

（5）要改變“填充圖案”的方向，可右鍵，選擇“變換”-“旋轉(zhuǎn)”或者“分別變換”，勾選“變換圖案”。其它字母的填充圖案也是一樣的方法，一會(huì)功夫，五彩斑斕的效果就出來啦！

Step 05 加上投影和小裝飾

（1）o字母是有弧度的，所以這里就直接加上漸變來表達(dá)它的明暗關(guān)系：

（2）幾個(gè)字母之間，有互相遮擋的部分，給它加上投影，最后再加上一些小裝飾，加強(qiáng)一下整體的氛圍感：

最后再加個(gè)深色背景，左瞅瞅右看看，看哪里不爽就再調(diào)整下，效果如下：

最后，簡(jiǎn)單總結(jié)一下下，在這篇教程里，我們主要學(xué)到了兩點(diǎn)：

利用“3D”-“凸出和斜角”做立體感的方法；

為筆畫添加不同“填充圖案”的方法；

這兩個(gè)方法，做英文可以，做中文肯定也可以，做logo可以，以后用在版式設(shè)計(jì)中，估計(jì)也會(huì)很有意思！

所以，大家千萬(wàn)不要只把這個(gè)教程當(dāng)成是一個(gè)英文字體的字效教程，一定要活學(xué)活用，想出更多的姿勢(shì)，玩出不同的花樣！

會(huì)玩，敢做！才是一枚優(yōu)秀的設(shè)計(jì)師嘛！

記住！

這么簡(jiǎn)單好學(xué)的教程，千萬(wàn)別放在收藏夾吃灰了！

我溜了，下次見哦~