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

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

效果圖：

具體操作步驟：

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

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

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

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

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

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

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

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

然后右鍵"取消編組"：

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

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

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

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

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

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

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

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

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

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

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

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

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

接下來同時(shí)選中第1、3、5行的組合對(duì)象：

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

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

然后同時(shí)選擇剩下的第2、4行的組合對(duì)象，

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

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

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

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

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

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

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

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

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

最新評(píng)論