首页
/
每日頭條
/
生活
/
教你如何制作立體字
教你如何制作立體字
更新时间:2026-05-26 03:04:31

教你如何制作立體字(立體字的5種設計法)1

本篇作者:熊偉、張高馳

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

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

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

教你如何制作立體字(立體字的5種設計法)2

方式1-案例A

先看最終效果

教你如何制作立體字(立體字的5種設計法)3

step1

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

教你如何制作立體字(立體字的5種設計法)4

step2

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

教你如何制作立體字(立體字的5種設計法)5

然後就得到了下面這樣這樣的效果:

教你如何制作立體字(立體字的5種設計法)6

step3

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

教你如何制作立體字(立體字的5種設計法)7

教你如何制作立體字(立體字的5種設計法)8

step4

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

教你如何制作立體字(立體字的5種設計法)9

最終完成,是這樣的!當當當當!

教你如何制作立體字(立體字的5種設計法)10

方式1-案例B

先看最終效果

教你如何制作立體字(立體字的5種設計法)11

step1

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

教你如何制作立體字(立體字的5種設計法)12

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

教你如何制作立體字(立體字的5種設計法)13

點擊确定後,得到以下效果:

教你如何制作立體字(立體字的5種設計法)14

step2

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

教你如何制作立體字(立體字的5種設計法)15

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

教你如何制作立體字(立體字的5種設計法)16

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

教你如何制作立體字(立體字的5種設計法)17

繼續更改一下顔色:

教你如何制作立體字(立體字的5種設計法)18

最後給字體添加一些裝飾,排版一下,搞定!

教你如何制作立體字(立體字的5種設計法)19

教你如何制作立體字(立體字的5種設計法)20

方式2-案例A

先看最終效果

教你如何制作立體字(立體字的5種設計法)21

step1

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

教你如何制作立體字(立體字的5種設計法)22

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

教你如何制作立體字(立體字的5種設計法)23

點擊确定,然後就得到了下面這樣這樣的效果:

教你如何制作立體字(立體字的5種設計法)24

step2

②選中3d效果字進行擴展,擴展之後,全選字體,給字體添加一個白色顔色填充和黑色描邊:

教你如何制作立體字(立體字的5種設計法)25

給頂層字體部分換回原來的顔色:

教你如何制作立體字(立體字的5種設計法)26

最後給字體添加一些裝飾,做出适當排版,搞定!

教你如何制作立體字(立體字的5種設計法)27

方式2-案例B

先看最終效果

教你如何制作立體字(立體字的5種設計法)28

step1

① 先準備好字形,随便上一個自己喜歡的顔色:

教你如何制作立體字(立體字的5種設計法)29

然後在菜單欄在菜單欄選擇,效果→3D→凸出和斜角,面闆中三個軸的參數分别是 -18、-28、8,凸出厚度為200:

教你如何制作立體字(立體字的5種設計法)30

點擊确定

教你如何制作立體字(立體字的5種設計法)31

step2

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

教你如何制作立體字(立體字的5種設計法)32

然後框選中字形給它添加一個描邊:

教你如何制作立體字(立體字的5種設計法)33

step3

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

教你如何制作立體字(立體字的5種設計法)34

這樣我們就選中了字的正面,現在把字的填充換成亮一點的顔色:

教你如何制作立體字(立體字的5種設計法)35

然後是側面,先在下面畫幾個自己想要的顔色,然後添加和字一樣大小的描邊粗細:

教你如何制作立體字(立體字的5種設計法)36

畫完之後我們用吸管工具開始吸,按住shift點擊側面,點後用吸管工具吸下面的黃色:

教你如何制作立體字(立體字的5種設計法)37

然後同樣的方法繼續吸:

教你如何制作立體字(立體字的5種設計法)38

再吸:

教你如何制作立體字(立體字的5種設計法)39

繼續吸:

教你如何制作立體字(立體字的5種設計法)40

老習慣,做出适當排版,搞定!

教你如何制作立體字(立體字的5種設計法)41

教你如何制作立體字(立體字的5種設計法)42

方式3-案例A

先看最終效果

教你如何制作立體字(立體字的5種設計法)43

step1

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

教你如何制作立體字(立體字的5種設計法)44

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

教你如何制作立體字(立體字的5種設計法)45

點擊确定,然後就得到了下面這樣的效果:

教你如何制作立體字(立體字的5種設計法)46

step2

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

教你如何制作立體字(立體字的5種設計法)47

