2.5d又俗稱偽3d，是一種結(jié)合了3d與2d的圖形技術(shù)，通常被用于游戲圖形渲染中，也就是我們所說的游戲畫面。接下來我們將學(xué)習(xí)使用Illustrator繪制2.5D風(fēng)格的收音機(jī)插畫，教程難度不大，主要介紹AI中3D工具的使用技巧，簡(jiǎn)單的立體插畫繪制技巧以及AI中漸變工具的使用方法。廢話不多說，大家跟我動(dòng)起來吧！先看一下效果圖，如下：

效果圖：

主要過程：

一.基礎(chǔ)底座

步驟1：

新建一個(gè)800px ×600px大小的畫布，然后用矩形工具畫一個(gè)800px 600px大小的矩形，填充顏色為漸變,參數(shù)如下圖，與畫布水平垂直居中對(duì)齊。

步驟2：

使用矩形工具繪制大小440px*364px大小的矩形，圓角為20px，填充暫定為#3B2FDD，其他顏色也可以，作為底板。執(zhí)行進(jìn)入【效果>3D>凸出與斜角】命令，在參數(shù)面板中我們可自定義，也可以直接利用軟件預(yù)設(shè)來應(yīng)用3D場(chǎng)景中的角度旋轉(zhuǎn)情況。一般來說，為了方便快捷，我們直接選擇預(yù)設(shè)。這里我們?cè)谶@個(gè)選項(xiàng)下拉框里選擇"等角-上方"，就不再需要調(diào)整旋轉(zhuǎn)的角度。凸出厚度修改為16pt。通過勾選"預(yù)覽"，對(duì)最終效果進(jìn)一步確認(rèn)，從而再對(duì)參數(shù)作進(jìn)一步調(diào)整。

步驟3：

這時(shí)，已經(jīng)轉(zhuǎn)為3D造型的矩形變?yōu)榱肆⒎襟w，如果你覺得大小或者效果不合適，仍然可以點(diǎn)擊變換工具和圖層面板進(jìn)行參數(shù)調(diào)整。而這個(gè)略薄的立方體將作為收音機(jī)的底座。為了對(duì)它進(jìn)一步調(diào)色，這時(shí)需要選中它以后進(jìn)入【對(duì)象>擴(kuò)展外觀】，使它成為路徑。然后利用組合快捷鍵【Ctrl+Shift+G】（取消編組），連續(xù)按三次，將這個(gè)立方體分解為不同的塊面。

步驟4：

給三個(gè)不同部分上色-漸變填充，線性漸變，角度180度，1和2圖形部分色值如下，3圖形的漸變是圖形2的反向漸變，上色完成后，使用快捷鍵"CTRL+G〞將底座打包編組。

二.繪制機(jī)身

步驟1：

新建一個(gè)310px ×194px大小的矩形，填充顏色隨意，同樣執(zhí)行【效果>3D>凸出與斜角】效果，位置選擇"等角-左方"，凸出厚度90px。

步驟２：

將該圖形放置在底座上方的中間位置，擴(kuò)展對(duì)象后，使用快捷鍵"CTRL+SHIFT+G〞3次取消編組，成為獨(dú)立的2個(gè)面，分別對(duì)每一個(gè)面進(jìn)行上色。

步驟3：

新建一個(gè)74px*118px橢圓大小的橢圓，填充顏色隨意，使用旋轉(zhuǎn)工具旋轉(zhuǎn)30度，得到一個(gè)斜橢圓，填充漸變見圖一；復(fù)制1個(gè)副本，將其分別向上和向右移動(dòng)2px，置于第一個(gè)斜橢圓的后面，漸變填充色值見圖二；新建一個(gè)66px*110px的橢圓，漸變填充見圖三，旋轉(zhuǎn)30度，與第一個(gè)斜橢圓水平垂直居中對(duì)其，得到收音機(jī)上的立體圓形旋轉(zhuǎn)按鈕。

步驟4：

新建一個(gè)82px ×140px大小的矩形，填充顏色隨意，同樣執(zhí)行【效果>3D>凸出與斜角】效果，位置選擇"等角-左方"，凸出厚度6pt。將該圖形放置在機(jī)身上，擴(kuò)展對(duì)象后，使用快捷鍵"CTRL+SHIFT+G〞3次取消編組，成為獨(dú)立的3個(gè)面，分別對(duì)每一個(gè)面進(jìn)行上色，漸變色相同：#FF00CC-#333399，只是角度不同，這邊便不一一列出。

步驟５：

