AI制作彩色3D英文字母積木文字效果教程

發(fā)布時間：2017-06-30 16:01:35 作者：佚名

這篇教程教腳本之家的Illustrator教程學(xué)習(xí)者使用AI制作彩色3D英文字母積木文字效果的方法，英文字母積木也就是我們所說的字母塊，教程打造的效果非常寫實(shí)，講解的也很詳細(xì)，推薦到腳本之家一起分享

對于初學(xué)者，你將學(xué)習(xí)如何設(shè)置一個簡單的網(wǎng)格以及如何保存一組符號，使用3D Extrude＆Bevel效果創(chuàng)建多維數(shù)據(jù)集形狀。將學(xué)習(xí)如何添加微妙的陰影和簡單的背景。本教程與原教程稍有不同，但不影響最終效果。本次教程偏長，有些地方需要耐心理解，相信自己，動起來吧！U CAN.

使用AI制作字母塊文字效果，先來看看最終的效果：

嗯，老規(guī)矩，先分析一下子：

1.整體色彩比較明亮，五彩斑斕

2.很寫實(shí)的風(fēng)格

3.很直觀的3D效果

OK，接下來我們開始動手制作：

首先，新建一個圖層。850*620px，顏色模式為RGB，分辨率為72ppi。啟用網(wǎng)格（視圖>顯示網(wǎng)格）和對齊網(wǎng)格（視圖>對齊網(wǎng)格）。編輯>首選項(xiàng)>參考線和網(wǎng)格，并在“網(wǎng)格線間隔”框中輸入5px，在“次分隔線”框中輸入1px。

STEP1:創(chuàng)建并保存一組符號

（1）選擇矩形工具（M），創(chuàng)建一個50*50px的矩形，顏色設(shè)置為R = 63 G = 169 B = 245，垂直水平居中對齊畫板。

（2）使用相同的工具，創(chuàng)建一個40 *40px的矩形，填充一個較深的藍(lán)色，圓角5px（效果>樣式化>圓角），然后轉(zhuǎn)到對象>展開外觀。

（3）選中兩個形狀，打開路徑查找器面板（窗口> 路徑查找器面板），然后點(diǎn)擊“減去頂層”，填充顏色改為（R = 0 G = 0 B = 0）。

（4）選擇類型工具（T），添加大寫“A”，選擇Consolas字體，粗體，40px，顏色設(shè)置為黑色（R=0 G=0 B=0）。確保你的文字仍然被選中，復(fù)制副本再右鍵創(chuàng)建輪廓（Shift-Control-O），水平垂直居中對齊畫板，將文本和邊框轉(zhuǎn)換為復(fù)合路徑（對象>復(fù)合路徑>建立/Control-8）。

（5）復(fù)制黑色形狀（Control-C> Control-F），選擇副本，向右移動與A并排。復(fù)制字母A副本，將“A”換成“B”，再創(chuàng)建輪廓，和黑色形狀框?qū)R建立一個新的復(fù)合路徑。重復(fù)上面步驟，做出剩下的字母。

（6）選擇您的“ A ”復(fù)合路徑，打開“ 符號”面板（窗口>符號），然后單擊“ 新建符號”按鈕將所選形狀轉(zhuǎn)換為符號。命名此新符號“ A ”，然后單擊確定。移動到其余的形狀，并使用相同的技術(shù)將其保存為符號。在“ 符號”面板中的所有符號后，請隨意將其從您的畫板中刪除。

STEP2:創(chuàng)建3D塊

（1）禁用網(wǎng)格（Control-“）和對齊到網(wǎng)格（Shift-Control-”）。

選擇矩形工具（M），創(chuàng)建50*50px的矩形，填充顏色設(shè)置為R = 179 G = 179 B = 179。

（2）選中灰色方塊，并進(jìn)入效果> 3D>拉伸和斜面。單擊更多選項(xiàng)按鈕并輸入下面顯示的所有屬性。不要忘記檢查“ 繪制隱藏面”框，然后單擊“ 貼圖”按鈕。打開符號下拉菜單并添加“ W ”符號，使用這些箭頭按鈕從表面1切換到表面5，并添加相同的符號，旋轉(zhuǎn)90度。移動到Surface 6，添加相同的符號，然后單擊OK按鈕。具體操作如下圖所示。

