巧用3D工具，輕鬆做出漂亮的斑馬字體

來自專欄一周進步24 人贊了文章

Hello，大家好，我是小醒目。

好久不見的Ai專場肥來喇哈哈哈，最近腦瓜子里想了很久要給大家帶來什麼Ai教程比較好。

想來想去還是覺得來一個能輕鬆幾步分分鐘出效果的，然後效果還能顯得非常尊貴，讓人舔屏的教程會比較抓住你們這群小可愛的眼球吧。

大家鼓掌歡迎我們今天的主角，斑馬字體：

哇，滿滿的bigger，醒目我要學！

這麼簡潔大方但又英姿颯爽的字體海報是怎麼做出來呢？接下來讓我們跟隨小醒目的腳步了解字體海報的內心獨白。

首先，我們要在Ai裡面新建一個A4大小，豎方向，顏色模式為RGB的文檔，並且插入一個尺寸一樣的矩形，填充色為自己喜歡的顏色：

接著我們用文字工具（T）輸入我們後面想要變成斑馬形態的文字：

這裡我用的是Source Sans Variable字體，粗細是Light

這裡簡單講解一下：

為什麼小醒目選擇用這種字體？因為這屬於無襯線字體，無襯線字體最大的好處就是沒有多餘的筆畫，比較簡潔，也方便我們等下對文字的處理。

輸入完文字之後，我們需要把文字變成只有單一線段的形式，這裡推薦兩個處理辦法：

1.直線段工具（）和直接選擇工具（A）

當你的文字沒有弧度，都是橫平豎直的時候，這種方法就比較方便，我們只需要用直線段工具對照著文字一條一條直線畫出來就好了：

按住Shift就可以畫90°、45°和0°的直線了

然後我們用直接選擇工具（就是白箭頭），雙擊線段的錨點，拖動它們連接到一起：

這樣一個只有單一線段的文字就完成了！

2.剪刀工具（C）

如果你的文字是有弧度的，像R、O、P這些怎麼辦呢？不要急，還有一個方法就是剪刀工具。

在我們輸入好文字之後，我們右鍵文字—創建輪廓，這時候文字就會變成形狀：

創建輪廓後，我們需要的是這個文字的外框，這時候可以先把這個文字的描邊和填充置換一下，變成無填充和有描邊顏色：

接著我們對文字右鍵—取消編組，再次右鍵—釋放複合路徑，這時候裡面的圈圈就可以獨立出來，我們刪除它：

這時候我們看到文字已經接近光禿禿了，但還不是我們想要的最終效果，這時候我們就要用到在橡皮擦工具裡面的剪刀工具（C）了。

剪刀工具的用法很簡單，我們只需要想好哪個部分線段不需要的，就在這個部分的首和尾用剪刀工具各點擊一次就好了，跟我們現實的剪刀用法一模一樣：

做完這個步驟我們可能看到有些地方是有缺口的，這時候我們用鋼筆工具（P）或者直線段工具（）去拉條直線補一下，接著全選它們按Ctrl+J把他們連接好就OK了。

這樣，我們的爆米花就做好了呀：

終於到了今天的主角登場了，3D工具是CC版本Ai的一個熱門工具，很多有趣的2.5D作品都是通過這個工具誕生的：

言歸正傳，我們選中文字，點擊菜單欄「效果」—3D—凸出和斜角，就會彈出一個屬性窗口：

看著好像有點複雜的屬性窗口，其實就只有三個關鍵點需要我們去調試，分別是位置、凸出厚度和表面，我們可以勾選左下角的預覽去一一了解。

位置的意思是選擇這個3D模型的朝向，除了位置裡面的預選方案之外，我們還可以調節窗口裡面的正方體或者旁邊的具體參數：

凸出厚度就是整個3D模型的厚度：

表面就是3D模型的外表材質：