接下來繪制調(diào)頻滑動(dòng)按鈕，首選繪制8px*76px的矩形，漸變填充為：#fb036b-#6e0879，線性漸變，角度為-90度；再繪制一個(gè)3px*76px大小的矩形，與上一個(gè)矩形左對(duì)齊。漸變填充為：#ba0471-#49097d，線性漸變，角度為-90度。將兩個(gè)矩形編組，并復(fù)制兩份，得到3個(gè)矩形，將一個(gè)副本向右移動(dòng)10px，另一個(gè)副本像左移動(dòng)10px。將三個(gè)矩形編組，使用變換工具先傾斜-30度，再旋轉(zhuǎn)-30度，得到與機(jī)身平行的凹槽形狀。

步驟6：

繪制7px*12px的矩形，填充顏色隨意，同樣執(zhí)行【效果>3D>凸出與斜角】效果，位置選擇"等角-左方"，凸出厚度6pt，得到立體滑動(dòng)按鈕，擴(kuò)展對(duì)象后，使用快捷鍵"CTRL+SHIFT+G〞3次取消編組，成為獨(dú)立的3個(gè)面，分別對(duì)每一個(gè)面進(jìn)行上色，漸變色相同：#1cd8d2-#93edc7，只是角度不同，這邊便不一一列出。上色完成后將三個(gè)面編組，復(fù)制兩個(gè)，分別擺放在3個(gè)凹槽的上、下、中位置，如下圖；

步驟７：

繪制開關(guān)按鈕的底座，首先繪制16px*22px大小的橢圓，填充色為漸變，角度-45度；復(fù)制這個(gè)橢圓向右移動(dòng)2px，向上移動(dòng)1px，置于第一個(gè)橢圓的后方，漸變改變，角度不變；將這兩個(gè)橢圓編組旋轉(zhuǎn)30度，得到下圖的形狀

步驟8：

繪制開關(guān)按鈕，首先繪制9px*14px大小的橢圓，填充色為漸變，角度45度；復(fù)制兩個(gè)副本，將其中一個(gè)副本向右移動(dòng)5px，選中兩個(gè)副本合并形狀，將圖中圈中的錨點(diǎn)用錨點(diǎn)工具（SHIFT+C）刪除手柄，然后用直接選擇工具分別拖拽兩個(gè)點(diǎn)至最上方和最下方平行線。

步驟9：

將得到圖形放置在第一個(gè)橢圓的下方，上色，漸變填充數(shù)值見下圖。打包編組，旋轉(zhuǎn)30度，放置在底座的上方。

機(jī)身的部分就完成了，效果圖如下：

三.收音機(jī)頂部

步驟1：

新建一個(gè)17px ×17px大小的矩形，填充顏色隨意，執(zhí)行【效果>3D>凸出與斜角】效果，位置選擇"等角-上方"，凸出厚度5pt，得到立體正方體快，擴(kuò)展對(duì)象后，取消編組，成為獨(dú)立的3個(gè)面，分別對(duì)每一個(gè)面進(jìn)行上色。復(fù)制3份，沿著機(jī)身平行等距排列，得到4個(gè)平行方塊按鈕。為了使這四個(gè)方塊在一條平行線，建立參考線，用直線工具畫一條120px長(zhǎng)的線，旋轉(zhuǎn)60度，右鍵建立參考線，便將直線工具轉(zhuǎn)化為參考線。

步驟2：

接下來做圓柱體形狀的螺絲釘，新建12px*12px大小的橢圓，執(zhí)行【效果>3D>凸出與斜角】效果，位置選擇"等角-上方"，凸出厚度13pt，得到圓柱體，擴(kuò)展對(duì)象后，對(duì)每一個(gè)面進(jìn)行上色。再畫一個(gè)8px*5px大小的橢圓，置于圓柱體的上方。編組打包后，復(fù)制一份沿著機(jī)身平行線排列。

步驟3：

繪制天線，天線是由兩個(gè)圓柱體加上細(xì)下粗的棒子組成，一個(gè)個(gè)繪制好組裝起來就好。

步驟4：

繪制手把，先繪制一個(gè)180px*50px大小的矩形，填充無，描邊11px，描邊填充色為漸變。用剪刀工具減去矩形下面的一條邊。 先傾斜-30度，再旋轉(zhuǎn)-30度，得到圖形4。復(fù)制一個(gè)，置于后方，向上移動(dòng)7px，向右移動(dòng)7px，改變漸變，得到手把。

最終效果來了

教程結(jié)束，以上就是關(guān)于AI繪制2.5D風(fēng)格收音機(jī)插畫教程的全部?jī)?nèi)容，希望大家喜歡！

相關(guān)教程推薦：

AI結(jié)合PS繪制2.5D建筑插畫

AI繪制2.5D等距場(chǎng)景立體圖標(biāo)教程

AI繪制2.5D等距立體冰淇淋車插畫教程

最新評(píng)論