這樣我們就選中了所有的黑色色塊,然後給它更換一種顔色。并且添加黑色描邊:

教你如何制作立體字(立體字的5種設計法)48

step3

③接下來我們給這兩層字體編個組,然後向左下方複制一層。複制的過程中注意對齊關系,将第一層文字貼合隐藏到第二層文字的下方。然後置于底層,如下圖所示:

教你如何制作立體字(立體字的5種設計法)49

然後就得到了這樣的效果:

教你如何制作立體字(立體字的5種設計法)50

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

教你如何制作立體字(立體字的5種設計法)51

運用上述方法繼續向下複制幾層更改顔色:

教你如何制作立體字(立體字的5種設計法)52

最後給字體添加一些裝飾,完成!

教你如何制作立體字(立體字的5種設計法)53

方式3-案例B

先看最終效果

教你如何制作立體字(立體字的5種設計法)54

step1

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

教你如何制作立體字(立體字的5種設計法)55

然後在菜單欄選擇,效果→3D→凸出和斜角,面闆中三個軸的參數,分别是8、8、0,凸出厚度為200:

教你如何制作立體字(立體字的5種設計法)56

點擊确定:

教你如何制作立體字(立體字的5種設計法)57

step2

②選中字形點擊菜單欄 對象→擴展對象,然後右擊取消群組:

教你如何制作立體字(立體字的5種設計法)58

取消群組之後點擊任意一個筆畫,在菜單欄中點擊 選擇→相同→填充顔色:

教你如何制作立體字(立體字的5種設計法)59

選中之後先ctrl G群組,然後按住alt向下拖動複制一層:

教你如何制作立體字(立體字的5種設計法)60

然後框選上面的字,在路徑查找器點擊合并,如果沒有路徑查找器面闆可以在窗口中找到:

教你如何制作立體字(立體字的5種設計法)61

step3

③合并之後給上面的字填充綠色 描邊,下面的填充紅色 同樣的描邊,然後再按住alt向上拖動,複制一層綠色的字,現在一共三層:

教你如何制作立體字(立體字的5種設計法)62

選中第一層綠色的字,點擊填充,然後點擊左下角的儲色闆→圖案→基本圖形→基本圖形-點,然後在基本圖形-點面闆中選擇第一個:

教你如何制作立體字(立體字的5種設計法)63

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

教你如何制作立體字(立體字的5種設計法)64

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

教你如何制作立體字(立體字的5種設計法)65

最後,排版裝飾,完工!

教你如何制作立體字(立體字的5種設計法)66

教你如何制作立體字(立體字的5種設計法)67

方式4-案例A

先看最終效果

教你如何制作立體字(立體字的5種設計法)68

step1

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

教你如何制作立體字(立體字的5種設計法)69

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

教你如何制作立體字(立體字的5種設計法)70

點擊确定之後點擊 對象→擴展,然後取消群組:

教你如何制作立體字(立體字的5種設計法)71

給取消群組後的字體添加一個描邊,然後再把側面有多餘豎線的地方合并:

教你如何制作立體字(立體字的5種設計法)72

step2

②合并之後開始上色,按住shift選中頂部的筆畫,把填充調成亮一點的顔色:

教你如何制作立體字(立體字的5種設計法)73

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

教你如何制作立體字(立體字的5種設計法)74

教你如何制作立體字(立體字的5種設計法)75

教你如何制作立體字(立體字的5種設計法)76

然後,簡單排版,完活!

教你如何制作立體字(立體字的5種設計法)77

方式4-案例B

先看最終效果

教你如何制作立體字(立體字的5種設計法)78

step1

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

教你如何制作立體字(立體字的5種設計法)79

選中切割後的字形,先給它填充一個顔色:

教你如何制作立體字(立體字的5種設計法)80

step2

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

教你如何制作立體字(立體字的5種設計法)81

點擊确定,然後就得到了下面這樣的效果:

教你如何制作立體字(立體字的5種設計法)82

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

教你如何制作立體字(立體字的5種設計法)83

step3

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

教你如何制作立體字(立體字的5種設計法)84

選中綠色顔色部分字體,複制一層将其合并。然後置于底層。填充一個比背景色略深的顔色。移動其位置,将其作為投影:

教你如何制作立體字(立體字的5種設計法)85

給字體添加一個版式,完成!

教你如何制作立體字(立體字的5種設計法)86

教你如何制作立體字(立體字的5種設計法)87