以上三個參數就是3D模型的基本，小醒目在這裡溫馨提示一下，在做3D之前，先把基礎圖形多複製一個備份，這很關鍵！

那麼在這裡我用的是離軸—前方、凸出厚度180pt、塑料效果底紋：

可以看到，經過這麼簡單的操作後，好像已經初具雛形了，但距離我們的最終效果好像還差那麼點，其實關鍵就是在於這些條紋到底怎麼出現在3D模型上，這就涉及到今天要提到的另一個工具：貼圖。

細心的同學可以看到，在剛才調出來的3D屬性窗口的下方有個貼圖按鈕，沒錯，這就是我們接下來要操作的地方。

不過在進行貼圖操作之前，我們要先做好要貼上去的圖。這次的條紋貼圖也很簡單，我們只需要插入4個尺寸相同的長條矩形就好了：

按住Alt+Shift就可以直線複製圖形

做完之後我們點擊菜單欄「窗口」—符號，這時候界面多了一個符號面板，我們把剛才做好的長條矩形全選，然後拖到符號面板里，彈出一個屬性窗口，直接點擊確定：

這樣我們就做好貼圖所需的符號了。

接著我們回到3D模型上，由於我們先前已經做好了一個3D模型，我們是不能對這個已經做好的3D模型重新貼圖的（這就是我之前說要備份的重要原因）。

我們把備份好的文字拿過來用（記得再備份一個哦），同樣是進入3D屬性窗口，設置完剛才提到的基本參數後，我們點擊貼圖按鈕進去一個新的窗口：

在這個窗口中我們依然可以勾選預覽。上方的表面頁數是指這個3D模型有多少個面，通過翻轉頁數我們可以看到灰色區域和白色區域：

不同的面會在3D模型中用紅線區域表示

表面中的白色區域是我們操作貼圖的主要地方，灰色區域則對貼圖影響不大，要把圖貼上去，我們要先找到每個頁面的白色區域。

然後點擊窗口左上角符號，會有下拉菜單讓你選擇貼哪種圖案，選擇後，我們只需要按一下預覽窗口下方的「縮放以適合」，Ai就會自動幫我們把圖案貼得明明白白：

這樣，我們的主體工作算是完成了80%了，剩下的就是調色和細節工作了。

調色之前，我們要先對文字擴展外觀，選中文字—菜單欄「對象」—擴展外觀，這樣我們就得到一塊塊的形狀了。

接著我們對整個文字右鍵取消編組2-3次（視具體情況而定），並且對每塊形狀進行釋放剪切蒙版就可以把底紋和條紋分離出來：

把底紋和條紋分離之後，我們先對底紋進行操作，我們可以看到，有部分底紋是由幾塊小形狀組成的，為了方便，我們對每個部分進行一次路徑查找器的「聯集」操作：

然後全選底紋給它一個背景色的填充色，接著我們按住Shift鍵把條紋拉回來對齊就好了：

結合Ctrl+Y的線稿模式會看得更清楚

這樣，我們的斑馬字體就大功告成喇~最後我們補上一些小元素裝飾下，然後寫點文字上去，一張漂亮的海報就誕生了：

這個教程看著好像沒有我開始說的那麼簡單，其實總結起來就是幾個關鍵步驟：讓文字變成路徑—3D凸出和斜角（貼圖）—調整細節。

那麼今天的教程就到此為止了，大家回去要多練習今天的斑馬字體哦，然後可以去探索下Ai裡面3D功能的更多好玩用法，我們下期再見。

更多閱讀：

大學四年，多得是你不知道的省錢妙計

或許，你也是社交恐懼症患者嗎 | 嘰嘰喳喳

兩分鐘，用PR快速製作KTV字幕效果

一周進步〡讓年輕轟炸你的每個興趣點。

微信公眾號：關注「一周進步」（weekweekup）

青年興趣課堂，每周一場訓練營，歡迎關注，讓我們一起進步

更多乾貨歡迎閱讀：一周進步文章精選