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

Adobe Illustrator 2019(Ai cc2019) v23.1.0.670 綠色中文版 64位

• 類型：圖像處理
• 大小：275MB
• 語言：簡體中文
• 時間：2019-11-04

查看詳情

先看看效果圖

繪制線稿

步驟01：

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

步驟02：

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

步驟03：

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

步驟04：

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

步驟05：

然后畫上裝飾的線稿，從屋頂?shù)耐咂_始，先用多邊形工具繪制一個六邊形，按自由變換工具，自由扭曲工具，把六邊形扭曲角度至和屋頂?shù)耐敢曄嗤?，可以參考輔助線。

步驟06：

注意要使用填充和描邊不能光描邊，然后用混合工具把放置再最左邊的多邊形和最右邊的多邊形相連，雙擊混合工具設置多邊形的數(shù)值，這樣一條屋頂?shù)耐咂妥龊昧?可以比圖上的做長一點)。

步驟07：

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

步驟08：

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

步驟09：

然后根據(jù)輔助線繪制出墻體上的線條裝飾線稿，注意層次位置，和蒙版遮罩。

步驟10：

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

步驟11：

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

步驟12：

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

步驟13：

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

步驟14：

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

步驟15：

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

開始上色

步驟16：

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

步驟17：

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

海面的漸變數(shù)值：

沙灘的漸變數(shù)值：

房子背面的漸變數(shù)值：

房子柱子明暗分界線的漸變數(shù)值：

窗戶使用編組外觀填色：

窗戶的漸變數(shù)值：

步驟18：

上完色會發(fā)現(xiàn)其中的陰影部分有一點透明的效果，這里我們使用透明度設置，海面的透明度、船底陰影的透明度、水里倒影的透明度，房子陰影的透明度。

船底海面倒影的透明度設置：

岸邊海面倒影的透明度設置：

岸邊投影的透明度設置：

房子投影透明度設置：

車子投影透明度設置：

沙灘整體透明度設置：

腳印透明度設置：

圓珠倒影透明度設置：

步驟19：

最后導出JPG，注意選擇使用畫板。用ps打開，使用雜色添加雜色，然后高斯模糊，添加一下畫面的質感，我這邊選用的數(shù)值，雜色是7，高斯模糊是0.7,也可以自行調試自己喜歡的畫面效果哦。

最終效果：

最新評論