腳本之家服務(wù)器常用軟件

快捷導(dǎo)航

AI怎么繪制矢量的房車插畫?

百度經(jīng)驗(yàn) 發(fā)布時(shí)間：2018-11-26 10:47:48 作者：米夏小雨

我要評(píng)論

AI怎么繪制矢量的房車插畫？ai中想要設(shè)計(jì)扁平化的房車插畫，該怎么繪制呢？下面我們就來看看ai繪制房車插畫的教程，需要的朋友可以參考下

ai中想要繪制一款漂亮的插畫，該怎么繪制矢量的插畫圖呢？下面我們就來看看ai繪制插畫的教程。

Adobe Illustrator CC(AI軟件) 2018 v22.0.0 簡體中文安裝版

類型：圖像處理
大小：797.2MB
語言：多國語言
時(shí)間：2017-09-26

查看詳情

so，現(xiàn)在開始吧！

本期教程結(jié)束我希望你能繪制出上圖的這些漂亮插圖！

一、如何繪制露營拖車的底座和屋頂

步驟1、讓我們開始繪制一個(gè)拖車的身體從 607 x 177 px #eecf98 的矩形開始, 用直接選擇工具 (A) 選取右上錨點(diǎn), 然后按 enter 打開 "移動(dòng)" 窗口。將水平值設(shè)置為-55 像素, 垂直值為0像素, 然后按 "確定", 將右上角錨點(diǎn)向左移動(dòng)。

步驟2、創(chuàng)建另一個(gè) 607 x 55 像素的矩形 #eecf98 , 并把它放在我們的主要部分底部。使用直接選擇工具 (A), 選擇右下角錨點(diǎn)。按 enter 鍵再次打開 "移動(dòng)選項(xiàng)" 窗口, 并將水平值設(shè)置為-5 像素和垂直值為0像素, 將點(diǎn)向左移動(dòng)。為左下角錨點(diǎn)打開同一窗口。將水平值設(shè)置為19像素, 垂直于0像素, 將我們的拐角向右移動(dòng)。

步驟3、同時(shí)選擇兩個(gè)形狀, 并使用 "路徑查找器" 面板的 "聯(lián)合" 選項(xiàng)將它們合并為一個(gè)形狀。使用具有 #4f412f 顏色的 583 x 8 像素矩形, 在底部形成條紋。

步驟4、在拖車的車身頂部建立一個(gè) 552 x 67 像素的矩形, 使用 #613d26 來著色它。使用添加錨點(diǎn)工具 (+), 并在形狀的右邊緣的底部添加一個(gè)附加的錨。使用前面的方法, 將右上角的錨點(diǎn)向左移動(dòng)大約120像素。使用直接選擇工具 (A) 選擇棕色形狀的左上角錨點(diǎn)。你可以看到角落里顯示的圓角小部件。只要抓住小部件, 把它拉到中心, 這樣就會(huì)出現(xiàn)圓角。

步驟5、讓我們?cè)谖蓓敳糠痔砑右粋€(gè)輪廓。選擇頂部形狀并轉(zhuǎn)到對(duì)象 >> 路徑 > 偏移路徑。在 "偏移值" 字段中輸入-4.5 像素, 然后按 "確定"。將內(nèi)部形狀的填充顏色設(shè)置為 #eecf98。采使用直接選擇工具 (A), 并在按住 Shift 的同時(shí)拖動(dòng)到之前形狀的底部, 使其與露營者身體的上邊緣保持相同的水平。

二、如何添加條紋, 門, 和窗口

