當(dāng)前位置:首頁>ps入門教程>ps文字教程>3D立體字>教程內(nèi)容

AI字體教程,用AI制作3D立體文字(4)

來源:站酷 作者:vivwcw 學(xué)習(xí):33573人次

本篇教程通過AI制作一種3D立體字體,主要的知識(shí)點(diǎn)是混合工具的使用、Shift鍵、Alt鍵的靈活運(yùn)用、3D旋轉(zhuǎn)命令、投影效果的創(chuàng)建等,學(xué)會(huì)后可以應(yīng)用在需要的設(shè)計(jì)中,比如海報(bào)設(shè)計(jì),logo設(shè)計(jì)等,教程比較詳細(xì),同學(xué)們可以根據(jù)教程一起來學(xué)習(xí)一下,需要的時(shí)候就可以用上。

效果圖:

AI字體教程,用AI制作3D立體文字_www.theoat.com.cn
www.theoat.com.cn

操作步驟:

首先打開AI軟件,新建文件,命名,使用文字工具在畫布上輸入你想要設(shè)計(jì)的文字,設(shè)置顏色、字體、大小等等:

AI字體教程,用AI制作3D立體文字_www.theoat.com.cn

選中文字,右鍵選擇“創(chuàng)建輪廓”命令,將文字轉(zhuǎn)化為對(duì)象,便于我們后面的操作。轉(zhuǎn)化為對(duì)象之后的文字就不能像原來一樣可以使用文字工具再進(jìn)行編輯了。

AI字體教程,用AI制作3D立體文字_www.theoat.com.cn

接著對(duì)對(duì)象進(jìn)行取消編組,同樣右鍵,選擇“取消編組”命令,這樣文字就分解成了單獨(dú)的字母對(duì)象,不再是編組的一個(gè)整體了,可以單獨(dú)對(duì)每個(gè)字母進(jìn)行編輯操作。接下來我們需要對(duì)每個(gè)字母進(jìn)行分割處理了,以便將文字的一部分設(shè)計(jì)成圖案。

AI字體教程,用AI制作3D立體文字_www.theoat.com.cn

我在上一篇教程“字體特效:使用Illustrator軟件設(shè)計(jì)創(chuàng)意階梯文字—AI教程”里也有提到過,為了便于觀察,可以將視圖切換為“輪廓”模式(可以通過“視圖”—“輪廓”來切換,也可以直接使用快捷鍵Ctrl+Y快速切換),

AI字體教程,用AI制作3D立體文字_www.theoat.com.cn

輪廓化視圖打開的效果如下:

AI字體教程,用AI制作3D立體文字_www.theoat.com.cn

選擇“直線段工具”,沿著字母G如圖邊緣線的中心點(diǎn)按住Shift+Alt鍵從中心點(diǎn)向外等比例拖動(dòng)繪制出直線,這條直線是用來分割字母的,

AI字體教程,用AI制作3D立體文字_www.theoat.com.cn

同樣在其他字母上都添加相應(yīng)的分割線,不過不一定都需要使用直線段工具,例如也可以使用鋼筆工具圈出要分割的部分,如下圖:

AI字體教程,用AI制作3D立體文字_www.theoat.com.cn

繼續(xù)給后續(xù)的字母同樣的分割線操作,在同樣使用垂直線的時(shí)候,可以不用每次都用直線段工具去繪制,可以選中已經(jīng)畫好的直線段,按住Alt鍵的同時(shí)拖動(dòng)直線段到指定的位置就可以在該位置復(fù)制一條一模一樣的直線段出來,如下圖中的P、H、C上的直線段就可以使用這種方法快速的復(fù)制出來。如果想要傾斜的線,可以將垂直的線段進(jìn)行旋轉(zhuǎn),按住Shift鍵的同時(shí)旋轉(zhuǎn),可以以45°角的倍數(shù)進(jìn)行旋轉(zhuǎn),如圖I字母上的斜線就是利用這種方法制作的45°傾斜線:

AI字體教程,用AI制作3D立體文字_www.theoat.com.cn