（3）把3D形狀，大致分散副本，如以下圖像所示，并將現(xiàn)有符號替換為所需的符號。您可以從“ 外觀”面板（“ 窗口”>“外觀”）輕松調(diào)整應(yīng)用的3D拉伸和斜面效果的屬性。

（4）添加另外四個立方體如下所示，替換符號，并調(diào)整角度屬性，如下圖所示。

STEP3:調(diào)整色塊

（1）選擇其中一個立方體，然后轉(zhuǎn)到對象>展開外觀。確保形狀組合被選中，并按Shift-Control-G鍵盤快捷鍵兩次以快速取消分組。到“ 圖層”面板，刪除構(gòu)成立方體后壁的兩個形狀（可以不刪除，視個人情況而定，逼死強(qiáng)迫癥，偷笑…）。

（2）選擇您的三個復(fù)合路徑，在“ 外觀”面板里確認(rèn)顏色為黑色，然后單擊“ 不透明度 ”文本以打開透明膠片彈出面板。將混合模式更改為“疊加”，并將不透明度降低到50％。

（3）選擇構(gòu)成立方體左墻右墻和頂壁的形狀，并使用下面顯示的線性漸變參數(shù)來替換現(xiàn)有填充顏色。

（4）選擇線段工具（\），在立方體的三個菱角上畫三條直線（這里為了更精準(zhǔn)的對齊錨點(diǎn)，請關(guān)閉視圖中的對齊網(wǎng)格和對齊像素），為此路徑添加1px的白色描邊。

（5）選擇三條白色路徑，在“ 外觀”面板上將不透明度降低到70％，將混合模式更改為柔光。在“描邊”中找到“ 配置文件”下拉菜單中選擇“ 寬度配置文件4”，并對三條高光進(jìn)行縱向翻轉(zhuǎn)調(diào)整。

（6）選擇構(gòu)成立方體墻壁的三個形狀，并在前面添加副本（Control-C> Control-F），在路徑查找器>聯(lián)集。并放在三個復(fù)合路徑下方，然后在“ 外觀”面板上將顏色改為（R = 147 G = 39 B = 143），混合模式改為“混色”。

（7）選中紫色形狀，繼續(xù)在“ 外觀”面板中使用“ 添加新填充”按鈕添加第二個填充（目的是讓字母塊更真實(shí)），不透明度降低到20％，混合模式更改為疊加。

STEP4:添加一個簡單的陰影

（1）在“ 圖層”面板，選擇構(gòu)成多維數(shù)據(jù)集基礎(chǔ)的底部形狀，并在后面創(chuàng)建一個副本（Control-C> Control-F）。選擇直接選擇工具（A），選擇頂部的錨點(diǎn)（在第一個圖像中突出顯示），然后將其左側(cè)拖動約20px，如第二個圖像所示。在“ 外觀”面板上將顏色更改為線性漸變，不透明度降低到20％，然后轉(zhuǎn)到效果>模糊>高斯模糊。輸入3像素半徑。

（2）確保在上一步中添加的形狀仍然被選中，并繼續(xù)關(guān)注“ 外觀”面板。選擇現(xiàn)有填充并使用“ 復(fù)制選定項(xiàng)”按鈕將其復(fù)制。選擇新添加的填充，將其不透明度降低到15％，并擺脫高斯模糊效應(yīng)。

（3）在“ 圖層”面板，選擇構(gòu)成多維數(shù)據(jù)集基礎(chǔ)的底部形狀，并在后面創(chuàng)建一個副本（Control-C> Control-F）。選擇直接選擇工具（A），再次選擇頂部的錨點(diǎn)，這時候?qū)⑺鼈兿蜃笸蟿蛹s10像素。選中新添加的形狀，在“ 外觀”面板上將顏色更改為線性漸變，不透明度降低到30％。