AI教程繪製立體碼頭場景2.5D插畫圖片

欄目: 數碼 / 釋出於: / 人氣:1.28W

本教程主要使用Illustrator結合ps繪製2.5D風格的質感插畫，非常有質感的一篇時尚插畫作品，原圖作者是christopher hebert設計師的作品，推薦給朋友學習，希望大家可以喜歡。

先看看效果圖

繪製線稿

步驟01：

新建一個800×600的畫布，顏色使用RGB。

步驟02：

告訴自己要耐心，先從房子開始畫，這裡繪製結構線稿的前提是每個面都需要是一塊可以選中的路徑，因為後續需要填充顏色，對照原圖，把房子每個面的外輪廓畫上，繪製的時候也可以先畫參考線，關於參考線的畫法，在很多教程裡都有，這裡就不贅述了，邊畫可以邊按ctrl+y檢視已經完成的線稿。

步驟03：

按照外輪廓的斜度，畫出每個面的輔助線。

步驟04：

按照輔助線依次把各各側邊的線稿細節繪製完成，記住每個面都需要是一塊可以選中的路徑，窗門可以使用混合工具。

步驟05：

然後畫上裝飾的線稿，從屋頂的瓦片開始，先用多邊形工具繪製一個六邊形，按自由變換工具，自由扭曲工具，把六邊形扭曲角度至和屋頂的透視相同，可以參考輔助線。

步驟06：

注意要使用填充和描邊不能光描邊，然後用混合工具把放置再最左邊的多邊形和最右邊的多邊形相連，雙擊混合工具設定多邊形的數值，這樣一條屋頂的瓦片就做好了(可以比圖上的做長一點)。

步驟07：

Ctrl+G編組一條，按住編組的這條圖層ctrl+c ctrl+f 複製一條對比原圖瓦片移動到對應位置，並shift+ctrl+] 放置到最上層，依次類推做出一片瓦片，注意每條的移動是一條左一條右來回的。

步驟08：

把整個瓦片ctrl+G編組，把屋頂的瓦片區域面結構線稿ctrl+c ctrl+f放到瓦片圖案上面，右鍵製作一個剪貼蒙版，這樣屋頂瓦片的圖案就做好了。深色和淺色的是一樣的步驟，只是自由扭曲和顏色不同。

步驟09：

然後根據輔助線繪製出牆體上的線條裝飾線稿，注意層次位置，和蒙版遮罩。

步驟10：

之後可以繪製旁邊的岸邊、小船和小狗。依舊是參考剛剛房子的輔助線來畫，這裡圓柱形可以繪製一個然後複製，頂面可以用圓形工具畫一個圓，然後按照輔助線壓扁一些，圓柱形底面可以繪製一個矩形，複製頂面的圓下來，放在矩形上方按布林運算也就是路徑查詢器裡的分割，把不要的地方雙擊選中刪除，需要的地方選中，路徑查詢器-聯集，這裡受光面陰影面都需要製作。其他地方參考輔助線繪製，小狗和船需要對照原圖鋼筆繪製，小船上的紅繩用鋼筆畫曲線，然後描邊，使用圓頭端點，調整描邊粗細。注意同時畫出陰影的結構線稿。

步驟11：

繪製人物和地毯，以及旁邊人和狗的小腳丫，除了地毯外都是用鋼筆對照原圖繪製，地毯參考輔助線，可以順便把車子旁邊陰影區域的腳丫複製過去混合路徑一下。

步驟12：

繪製柵欄，複製岸邊的圓柱體，混合工具製作出同等距離的柵欄，同是繪製陰影，也是混合工具，鋼筆繪製紅繩，這裡可以只用鋼筆畫一條曲線，然後改變描邊的端點，使用圓頭端點，調整描邊粗細就能繪製完成繩子。陰影部分複製就可以了。

步驟13：

繪製車子，同樣是鋼筆工具參考輔助線來畫，這裡輪子可以用路徑偏移來繪製，車子上的線和繩子一樣，鋼筆調整描邊。

步驟14：

繪製地面上的線和波浪線稿，地面上的線參考輔助線繪製，波浪先用混合工具繪製等距直線，然後全選使用效果-扭曲和變形-波紋效果。

步驟15：

畫出海的輪廓和沙灘的輪廓，注意交界處是有顏色變化的，我顏色變化區域都描出來填色了，你們可以嘗試描一整塊然後改變透明度，海里面還有一些反光也需要描出來。其它陰影部分確認繪製。最後再描一下沙灘上的小愛心裝飾，注意大小錯落哦。

開始上色

步驟16：

到這裡，可以ctrl+y感受一下你的線稿!!!!!!你離最後完成稿只差最後一個上色的步驟啦!同樣的順序，先上房子的顏色。上顏色可以複製一層然後蒙版出需要上色的區域，比如這裡要上房子的顏色，就蒙版出房子的區域，然後上色。

步驟17：

其他區域的顏色也是對照蒙版後的原圖吸取顏色，當然也可以自己配色，這裡漸變可以建一個矩形，吸取漸變每個結點的顏色，複製#後面的數值到漸變工具條內的顏色裡，就能做到和原圖一樣的漸變。要注意，原圖的房子陰影面，因為有反光所以是一個漸變。沙灘因為太陽的日照，也是一個漸變，玻璃上的漸變使用ctrl+g編組後，外觀面板裡，選用一個漸變然後調整延伸。