給字體增添立體效果，字體會更有立體感和質感，更有沖擊力，視覺效果往往會更吸睛。

在字體幫的投稿作品中，我們經常看到此類相關作品，同時，也有很多同學，一直想學習制作這樣的效果。

今天，我們就做一次總結和分享，使用AI軟件，分5種方式，設計出獨具一格的立體字！

 

方式1-案例A

先看最終效果

step1

① 在AI中把做好的字形復制兩層，第一層填充紅色，第二層填充一個從黑到白的漸變并添加一個白色描邊：

step2

② 選中紅色字形，在菜單欄選擇，效果→3D→凸出和斜角，在面板中把三個軸的參數都設置為0，把透視和凸出厚度都直接調到最大，然后點擊確定：

然后就得到了下面這樣這樣的效果：

step3

③ 再次選中字形，按Ctrl+c，ctrl+f，粘貼一層在前面，再把前面一層的混合模式改成顏色減淡，這樣就亮了許多：

step4

④ 框選中紅色的字形，按ctrl+shift+【，把它置于底層，再把它和黑白漸變的字形水平居中對齊：

最終完成，是這樣的！當當當當！

 

 

方式1-案例B

先看最終效果

step1

① 在AI中給做好的字形先添加一個顏色和描邊：

在菜單欄選擇，效果→3D→凹凸和斜角，面板中三個軸的參數，分別是 20、5 、0，凸出厚度為50pt：

點擊確定后，得到以下效果：

step2

②全選中字體對其擴展外觀，選中頂層字體將其鎖定。然后全選下方厚度色塊，點擊路徑查找器中的聯集，將其合并且置于底層，更換一個顏色。最后給它添加一個圓頭圓角的描邊，對齊描邊選項為（使描邊外側對齊）：

底層部分添加描邊后會出現一些參差不齊的部分，需要我們去手動調整一下細節，調整效果如下：

調整完細節之后，給頂層灰色字體部分描邊更改一個顏色。復制粘貼最底層的字體并且再次置于底層，然后向右下方位移幾下，填充一個比背景色略深的顏色作為投影：

繼續更改一下顏色：

最后給字體添加一些裝飾，排版一下，搞定！

 

方式2-案例A

先看最終效果

step1

① 在AI中給做好的字形先添加一個顏色：

在菜單欄選擇，效果→3D→凹凸和斜角，面板中三個軸的參數，分別是 -13、-30、3，凸出厚度為65pt：

點擊確定，然后就得到了下面這樣這樣的效果：

step2

②選中3d效果字進行擴展，擴展之后，全選字體，給字體添加一個白色顏色填充和黑色描邊：

給頂層字體部分換回原來的顏色：

最后給字體添加一些裝飾，做出適當排版，搞定！

 

方式2-案例B

先看最終效果

step1

① 先準備好字形，隨便上一個自己喜歡的顏色：

然后在菜單欄在菜單欄選擇，效果→3D→凸出和斜角，面板中三個軸的參數分別是 -18、-28、8，凸出厚度為200：

點擊確定

step2

② 選中字形，點擊 對象→擴展外觀，再右擊→取消群組：

然后框選中字形給它添加一個描邊：

step3

③現在來給它上色，先從字的正面開始，先任意選中一個筆畫，選擇→相同→填色和描邊：

這樣我們就選中了字的正面，現在把字的填充換成亮一點的顏色：

然后是側面，先在下面畫幾個自己想要的顏色，然后添加和字一樣大小的描邊粗細：

畫完之后我們用吸管工具開始吸，按住shift點擊側面，點后用吸管工具吸下面的黃色：

然后同樣的方法繼續吸：

再吸：

繼續吸：

老習慣，做出適當排版，搞定！

 

 

方式3-案例A

先看最終效果

step1

① 在AI中給做好的字形先添加一個顏色和描邊：

在菜單欄選擇，效果→3D→凹凸和斜角，面板中三個軸的參數，分別是5 、-15、0，凸出厚度為28pt：

點擊確定，然后就得到了下面這樣的效果：

step2

②全選字體擴展，現在我們來給它上色，選中一個黑色筆畫，在菜單欄中點擊選擇→相同→填充顏色：

這樣我們就選中了所有的黑色色塊，然后給它更換一種顏色。并且添加黑色描邊：

step3

③接下來我們給這兩層字體編個組，然后向左下方復制一層。復制的過程中注意對齊關系，將第一層文字貼合隱藏到第二層文字的下方。然后置于底層，如下圖所示：

然后就得到了這樣的效果：