接下來就是要進(jìn)行分割操作了,上一篇教程“字體特效:使用Illustrator軟件設(shè)計(jì)創(chuàng)意階梯文字—AI教程”里使用的是通過路徑查找器工具里的“分割”命令將對(duì)象進(jìn)行分割的方法,這里給大家介紹另外一個(gè)方法:使用形狀生成器工具對(duì)字母進(jìn)行分割處理。這在上篇教程里也有提到過一下。

AI字體教程,用AI制作3D立體文字_www.theoat.com.cn

選中“形狀生成器”工具,在如圖中每個(gè)字母需要做成圖案的部分單擊,選中的部分會(huì)變成網(wǎng)格狀,這一部分就成了一個(gè)整體,跟其他部分分割開了(移動(dòng)一下就可以檢測是否分離成功)

AI字體教程,用AI制作3D立體文字_www.theoat.com.cn

對(duì)每個(gè)字母都做完分割以后,就可以刪掉這些多余的分割線了:

AI字體教程,用AI制作3D立體文字_www.theoat.com.cn

全部刪掉的結(jié)果如下:

AI字體教程,用AI制作3D立體文字_www.theoat.com.cn

Ctrl+Y返回正常預(yù)覽視圖模式,效果如下:

AI字體教程,用AI制作3D立體文字_www.theoat.com.cn

框選所有對(duì)象時(shí)可以看到整體:

AI字體教程,用AI制作3D立體文字_www.theoat.com.cn

可以看到A字母兩部分銜接的位置沒有處理的很好,可以放大稍微調(diào)整一下:

AI字體教程,用AI制作3D立體文字_www.theoat.com.cn

調(diào)整好了之后如下:

AI字體教程,用AI制作3D立體文字_www.theoat.com.cn

接下來就要制作圖案了,我想要制作的圖案是由傾斜的線組合而成的,這種圖案的制作方法有很多,我就不一一列舉了,這里我是利用混合工具快速生成的,具體操作步驟如下:

1、先用矩形工具繪制一條線段,如下:

AI字體教程,用AI制作3D立體文字_www.theoat.com.cn

2、使用選擇工具選中直線一端拖動(dòng)就可以將直線段傾斜,按住Shift鍵拖動(dòng)就是按照45°角的倍數(shù)進(jìn)行旋轉(zhuǎn),我這里隨意旋轉(zhuǎn)了一定的角度,并不是完全的45°,大家根據(jù)自己想要的傾斜度去調(diào)整即可

AI字體教程,用AI制作3D立體文字_www.theoat.com.cn

上面說到了,按住Alt鍵的同時(shí)拖動(dòng)對(duì)象可以快速復(fù)制對(duì)象,這里我在這條傾斜線的下面一定距離復(fù)制了一條一模一樣的斜線:

AI字體教程,用AI制作3D立體文字_www.theoat.com.cn

如圖,雙擊“混合工具”圖標(biāo),即可彈出混合選項(xiàng)設(shè)置窗口

AI字體教程,用AI制作3D立體文字_www.theoat.com.cn

這里間距方式選擇“指定的步數(shù)”,具體數(shù)值依據(jù)自己喜歡的效果而定,我這里設(shè)置了50,設(shè)置好混合選項(xiàng)參數(shù)之后,將混合工具移動(dòng)到這兩條斜線上,分別單擊這兩條線,當(dāng)單擊第二條線的時(shí)候就會(huì)發(fā)現(xiàn)混合已經(jīng)建立了,如下圖:

AI字體教程,用AI制作3D立體文字_www.theoat.com.cn

接著為了便于操作,我們將這個(gè)混合對(duì)象進(jìn)行擴(kuò)展,執(zhí)行“對(duì)象-擴(kuò)展”命令,在彈出的窗口中選擇“確定”,

AI字體教程,用AI制作3D立體文字_www.theoat.com.cn

AI字體教程,用AI制作3D立體文字_www.theoat.com.cn

這時(shí)候?qū)ο缶妥兂闪艘粋(gè)便于移動(dòng)的整體了,接著,將這個(gè)混合對(duì)象復(fù)制一個(gè)出來之后移動(dòng)到G字母上,將G字母覆蓋(如果你制作的混合對(duì)象面積比字母要小,可以等比例放大混合對(duì)象),然后將混合對(duì)象移動(dòng)到字母下面,這可以通過右鍵“排列-至于底層”等命令來實(shí)現(xiàn)。