步驟1、是時(shí)候用條紋裝飾我們的露營車了。生成一個(gè) 750 x 113 像素的矩形 (#c25c34), 將其置于主拖車形狀的上邊緣。繪制第二個(gè) 750 x 28.5 px 的相同顏色的條紋。

步驟2、讓我們切斷站在拖車形狀外的條紋部分。選擇與主形狀一起的條紋。然后使用 "形狀生成器" 工具 (Shift M)。按住 Alt 鍵時(shí), 單擊并按住鼠標(biāo)左鍵在不需要的條紋部分邊框附近的自由區(qū)域, 沿未完成的部分拖動(dòng), 然后松開鼠標(biāo)將其刪除。對(duì)另一側(cè)重復(fù)該操作。（這里也可以用路徑查找器來完成這個(gè)操作）

步驟3、繪制兩個(gè) 110 x 60 像素的矩形 (#bfa989)作為窗戶, 將它們放置在較大紅色條紋的左右部分附近。選擇窗口并轉(zhuǎn)到對(duì)象 >> 路徑 > 偏移路徑。輸入3像素的偏移量, 并將輪廓的填充顏色設(shè)置為 #613d26。

步驟4、開始創(chuàng)建一個(gè)門, 通過繪制一個(gè) 96 x 252 px 圓角矩形 (#613d26) 在拖車左半部分附近的窗戶旁邊。在門和右邊的窗戶之間留出一個(gè)空的空間, 使用 "門" 形狀的偏移路徑, 將偏移值設(shè)置為-4.5 像素。將內(nèi)部形狀的顏色更改為 #c25c34。通過使用橢圓工具 (L) 來創(chuàng)建一個(gè)(#4f412f) 28.5 x 4.5 像素的圓角矩形和 (#664b2e) 一個(gè) 14 x 14 px 圓, 構(gòu)建一個(gè)簡單的門手柄。

步驟5、在門下添加一個(gè) 87 x 7.5 像素的水平圓角矩形, 用 #45392a 填充。在繪制兩個(gè) 4 x 24.5 個(gè)相同顏色的垂直矩形, 將它們置于左側(cè)和右側(cè)的水平形狀之下, 使其與形狀重疊。在該步驟的兩個(gè)垂直矩形之間添加一個(gè)水平條紋。

步驟6、讓我們?cè)陂T附近的空白位置上添加一個(gè)較小的窗戶。繪制一個(gè) 65 x 65 像素的矩形 (#613d26), 然后轉(zhuǎn)到對(duì)象 >> 路徑 >> 偏移路徑, 將偏移量設(shè)置為-4.5 像素, 并將內(nèi)部形狀著色為 #bfa989。在窗戶的上邊緣建立一個(gè) 79 x 7.5 像素的 #eecf98 顏色矩形。

三、如何添加車輪、支架和小細(xì)節(jié)

步驟1、采取橢圓工具 (L), 并創(chuàng)建一個(gè) 75.5 x 75.5 px 圓的 #4f412f 顏色的車輪。在內(nèi)部添加兩個(gè)較小的圓圈: 一個(gè) 48 x 48 px 圓圈的（#d9b97b）和一個(gè)42 x 42 px的圓圈沒有填充, 但有 2 px （#80624f ）顏色的描邊。在中間創(chuàng)建一個(gè) 17 x 17 像素的圓 (#fde0a1)。在創(chuàng)建一個(gè)小的 3 x 3 px 的圓圈 (#80624f), 將其置于先前創(chuàng)建的未填充的圓上。保持選定的較小圓圈, 將內(nèi)部圓圈添加到選定內(nèi)容中, 再單擊內(nèi)部形狀, 使其成為關(guān)鍵對(duì)象。在 "控制面板" 和 "對(duì)齊" 面板中自動(dòng)選擇 "對(duì)齊" 對(duì)象。在 "對(duì)齊" 面板 ("窗口 >> 對(duì)齊") 或 "控制" 面板上, 單擊 "水平對(duì)齊中心" 按鈕。這里的灰色的部分就是說你要把第小的和第二小的圓對(duì)齊最大圓的中心

步驟2、選擇小圓圈, 使用旋轉(zhuǎn)工具 (R), 然后 Alt/選項(xiàng)-單擊在車輪中間。在 "旋轉(zhuǎn)" 面板中, 將角度設(shè)置為 "30°", 然后單擊 "復(fù)制" 按鈕。按下ctrl+ d 重復(fù)最后一個(gè)動(dòng)作, 并繼續(xù)按下ctrl+ d, 在中心 (1) 周圍添加所有12個(gè)圓圈。開始創(chuàng)建一個(gè)裝飾的邊緣, 通過繪制一個(gè) 92 x 32 px的矩形沒有填充, 并與 #fde0a1 的顏色相同的9 px 寬的描邊, 放置在車輪的頂部, 并使用對(duì)齊面板對(duì)其中心，然后我們選底部的錨點(diǎn)分別左右移動(dòng)相同的像素（比如像左移動(dòng)15px那么右邊就是-15px）使其成為一個(gè)梯形。然后用直接選擇工具刪除底部錨點(diǎn)。（2）我們可以復(fù)制一份前一步的梯形然后留下填充去掉描邊，然后將他與梯形合體打組放到輪胎的后面。最后我們就可以把它放到汽車的底部去了。

步驟3、讓我們創(chuàng)建一個(gè)通風(fēng)口。在小窗戶的下方生成一個(gè) 50 x 13.5 像素 (#222529) 的矩形, 并使用偏移路徑方法形成3像素的描邊, 并將其顏色設(shè)置為 #d9b97b。在形狀和組 (ctrl+ G) 中添加兩個(gè)相同顏色的條紋。復(fù)制通風(fēng)口, 將副本放在拖車的底部裝飾條上。使描邊的顏色變暗一點(diǎn)。

步驟4、在拖車的底部添加一個(gè)小門。只需在拖車外繪制一個(gè) 83.5 x 34 像素的矩形 (#c25c34), 稍微圓角一些。使用偏移路徑添加4.5 像素的描邊, 將其顏色設(shè)置為 #fde0a1。將 16 x 5 像素的矩形 (#fde0a1) 繪制在紅色內(nèi)部的頂部下方, 使其與中部對(duì)齊。將其底部錨點(diǎn)稍稍拖動(dòng)到中心軸上, 然后將其放入。將 6 x 6 px 的圓圈(#d9b97b) 放置在梯形形狀的中心, 并在中間 (#4f412f) 添加一個(gè)小圓角矩形, 形成一個(gè)鎖孔。在鉸鏈輪廓的下邊緣添加兩個(gè) 11.5 x 5 像素D矩形 (#4f412f)。打組 (ctrl+ G) 所有部件, 并把他放在拖車的右下半部分。

步驟5、下一部分, 我們要?jiǎng)?chuàng)建的是一個(gè)拖車的柱子。建立一個(gè) 68 x 12 像素的矩形, 填充為#b3532d。選擇形狀并轉(zhuǎn)到對(duì)象 >> 轉(zhuǎn)換 > 旋轉(zhuǎn)。將角度值設(shè)置為45度, 然后按 "確定"。在底部的前面繪制一個(gè) 17 x 17 像素的矩形 (#eecf98), 并使其頂部圓角。繪制一個(gè) 50 x 9 像素的形狀 (#d9b97b), 并將其附加到圓角矩形的下邊緣。使其上錨點(diǎn)圓角。制作一個(gè)較小的紅色矩形副本, 并將其旋轉(zhuǎn)45度到左側(cè)。將顏色更改為深色紅色 (#9c4827)。將副本放到較大形狀的后面, 將其頂部定位點(diǎn)置于同一級(jí)別。打組 (ctrl+G) , 并把它放在我們的拖車的左下半部分。然后復(fù)制一份水平方翻轉(zhuǎn)到車子的右邊。

步驟6、繪制一個(gè) 89 x 15.5 像素的矩形 (#b3532d), 將其右下角的錨點(diǎn)向上拖動(dòng)幾個(gè)像素。在右側(cè)添加一個(gè) 7.5 x 13 像素的垂直矩形形狀 (#eecf98), 然后在繪制2個(gè)交叉的矩形，顏色一深一淺，放到錘子矩形的后邊。最后打組放到汽車的前段的后面。

步驟7、增加一些細(xì)節(jié), 如較小的門, 擋風(fēng)玻璃, 和停車燈。您可以通過在網(wǎng)上找到一些參考資料并添加到自己的作品中來。

四、如何在拖車中添加陰影和高光

為了使它看起來更生動(dòng)和真實(shí), 我們需要給拖車添加一些陰影和高光。

步驟1、讓我們從左窗戶添加反射開始。使用直接選擇工具 (A) 選擇它, 然后右鍵單擊并從下拉菜單中選擇 "隔離選定的路徑"。獨(dú)立窗戶以全彩色顯示, 而其余的圖稿則顯示為灰色。創(chuàng)建兩個(gè)長的垂直矩形 (#fef7d9), 然后要寬度不一樣哦！

步驟2、選擇垂直矩形, 轉(zhuǎn)到對(duì)象 >> 轉(zhuǎn)換 >> 旋轉(zhuǎn), 以旋轉(zhuǎn)45度。將角度矩形拖動(dòng)到窗戶中, 并切斷不要的部分。按 Esc 退出隔離模式, 或者只需雙擊就可以退出。為其他窗戶創(chuàng)建反射, 以相同的方式制作。在進(jìn)行其他操作之前, 不要忘記隔離它們。

步驟3、現(xiàn)在我們將在屋頂上創(chuàng)建高光。使用 "直接選擇" 工具 (A) 選擇主屋頂形狀, 然后用ctrl+C 對(duì)其進(jìn)行復(fù)制。單擊 "ctrl+F" 以在主對(duì)象前面復(fù)制副本。向上移動(dòng)副本到頂部, 使其與屋頂重疊, 然后選中這兩個(gè)形狀。使用路徑查找器的相交選項(xiàng), 并將結(jié)果形狀的顏色更改為 #fde5b6, 以獲得屋頂上的高亮顯示。（這里可以多復(fù)制一份，以免做錯(cuò)）

步驟4、因?yàn)槲覀円呀?jīng)完成了高光, 現(xiàn)在是時(shí)候?yàn)檐囎犹砑雨幱?。選擇車最大的形狀, 并在它的前面做個(gè)副本。向下拖動(dòng)副本, 將其上邊緣置于紅色條紋之上，使其完全與拖車的底座重疊。將二個(gè)形狀添加到所選內(nèi)容, 并使用 "路徑查找器" 面板的 "相交" 選項(xiàng)。將結(jié)果部件的顏色更改為 #d9b97b。用同樣的方式在門的下部添加陰影。（這里可以多復(fù)制一份，以免做錯(cuò)）

步驟5、讓我們?yōu)檐囕喿鰝€(gè)陰影。這里我們將輪子復(fù)制一份拿出來，然后繪制如圖的矩形，然后我們將二者用路徑查找器切割出來，在將其透明度減低到40%左右，然后疊加模式可以嘗試更換。這樣輪子的陰影就做出來了。

五、如何創(chuàng)建沙漠背景

我們現(xiàn)在需要的是一個(gè)適合我們的露營者汽車背景的景觀。我們將添加一些仙人掌, 一個(gè)水平地面, 和一個(gè)在沙漠之上閃耀的月亮, 來創(chuàng)造氣氛。

步驟1、讓我們通過制作兩個(gè)仙人掌開始創(chuàng)建背景元素吧。使用簡單的矩形來構(gòu)造每個(gè)仙人掌形狀。然后, 將它們合并為一個(gè)圖形, 并通過拖動(dòng)每個(gè)錨點(diǎn)的圓圈指示器來圓角。將植物的顏色設(shè)置為 #c7873e。（仙人掌可以去網(wǎng)絡(luò)上面找參考）

步驟2、繪制一個(gè) 830 x 132 像素的圓角矩形 (#d99b41) 作為水平地面。在底部添加兩個(gè)陰影部分。用顏色較深的矩形來制作，使用路徑查找器來切掉不要的部分（做法已經(jīng)在之前的文章說過，上面也涉及到了，不重復(fù)說），以模擬沙子的質(zhì)地。然后我們把它放到小汽車的底部就好了。

步驟3、把我們的仙人掌放在露營地附近。然后使用鋼筆工具 (P) 畫一幅沙漠山脈的剪影。你可以使用一些從互聯(lián)網(wǎng)上的照片作為參考。我的靈感來自亞利桑那州的沙漠景色, 而我正在繪制這些山脈。使用 #cc923d 顏色的山, 并添加一個(gè)正方形的背景, 填補(bǔ)它與 #f2bc55。