我們選中將最上面兩層文字按住ctrl+2鍵對其進行鎖定，然后選擇最底層的粉色筆畫，在菜單欄中點擊  選擇→相同→填充顏色，給其更改一個顏色：

運用上述方法繼續向下復制幾層更改顏色：

最后給字體添加一些裝飾，完成！

 

 

方式3-案例B

先看最終效果

step1

① 把做好的字形填充一個紅色：

然后在菜單欄選擇，效果→3D→凸出和斜角，面板中三個軸的參數，分別是8、8、0，凸出厚度為200：

點擊確定：

step2

②選中字形點擊菜單欄 對象→擴展對象，然后右擊取消群組：

取消群組之后點擊任意一個筆畫，在菜單欄中點擊  選擇→相同→填充顏色：

選中之后先ctrl+G群組，然后按住alt向下拖動復制一層：

然后框選上面的字，在路徑查找器點擊合并，如果沒有路徑查找器面板可以在窗口中找到：

step3

③合并之后給上面的字填充綠色+描邊，下面的填充紅色+同樣的描邊，然后再按住alt向上拖動，復制一層綠色的字，現在一共三層：

選中第一層綠色的字，點擊填充，然后點擊左下角的儲色板→圖案→基本圖形→基本圖形-點，然后在基本圖形-點面板中選擇第一個：

這樣我們就得到了一個點填充的圖案：

然后把三層都一起選中，進行左對齊和頂對齊，這樣就基本完成了：

最后，排版裝飾，完工！

 

方式4-案例A

先看最終效果

step1

①把做好的字形填充一個黃色：

然后在菜單欄在菜單欄選擇，效果→3D→凸出和斜角，在位置這里選擇等角-上方，混合步驟改為1，其他參數不動：

點擊確定之后點擊 對象→擴展，然后取消群組：

給取消群組后的字體添加一個描邊，然后再把側面有多余豎線的地方合并：

step2

②合并之后開始上色，按住shift選中頂部的筆畫，把填充調成亮一點的顏色：

用同樣的方法修改側面的填充：

然后，簡單排版，完活！

 

 

 

方式4-案例B

先看最終效果

step1

① 在AI中對做好的字形進行切割移位，這里使用的是相同角度的切割：

選中切割后的字形，先給它填充一個顏色：

step2

②在菜單欄選擇，效果→3D→凹凸和斜角，面板中三個軸的參數，分別是 48、-10、0，凸出厚度為50pt：

點擊確定，然后就得到了下面這樣的效果：

切割后的筆畫使用3D效果，位置距離上會出現一些偏差，需要我們去手動的調整對齊一下，調整效果如下：

step3

③選中3d效果字進行擴展，擴展之后，將字體厚度部分填充另一種顏色。（顏色的明暗變化直接參考3D效果所帶的明暗變化。）然后給字體整體添加一個1(pt)的黑色描邊：

選中綠色顏色部分字體，復制一層將其合并。然后置于底層。填充一個比背景色略深的顏色。移動其位置，將其作為投影：

給字體添加一個版式，完成！

 

 

 

方式5-案例A

先看最終效果

step1

① 在AI中給做好的字形添加一個顏色和描邊：

選中一個字體復制粘貼一個，然后置于底層移動到合適的位置：

將移動后的字體縮小，并且填充一個和原字體描邊顏色的相同的顏色：

step2

②框選兩個字體，用工具欄中的混合工具分別點擊兩個字體，得到如下效果：

框選住混合后的字體，按住ALT鍵然后點擊鼠標左鍵調出混合工具面板。下拉選項，選中指定的距離一欄，參考數值如下。（具體數值根據實際情況調整，數值越小，混合距離越密集。數值越大，混合距離越松散。）

點擊確定后，得到以下效果：

step3

③給其他字體添加相同效果，并且填充和底層字體顏色相同的背景色。

便得到一個由大到小，由實到虛的一個字體效果：

舉一反三，很快完成了！

方式5-案例B

先看最終效果

step1

①把做好的字復制三層，填充兩個鏡像漸變加白色描邊，和一個純色加白色描邊：

step2

②框選中前面兩個帶漸變的字，選擇混合工具，依次點擊框選中的第一個字和第二個字:

選中混合后的字體，再雙擊混合工具，在面板中選中指定步數，步數15:

step3

③把混合后的字和沒有混合的字進行右對齊，然后選擇混合的字，右擊→排列→置于底層:

最后再用直接選擇工具選中末端的字，移動他的位置就完成了:

step4

④用同樣的步驟做出剩下的字:

組合在一起:

再來個排版，搞定！

?劉兵克工作室字體教程

本篇作者：熊偉、張高馳