如果您喜歡『PS學習網』,請推薦給您身邊的朋友!本站永久域名:www.sjbhw.com

Illustrator繪制立體碼頭精美插畫圖片

當前位置 : PS學習網 > 矢量繪圖 > 正文來源:網絡作者:網絡時間:2019-11-13人氣:

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

先看看效果圖

Illustrator繪制立體碼頭精美插畫圖片

繪制線稿—

步驟01:

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

Illustrator繪制立體碼頭精美插畫圖片

步驟02:

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

Illustrator繪制立體碼頭精美插畫圖片

步驟03:

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

Illustrator繪制立體碼頭精美插畫圖片

步驟04:

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

Illustrator繪制立體碼頭精美插畫圖片

步驟05:

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

Illustrator繪制立體碼頭精美插畫圖片

步驟06:

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

Illustrator繪制立體碼頭精美插畫圖片

 

步驟07:

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

Illustrator繪制立體碼頭精美插畫圖片

步驟08:

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

Illustrator繪制立體碼頭精美插畫圖片

步驟09:

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

Illustrator繪制立體碼頭精美插畫圖片

步驟10:

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

Illustrator繪制立體碼頭精美插畫圖片

步驟11:

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

Illustrator繪制立體碼頭精美插畫圖片

步驟12:

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

Illustrator繪制立體碼頭精美插畫圖片

步驟13:

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

Illustrator繪制立體碼頭精美插畫圖片

 

步驟14:

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

Illustrator繪制立體碼頭精美插畫圖片

步驟15:

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

Illustrator繪制立體碼頭精美插畫圖片

開始上色—

步驟16:

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

Illustrator繪制立體碼頭精美插畫圖片

步驟17:

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

Illustrator繪制立體碼頭精美插畫圖片

海面的漸變數值:

Illustrator繪制立體碼頭精美插畫圖片

沙灘的漸變數值:

Illustrator繪制立體碼頭精美插畫圖片

房子背面的漸變數值:

Illustrator繪制立體碼頭精美插畫圖片

房子柱子明暗分界線的漸變數值:

Illustrator繪制立體碼頭精美插畫圖片

窗戶使用編組外觀填色:

Illustrator繪制立體碼頭精美插畫圖片

窗戶的漸變數值:

Illustrator繪制立體碼頭精美插畫圖片

步驟18:

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

Illustrator繪制立體碼頭精美插畫圖片

 

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

Illustrator繪制立體碼頭精美插畫圖片

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

Illustrator繪制立體碼頭精美插畫圖片

岸邊投影的透明度設置:

Illustrator繪制立體碼頭精美插畫圖片

房子投影透明度設置:

Illustrator繪制立體碼頭精美插畫圖片

車子投影透明度設置:

Illustrator繪制立體碼頭精美插畫圖片

沙灘整體透明度設置:

Illustrator繪制立體碼頭精美插畫圖片

腳印透明度設置:

Illustrator繪制立體碼頭精美插畫圖片

圓珠倒影透明度設置:

Illustrator繪制立體碼頭精美插畫圖片

步驟19:

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

Illustrator繪制立體碼頭精美插畫圖片

最終效果:

Illustrator繪制立體碼頭精美插畫圖片

回頂部
一级a做爰片就在线看|一级a做爰片试看三分钟|美国一级特a黄 <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <文本链> <文本链> <文本链> <文本链> <文本链> <文本链>