AI字體教程,用AI制作3D立體文字_www.theoat.com.cn

接著同時(shí)選中G字母的左邊無填充色部分和它下面的混合對(duì)象(這里注意不要選中了多余的部分比如不需要變成圖案的文字部分),右鍵選擇“建立剪切蒙板”,

AI字體教程,用AI制作3D立體文字_www.theoat.com.cn

命令執(zhí)行之后得到的效果如下:

AI字體教程,用AI制作3D立體文字_www.theoat.com.cn

可以看到,圖案字母已經(jīng)生成了,接著對(duì)其他字母也執(zhí)行同樣的操作,最終效果如下:

AI字體教程,用AI制作3D立體文字_www.theoat.com.cn

到這里還沒結(jié)束哦,接下來還可以嘗試對(duì)這些對(duì)象進(jìn)行一些效果處理,例如讓文字有立體感和質(zhì)感。

將沒有變成圖案的綠色部分都選中,進(jìn)行編組,然后復(fù)制這個(gè)組對(duì)象,給它填充另外一種顏色,如圖:

AI字體教程,用AI制作3D立體文字_www.theoat.com.cn

AI字體教程,用AI制作3D立體文字_www.theoat.com.cn

將復(fù)制的對(duì)象移動(dòng)到綠色對(duì)象的下層,適當(dāng)錯(cuò)開一些位置,制造立體感。

AI字體教程,用AI制作3D立體文字_www.theoat.com.cn

然后選中上層的綠色部分,打開“外觀”面板,如圖,點(diǎn)擊“不透明度”選項(xiàng),將綠色部分的圖層模式改為“正片疊底”,效果如下:

AI字體教程,用AI制作3D立體文字_www.theoat.com.cn

接著全選所有對(duì)象,Ctrl+G編組,然后對(duì)這個(gè)組對(duì)象執(zhí)行“效果-3D-旋轉(zhuǎn)”命令,

AI字體教程,用AI制作3D立體文字_www.theoat.com.cn

在彈出的參數(shù)窗口設(shè)置你想要的旋轉(zhuǎn)效果參數(shù),調(diào)整時(shí)候可以打開“預(yù)覽”按鈕,我這里簡單弄了下旋轉(zhuǎn),參數(shù)如下:

AI字體教程,用AI制作3D立體文字_www.theoat.com.cn

接著打開圖層面板,將所有圖案部分編為一組,另外兩組分別是上層綠色部分和下層紅色部分,選中紅色組對(duì)象:

AI字體教程,用AI制作3D立體文字_www.theoat.com.cn

打開“外觀”面板,如圖,選擇“效果-風(fēng)格化-投影”,給紅色組對(duì)象創(chuàng)建一個(gè)投影,

AI字體教程,用AI制作3D立體文字_www.theoat.com.cn

參數(shù)如下,僅供參考:

AI字體教程,用AI制作3D立體文字_www.theoat.com.cn

接下來,你也可以繼續(xù)給這些對(duì)象添加更多的效果,我這里就不繼續(xù)做了。為了方便查看,我這里隨手拖了一個(gè)紋理進(jìn)來當(dāng)作背景:

AI字體教程,用AI制作3D立體文字_www.theoat.com.cn

完成:

AI字體教程,用AI制作3D立體文字_www.theoat.com.cn

好好練習(xí),需要的時(shí)候,學(xué)的都東西都可以派上用場,但是需要同學(xué)們假以時(shí)日的練習(xí)。

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
徐夢(mèng)旋2019-07-15 09:01
形狀工具點(diǎn)擊了 根本就沒有反應(yīng),或者按下鼠標(biāo)網(wǎng)格出來,松開鼠標(biāo)又沒了{(lán):5_242:}
新約提摩2018-10-10 12:36
兩個(gè)問題 最后那個(gè)投影 按步驟操作我這邊沒反應(yīng) 然后是無法拖拽到ps 請(qǐng)問是為什么呢
古容道中藥保健品2018-10-06 08:09
贊喔

關(guān)注大神微博加入>>

網(wǎng)友求助,請(qǐng)回答!