版權(quán)申明：本文原創(chuàng)作者“vivwcw”，感謝“vivwcw”的原創(chuàng)經(jīng)驗(yàn)分享！

教你如何使用Illustrator制作創(chuàng)意十足的階梯效果立體字，本篇教程主要的思路其實(shí)就是：創(chuàng)建對象，對對象進(jìn)行分割，然后再重新組合，通過使用3D效果對新組合的對象進(jìn)行立體化操作，最后再將所有的對象以合適的方式拼合在一起得到我們想要的階梯效果。其中涉及了很多平時設(shè)計(jì)中經(jīng)常會用到的一些工具和命令，比如：對文字進(jìn)行輪廓化操作、"路徑分割為網(wǎng)格"命令、"編組"與"取消編組"命令、"路徑查找器"工具、"形狀生成器"工具以及3D效果應(yīng)用等等。好了，話不多說，下面讓我們開始制作吧！

效果圖：

具體操作步驟：

首先打開AI軟件，新建文件，命名，我這里填充了一個背景色：

使用文字工具在畫布上輸入你想要制作的文字，我這里就隨意用下我的名字好了，輸入Echo，選擇字體和合適的文字大小，如下：

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

接著對對象進(jìn)行取消編組，同樣右鍵，選擇"取消編組"命令，這樣文字就分解成了單獨(dú)的字母對象，不再是編組的一個整體了，可以單獨(dú)對每個字母進(jìn)行編輯操作。

然后選擇矩形工具，沿著文字上下邊緣繪制出一個矩形覆蓋住所有的文字，如下圖：

在"對象"工具欄中選擇"路徑"中的"分割為網(wǎng)格"命令：

在彈出的對話框中設(shè)置你想要的行的數(shù)量，可自行選擇數(shù)量，我這里選擇了5行，打開預(yù)覽，可以及時查看效果，如下圖，設(shè)置好了之后，點(diǎn)擊確定：

接下來，全選所有對象，打開路徑查找器（可以通過"窗口"—"路徑查找器"打開，也可以直接使用快捷鍵Shift + Ctrl +F9調(diào)出），執(zhí)行路徑查找器中的"分割"命令，如下圖：

然后右鍵"取消編組"：

接下來，使用選擇工具將不需要的塊一個個都刪除，只留下需要的文字塊，如下：

為了便于觀察，可以將視圖切換為"輪廓"模式（可以通過"視圖"—"輪廓"來切換，也可以直接使用快捷鍵Ctrl+Y快速切換），如下圖：

將所有不需要的塊都刪除之后如下：

這時我們可以繼續(xù)使用快捷鍵Ctrl+Y將視圖切換回正常模式，也可以通過"視圖"—"GPU預(yù)覽"切換回來。

使用移動選擇工具對塊進(jìn)行移動，可以看到原來的文字對象已經(jīng)被分割成了若干塊。

這里進(jìn)行移動其實(shí)還有另外一個目的，就是檢查是否有被遺漏的特別小的碎塊出現(xiàn)，因?yàn)樽铋_始對齊文字上下邊緣參考線創(chuàng)建的矩形很可能沒有百分百對齊，從而就會產(chǎn)生如下圖所示的細(xì)小的碎塊，在制作過程中很容易被忽視，從而影響到后面的效果。

為了避免這種情況出現(xiàn)，我們最開始創(chuàng)建矩形的時候需要注意。假如原來沒有注意而現(xiàn)在確實(shí)出現(xiàn)了怎么辦呢？

很好辦，只需要將這個小碎塊與它相連的部分再組合成一個整體就可以了。

組合的方法有很多，比如同時選中這個小碎塊及與它相連的部分，執(zhí)行"路徑查找器"中的"聯(lián)集"命令，即可將這2個部分組合成一個整體。

也可以同時選中這個小碎塊及與它相連的部分，選擇"形狀生成器工具（快捷鍵Shift+M）"，在這兩個塊之間用鼠標(biāo)左鍵點(diǎn)擊并拖動，如下圖：

松開鼠標(biāo)，移動一下發(fā)現(xiàn)，兩塊已經(jīng)連成一體成為了一個新的形狀

以上這幾步驟中對塊進(jìn)行的隨意拖動都是為了檢查和查看，所以為了進(jìn)行我們后續(xù)的設(shè)計(jì)，我們需要將這些移動了的塊進(jìn)行復(fù)原，使用Ctrl+Z撤銷我們進(jìn)行的這些移動步驟，使之回到我們上面說到的切換回GPU預(yù)覽這一步。

選中每一行并排的所有的塊，對它們執(zhí)行"編組"命令，這樣就得到了5組拼合成Echo圖樣的對象組合。

接下來同時選中第1、3、5行的組合對象：

在"效果"工具欄中選擇"3D"中的"旋轉(zhuǎn)"命令，如下圖：

在彈出的對話框中選擇位置為"等角-上方"，打開預(yù)覽，點(diǎn)擊確定：

然后同時選擇剩下的第2、4行的組合對象，

同樣在"效果"工具欄中選擇"3D"中的"旋轉(zhuǎn)"命令，

在彈出的對話框中選擇位置為"等角-左方"，打開預(yù)覽，這里將對話框中的"表面"選為"擴(kuò)散底紋"，稍微調(diào)整一下環(huán)境光，點(diǎn)擊確定，效果如下圖：

接下來該知道怎么操作了吧，當(dāng)然是對齊了：)

為了做到更精確的對齊，可以放大視圖，進(jìn)行精細(xì)的調(diào)整，

如果使用鍵盤移動，可以將鍵盤增量調(diào)小點(diǎn)，這樣每一步的移動距離都沒有那么大，更精確。更改鍵盤增量的方法是：在"編輯"工具欄中選擇"首選項(xiàng)"中的"常規(guī)"命令，

在彈出的屬性框中將"鍵盤增量"調(diào)整到合適的大?。?/p>

完成全部的對齊之后，得到最終的效果圖如下：

教程結(jié)束，以上就是關(guān)于Illustrator制作創(chuàng)意十足的階梯效果立體字的全部內(nèi)容，希望通過本篇教程的學(xué)習(xí)，可以將這種設(shè)計(jì)風(fēng)格和思路應(yīng)用在其他的各種設(shè)計(jì)當(dāng)中了。

原文鏈接： http://mp.weixin.qq.com/s/zYuHz3nRd-Q4BXbEYBl0ww

最新評論