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

效果圖：

主要過程：

一.基礎底座

步驟1：

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

步驟2：

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

步驟3：

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

步驟4：

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

二.繪制機身

步驟1：

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

步驟２：

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

步驟3：

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

步驟4：

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

步驟５：

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

步驟6：

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

步驟７：

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

步驟8：

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

步驟9：

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

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

三.收音機頂部

步驟1：

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

步驟2：

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

步驟3：

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

步驟4：

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

最終效果來了

教程結束，以上就是關于AI繪制2.5D風格收音機插畫教程的全部內(nèi)容，希望大家喜歡！

相關教程推薦：

AI結合PS繪制2.5D建筑插畫

AI繪制2.5D等距場景立體圖標教程

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

最新評論