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

Illustrator繪制立體海濱碼頭風景插畫

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

插畫一共分為兩個部分,一個就是2.5D風格的插畫加上磨砂復古的主題風格完成效果圖,推薦給朋友學習,希望大家可以喜歡。

先看看效果圖:

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繪制立體海濱碼頭風景插畫

回頂部
彩3d试机号