首页
/
每日頭條
/
生活
/
教你如何制作立體字
教你如何制作立體字
更新时间:2024-04-30 14:02:52

教你如何制作立體字(立體字的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
推荐阅读
心眼最壞喜歡算計人的三大星座
心眼最壞喜歡算計人的三大星座
說實話,兩個人在一起相處其實很多矛盾都是可以想辦法避免的,而很多人之所以做不到這樣,就是因為有些矛盾在發生的時候影響了其心态,所以産生了情緒。而一旦進入這種狀态,很多人都無法保持理性,甚至說矛盾就在那裡放着,但兩個人卻不管不顧,而是開始互相...
2024-04-30
什麼叫業餘生活
什麼叫業餘生活
什麼叫業餘生活?業餘生活就是指人們充分利用工作時間之外的業餘時間進行活動的日常生活;通常上班一族會在業餘生活中選擇休息或者做一些休閑娛樂,和自己興趣愛好有關的事情,比如養花、養小寵物、打球、玩遊戲等,我來為大家講解一下關于什麼叫業餘生活?跟...
2024-04-30
經典說說心情短語勵志
經典說說心情短語勵志
經典說說心情短語勵志?别把别人的評價看得太重,凡事隻要内心無愧,就不必計較太多,我來為大家科普一下關于經典說說心情短語勵志?以下内容希望對你有幫助!經典說說心情短語勵志别把别人的評價看得太重,凡事隻要内心無愧,就不必計較太多。人生最危險的敵...
2024-04-30
味精存在緻癌物嗎
味精存在緻癌物嗎
味精是我們日常生活中常用的調味品,但是近年來關于味精是否有害身體健康卻是争議不斷。有人說味精吃多了會緻癌;有人說味精是化學合成産物,是化工産品;有人說為了健康,家裡做飯從來不加味精;甚至還有人到面館吃碗面也不忘交代不要加味精……可事實又是怎...
2024-04-30
綠地球的養殖方法和注意事項
綠地球的養殖方法和注意事項
綠地球的養殖方法和注意事項?花土:綠地球喜歡保水性比較好,并且具有一定肥力的松軟花土,我來為大家講解一下關于綠地球的養殖方法和注意事項?跟着小編一起來看一看吧!綠地球的養殖方法和注意事項花土:綠地球喜歡保水性比較好,并且具有一定肥力的松軟花...
2024-04-30
Copyright 2023-2024 - www.tftnews.com All Rights Reserved