方式5-案例A

先看最終效果

教你如何制作立體字(立體字的5種設計法)88

step1

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

教你如何制作立體字(立體字的5種設計法)89

選中一個字體複制粘貼一個,然後置于底層移動到合适的位置:

教你如何制作立體字(立體字的5種設計法)90

将移動後的字體縮小,并且填充一個和原字體描邊顔色的相同的顔色:

教你如何制作立體字(立體字的5種設計法)91

step2

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

教你如何制作立體字(立體字的5種設計法)92

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

教你如何制作立體字(立體字的5種設計法)93

點擊确定後,得到以下效果:

教你如何制作立體字(立體字的5種設計法)94

step3

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

便得到一個由大到小,由實到虛的一個字體效果:

教你如何制作立體字(立體字的5種設計法)95

舉一反三,很快完成了!

教你如何制作立體字(立體字的5種設計法)96

方式5-案例B

先看最終效果

教你如何制作立體字(立體字的5種設計法)97

step1

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

教你如何制作立體字(立體字的5種設計法)98

step2

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

教你如何制作立體字(立體字的5種設計法)99

選中混合後的字體,再雙擊混合工具,在面闆中選中指定步數,步數15:

教你如何制作立體字(立體字的5種設計法)100

step3

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

教你如何制作立體字(立體字的5種設計法)101

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

教你如何制作立體字(立體字的5種設計法)102

step4

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

教你如何制作立體字(立體字的5種設計法)103

組合在一起:

教你如何制作立體字(立體字的5種設計法)104

再來個排版,搞定!

教你如何制作立體字(立體字的5種設計法)105

----- END -----

5種方式,10個案例!

以後做立體字,再也不用掉頭發了!

這篇教程就到這裡

感謝大家閱讀

下次再約

,
Comments
Welcome to tft每日頭條 comments! Please keep conversations courteous and on-topic. To fosterproductive and respectful conversations, you may see comments from our Community Managers.
Sign up to post
Sort by
Show More Comments
推荐阅读
好萊塢身材發福的男星
好萊塢身材發福的男星
馬特-達蒙對很多演員來說,身體并不屬于自己,讓你瘦你就得瘦,讓你胖你就得胖,一切都是劇情需要。對他們來說,身子從來都是戲的。馬特-達蒙《生死豪情》&《告密者》左圖是馬特-達蒙出演《生死豪情》時,減重40磅(18公斤)。右圖是馬特-達蒙出演《...
2026-05-26
美又有氣質的夏季穿搭
美又有氣質的夏季穿搭
簡約時尚的夏日穿搭需要掌握哪些小技巧呢?穿着簡單舒适的衣服,按照自己喜歡的風格進行搭配,穿出時尚且高級的樣子,這大概是每個女生在夏日都比較喜歡的樣子,也是生活中最舒服的狀态,無論是單品穿搭,還是一些有技巧的搭配,都可以來學習!一、簡約時尚的...
2026-05-26
趙麗穎演的清朝劇什麼名
趙麗穎演的清朝劇什麼名
由李蘭迪、王安宇主演的古裝劇《夢回》正在播出中,這部劇根據知名IP小說《夢回大清》改編而成,主要講述了現代女孩小薇(李蘭迪飾演)穿越到清朝後,跟幾位阿哥發生的故事。大家都知道清宮戲曾經一度是潮流,也有不少知名演員演過不同版本,在《夢回》中,...
2026-05-26
喝咖啡真的能瘦嗎
喝咖啡真的能瘦嗎
現代很多人不管是男女老少都是以瘦為美,經常在嘴巴上說着“減肥減肥”,但是卻不見行動,懶惰是人的天性,更何況我們國家是美食著稱的國家,管住嘴巴真的比較困難,畢竟面對這麼多美食,但是管不住嘴巴我們也可以從美食上開始減肥的道路。最新研究發現,咖啡...
2026-05-26
蘭博基尼的自吸怎麼那麼慢
蘭博基尼的自吸怎麼那麼慢
說到SV遲到的原因兩個字即可形容窮啊!!1974年甘迪尼設計的Countach車型一經發表便驚豔四座楔形車身,中置布局成為蠻牛之王的标配然而Countach設計上的成功并沒有給經濟帶來好轉由于接二連三的商業失敗1978年蘭博基尼宣布破産兩年...
2026-05-26
Copyright 2023-2026 - www.tftnews.com All Rights Reserved