tft每日頭條

 > 生活

 > 教你如何制作立體字

教你如何制作立體字

生活 更新时间:2024-12-20 16:05:00

教你如何制作立體字(立體字的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個案例!

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

這篇教程就到這裡

感謝大家閱讀

下次再約

,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关生活资讯推荐

热门生活资讯推荐

网友关注

Copyright 2023-2024 - www.tftnews.com All Rights Reserved