illustrator的3D功能教程，教你做出彩的立體字

Sponsor

前言：illustrator有很多好用的神技，比如3D功能，可以做出很多花樣出來，今天我們來分享一個有趣的2.5D的字效，效果圖如下，請各位先瞅一眼：

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

一、設計字形

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

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

二、做厚度

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

（2）調整方向和位置，盡量讓連接處大小一樣。這時，執行“對象”-“擴展外觀”，右鍵“取消編組”，細心地調整對齊，這一步一定需要點耐心哦：

（3）進一步調整后，選中F字母的上下部分，“形狀生成工具”把正面部分連在一起，并填充不同的顏色區分，側面一樣：

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

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

三、調整處理細節

（1）把厚度調整得平滑合理些，字母轉折的地方處理成圓角，這樣的姿勢才能更自然耐看：

（2）細心的我，畫了幾條輔助線，看看哪些地方還不準確，再優化一下下：

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

四、添加圖案填充

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

（2）制作填充圖案。先畫個圓形，填充洋紅色，把這個圓形拖進“色板”：

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

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

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

五、加上投影和小裝飾

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

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

最后再加個深色背景，左瞅瞅右看看，看哪里不爽就再調整下，效果如下：

最后，簡單總結一下下，在這篇教程里，我們主要學到了兩點：

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

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

這兩個方法，做英文可以，做中文肯定也可以，做logo可以，以后用在版式設計中，估計也會很有意思！

所以，大家千萬不要只把這個教程當成是一個英文字體的字效教程，一定要活學活用，想出更多的姿勢，玩出不同的花樣！

會玩，敢做！才是一枚優秀的設計師嘛！

記??！

這么簡單好學的教程，千萬別放在收藏夾吃灰了！

我溜了，下次見哦~

作者 | 劉兵克工作室X
來源 | 字體幫 (id: zitibang)

贊助商鏈接

喜歡這篇文章嗎？歡迎分享到你的微博、QQ群，并關注我們的微博，謝謝支持。
版權：除非注明，本站文章均為原創文章，轉載請聯系我們授權，否則禁止轉載。