一學(xué)就會(huì),5種方式教你做立體字!

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

在字體幫的投稿作品中,我們經(jīng)??吹酱祟愊嚓P(guān)作品,同時(shí),也有很多同學(xué),一直想學(xué)習(xí)制作這樣的效果。

今天,我們就做一次總結(jié)和分享,使用AI軟件,分5種方式,設(shè)計(jì)出獨(dú)具一格的立體字!

 

一學(xué)就會(huì),5種方式教你做立體字!

方式1-案例A

先看最終效果

一學(xué)就會(huì),5種方式教你做立體字!

step1

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

一學(xué)就會(huì),5種方式教你做立體字!

step2

② 選中紅色字形,在菜單欄選擇,效果→3D→凸出和斜角,在面板中把三個(gè)軸的參數(shù)都設(shè)置為0,把透視和凸出厚度都直接調(diào)到最大,然后點(diǎn)擊確定:

一學(xué)就會(huì),5種方式教你做立體字!

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

一學(xué)就會(huì),5種方式教你做立體字!

step3

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

一學(xué)就會(huì),5種方式教你做立體字!

一學(xué)就會(huì),5種方式教你做立體字!

step4

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

一學(xué)就會(huì),5種方式教你做立體字!

最終完成,是這樣的!當(dāng)當(dāng)當(dāng)當(dāng)!

一學(xué)就會(huì),5種方式教你做立體字!

 

 

方式1-案例B

先看最終效果

一學(xué)就會(huì),5種方式教你做立體字!

step1

① 在AI中給做好的字形先添加一個(gè)顏色和描邊:

一學(xué)就會(huì),5種方式教你做立體字!

在菜單欄選擇,效果→3D→凹凸和斜角,面板中三個(gè)軸的參數(shù),分別是 20、5 、0,凸出厚度為50pt:

一學(xué)就會(huì),5種方式教你做立體字!

點(diǎn)擊確定后,得到以下效果:

一學(xué)就會(huì),5種方式教你做立體字!

step2

②全選中字體對其擴(kuò)展外觀,選中頂層字體將其鎖定。然后全選下方厚度色塊,點(diǎn)擊路徑查找器中的聯(lián)集,將其合并且置于底層,更換一個(gè)顏色。最后給它添加一個(gè)圓頭圓角的描邊,對齊描邊選項(xiàng)為(使描邊外側(cè)對齊):

一學(xué)就會(huì),5種方式教你做立體字!

底層部分添加描邊后會(huì)出現(xiàn)一些參差不齊的部分,需要我們?nèi)ナ謩?dòng)調(diào)整一下細(xì)節(jié),調(diào)整效果如下:

一學(xué)就會(huì),5種方式教你做立體字!

調(diào)整完細(xì)節(jié)之后,給頂層灰色字體部分描邊更改一個(gè)顏色。復(fù)制粘貼最底層的字體并且再次置于底層,然后向右下方位移幾下,填充一個(gè)比背景色略深的顏色作為投影:

一學(xué)就會(huì),5種方式教你做立體字!

繼續(xù)更改一下顏色:

一學(xué)就會(huì),5種方式教你做立體字!

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

一學(xué)就會(huì),5種方式教你做立體字!

 

一學(xué)就會(huì),5種方式教你做立體字!

方式2-案例A

先看最終效果

一學(xué)就會(huì),5種方式教你做立體字!

step1

① 在AI中給做好的字形先添加一個(gè)顏色:

一學(xué)就會(huì),5種方式教你做立體字!

在菜單欄選擇,效果→3D→凹凸和斜角,面板中三個(gè)軸的參數(shù),分別是 -13、-30、3,凸出厚度為65pt:

一學(xué)就會(huì),5種方式教你做立體字!

點(diǎn)擊確定,然后就得到了下面這樣這樣的效果:

一學(xué)就會(huì),5種方式教你做立體字!

step2

②選中3d效果字進(jìn)行擴(kuò)展,擴(kuò)展之后,全選字體,給字體添加一個(gè)白色顏色填充和黑色描邊:

一學(xué)就會(huì),5種方式教你做立體字!

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

一學(xué)就會(huì),5種方式教你做立體字!

最后給字體添加一些裝飾,做出適當(dāng)排版,搞定!

 

一學(xué)就會(huì),5種方式教你做立體字!

方式2-案例B

先看最終效果

一學(xué)就會(huì),5種方式教你做立體字!

step1

① 先準(zhǔn)備好字形,隨便上一個(gè)自己喜歡的顏色:

一學(xué)就會(huì),5種方式教你做立體字!

然后在菜單欄在菜單欄選擇,效果→3D→凸出和斜角,面板中三個(gè)軸的參數(shù)分別是 -18、-28、8,凸出厚度為200:

一學(xué)就會(huì),5種方式教你做立體字!

點(diǎn)擊確定

一學(xué)就會(huì),5種方式教你做立體字!

step2

② 選中字形,點(diǎn)擊 對象→擴(kuò)展外觀,再右擊→取消群組:

一學(xué)就會(huì),5種方式教你做立體字!

然后框選中字形給它添加一個(gè)描邊:

一學(xué)就會(huì),5種方式教你做立體字!

step3

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

一學(xué)就會(huì),5種方式教你做立體字!

這樣我們就選中了字的正面,現(xiàn)在把字的填充換成亮一點(diǎn)的顏色:

一學(xué)就會(huì),5種方式教你做立體字!

然后是側(cè)面,先在下面畫幾個(gè)自己想要的顏色,然后添加和字一樣大小的描邊粗細(xì):

一學(xué)就會(huì),5種方式教你做立體字!

畫完之后我們用吸管工具開始吸,按住shift點(diǎn)擊側(cè)面,點(diǎn)后用吸管工具吸下面的黃色:

一學(xué)就會(huì),5種方式教你做立體字!

然后同樣的方法繼續(xù)吸:

一學(xué)就會(huì),5種方式教你做立體字!

再吸:

一學(xué)就會(huì),5種方式教你做立體字!

繼續(xù)吸:

一學(xué)就會(huì),5種方式教你做立體字!

一學(xué)就會(huì),5種方式教你做立體字!

老習(xí)慣,做出適當(dāng)排版,搞定!

一學(xué)就會(huì),5種方式教你做立體字!

 

 

一學(xué)就會(huì),5種方式教你做立體字!

方式3-案例A

先看最終效果

一學(xué)就會(huì),5種方式教你做立體字!

step1

① 在AI中給做好的字形先添加一個(gè)顏色和描邊:

一學(xué)就會(huì),5種方式教你做立體字!

在菜單欄選擇,效果→3D→凹凸和斜角,面板中三個(gè)軸的參數(shù),分別是5 、-15、0,凸出厚度為28pt:

一學(xué)就會(huì),5種方式教你做立體字!

點(diǎn)擊確定,然后就得到了下面這樣的效果:

一學(xué)就會(huì),5種方式教你做立體字!

step2

②全選字體擴(kuò)展,現(xiàn)在我們來給它上色,選中一個(gè)黑色筆畫,在菜單欄中點(diǎn)擊選擇→相同→填充顏色:

一學(xué)就會(huì),5種方式教你做立體字!

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

一學(xué)就會(huì),5種方式教你做立體字!step3

③接下來我們給這兩層字體編個(gè)組,然后向左下方復(fù)制一層。復(fù)制的過程中注意對齊關(guān)系,將第一層文字貼合隱藏到第二層文字的下方。然后置于底層,如下圖所示:

一學(xué)就會(huì),5種方式教你做立體字!

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

一學(xué)就會(huì),5種方式教你做立體字!

我們選中將最上面兩層文字按住ctrl+2鍵對其進(jìn)行鎖定,然后選擇最底層的粉色筆畫,在菜單欄中點(diǎn)擊  選擇→相同→填充顏色,給其更改一個(gè)顏色:

一學(xué)就會(huì),5種方式教你做立體字!

運(yùn)用上述方法繼續(xù)向下復(fù)制幾層更改顏色:

一學(xué)就會(huì),5種方式教你做立體字!

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

一學(xué)就會(huì),5種方式教你做立體字!

 

 

方式3-案例B

先看最終效果

一學(xué)就會(huì),5種方式教你做立體字!

step1

① 把做好的字形填充一個(gè)紅色:

一學(xué)就會(huì),5種方式教你做立體字!

然后在菜單欄選擇,效果→3D→凸出和斜角,面板中三個(gè)軸的參數(shù),分別是8、8、0,凸出厚度為200:

一學(xué)就會(huì),5種方式教你做立體字!

點(diǎn)擊確定:

一學(xué)就會(huì),5種方式教你做立體字!

step2

②選中字形點(diǎn)擊菜單欄 對象→擴(kuò)展對象,然后右擊取消群組:

一學(xué)就會(huì),5種方式教你做立體字!

取消群組之后點(diǎn)擊任意一個(gè)筆畫,在菜單欄中點(diǎn)擊  選擇→相同→填充顏色:

一學(xué)就會(huì),5種方式教你做立體字!

選中之后先ctrl+G群組,然后按住alt向下拖動(dòng)復(fù)制一層:

一學(xué)就會(huì),5種方式教你做立體字!

然后框選上面的字,在路徑查找器點(diǎn)擊合并,如果沒有路徑查找器面板可以在窗口中找到:

一學(xué)就會(huì),5種方式教你做立體字!

step3

③合并之后給上面的字填充綠色+描邊,下面的填充紅色+同樣的描邊,然后再按住alt向上拖動(dòng),復(fù)制一層綠色的字,現(xiàn)在一共三層:

一學(xué)就會(huì),5種方式教你做立體字!

選中第一層綠色的字,點(diǎn)擊填充,然后點(diǎn)擊左下角的儲(chǔ)色板→圖案→基本圖形→基本圖形-點(diǎn),然后在基本圖形-點(diǎn)面板中選擇第一個(gè):

一學(xué)就會(huì),5種方式教你做立體字!

這樣我們就得到了一個(gè)點(diǎn)填充的圖案:

一學(xué)就會(huì),5種方式教你做立體字!

然后把三層都一起選中,進(jìn)行左對齊和頂對齊,這樣就基本完成了:

一學(xué)就會(huì),5種方式教你做立體字!

最后,排版裝飾,完工!

一學(xué)就會(huì),5種方式教你做立體字!

一學(xué)就會(huì),5種方式教你做立體字!

 

一學(xué)就會(huì),5種方式教你做立體字!

方式4-案例A

先看最終效果

一學(xué)就會(huì),5種方式教你做立體字!

step1

①把做好的字形填充一個(gè)黃色:

一學(xué)就會(huì),5種方式教你做立體字!

然后在菜單欄在菜單欄選擇,效果→3D→凸出和斜角,在位置這里選擇等角-上方,混合步驟改為1,其他參數(shù)不動(dòng):

一學(xué)就會(huì),5種方式教你做立體字!

點(diǎn)擊確定之后點(diǎn)擊 對象→擴(kuò)展,然后取消群組:

一學(xué)就會(huì),5種方式教你做立體字!

給取消群組后的字體添加一個(gè)描邊,然后再把側(cè)面有多余豎線的地方合并:

一學(xué)就會(huì),5種方式教你做立體字!

step2

②合并之后開始上色,按住shift選中頂部的筆畫,把填充調(diào)成亮一點(diǎn)的顏色:

一學(xué)就會(huì),5種方式教你做立體字!

用同樣的方法修改側(cè)面的填充:一學(xué)就會(huì),5種方式教你做立體字!

一學(xué)就會(huì),5種方式教你做立體字!

一學(xué)就會(huì),5種方式教你做立體字!

然后,簡單排版,完活!

一學(xué)就會(huì),5種方式教你做立體字!

 

 

 

方式4-案例B

先看最終效果

一學(xué)就會(huì),5種方式教你做立體字!

step1

① 在AI中對做好的字形進(jìn)行切割移位,這里使用的是相同角度的切割:

一學(xué)就會(huì),5種方式教你做立體字!

選中切割后的字形,先給它填充一個(gè)顏色:

一學(xué)就會(huì),5種方式教你做立體字!

step2

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

一學(xué)就會(huì),5種方式教你做立體字!

點(diǎn)擊確定,然后就得到了下面這樣的效果:

一學(xué)就會(huì),5種方式教你做立體字!

切割后的筆畫使用3D效果,位置距離上會(huì)出現(xiàn)一些偏差,需要我們?nèi)ナ謩?dòng)的調(diào)整對齊一下,調(diào)整效果如下:

一學(xué)就會(huì),5種方式教你做立體字!

step3

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

一學(xué)就會(huì),5種方式教你做立體字!

選中綠色顏色部分字體,復(fù)制一層將其合并。然后置于底層。填充一個(gè)比背景色略深的顏色。移動(dòng)其位置,將其作為投影:

一學(xué)就會(huì),5種方式教你做立體字!

給字體添加一個(gè)版式,完成!

一學(xué)就會(huì),5種方式教你做立體字!

 

 

 

一學(xué)就會(huì),5種方式教你做立體字!

方式5-案例A

先看最終效果

一學(xué)就會(huì),5種方式教你做立體字!

step1

① 在AI中給做好的字形添加一個(gè)顏色和描邊:

一學(xué)就會(huì),5種方式教你做立體字!

選中一個(gè)字體復(fù)制粘貼一個(gè),然后置于底層移動(dòng)到合適的位置:

一學(xué)就會(huì),5種方式教你做立體字!

將移動(dòng)后的字體縮小,并且填充一個(gè)和原字體描邊顏色的相同的顏色:

一學(xué)就會(huì),5種方式教你做立體字!

step2

②框選兩個(gè)字體,用工具欄中的混合工具分別點(diǎn)擊兩個(gè)字體,得到如下效果:

一學(xué)就會(huì),5種方式教你做立體字!

框選住混合后的字體,按住ALT鍵然后點(diǎn)擊鼠標(biāo)左鍵調(diào)出混合工具面板。下拉選項(xiàng),選中指定的距離一欄,參考數(shù)值如下。(具體數(shù)值根據(jù)實(shí)際情況調(diào)整,數(shù)值越小,混合距離越密集。數(shù)值越大,混合距離越松散。)

一學(xué)就會(huì),5種方式教你做立體字!

點(diǎn)擊確定后,得到以下效果:

一學(xué)就會(huì),5種方式教你做立體字!

step3

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

便得到一個(gè)由大到小,由實(shí)到虛的一個(gè)字體效果:

一學(xué)就會(huì),5種方式教你做立體字!

舉一反三,很快完成了!

一學(xué)就會(huì),5種方式教你做立體字!

方式5-案例B

先看最終效果

一學(xué)就會(huì),5種方式教你做立體字!

step1

①把做好的字復(fù)制三層,填充兩個(gè)鏡像漸變加白色描邊,和一個(gè)純色加白色描邊:

一學(xué)就會(huì),5種方式教你做立體字!

step2

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

一學(xué)就會(huì),5種方式教你做立體字!

選中混合后的字體,再雙擊混合工具,在面板中選中指定步數(shù),步數(shù)15:

一學(xué)就會(huì),5種方式教你做立體字!

step3

③把混合后的字和沒有混合的字進(jìn)行右對齊,然后選擇混合的字,右擊→排列→置于底層:

一學(xué)就會(huì),5種方式教你做立體字!

最后再用直接選擇工具選中末端的字,移動(dòng)他的位置就完成了:

一學(xué)就會(huì),5種方式教你做立體字!

step4

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

一學(xué)就會(huì),5種方式教你做立體字!

組合在一起:

一學(xué)就會(huì),5種方式教你做立體字!

再來個(gè)排版,搞定!

一學(xué)就會(huì),5種方式教你做立體字!

?劉兵克工作室字體教程

本篇作者:熊偉、張高馳

標(biāo)簽:立體字

隨機(jī)推薦