search
尋找貓咪~QQ 地點 桃園市桃園區 Taoyuan , Taoyuan

【 Illustrator教學】Illustrator繪製線描風格的城市插圖教程 – PS筆刷工廠

Illustrator繪製線描風格的城市插圖教程

這一次的教學是屬於矢量教程領域中的Illustrator教程的相關教學。

文章出處是來自站酷的矢量教程類文章,寫教學的作者是Aueer,感謝Aueer提供Illustrator教程的實作教學。

教學大綱:

我們將使用我們最近一直在使用的一些最基本的形狀和工具來構建我們的架構帽並構建多倫多天際線,推薦給思緣的朋友學習。希望大家可以喜歡。


Illustrator教程教學開始

先看看效果圖

Illustrator繪製線描風格的城市插圖教程

1. 如何設置新的項目文件

由於我假定您已經在後台運行了Illustrator,請將其啟動,並使用以下設置為我們的項目設置新文檔(文件>新建或Control-N):

畫板數量: 1

寬度: 1200 px

身高: 600 px

單位: 像素

然後從高級選項卡:

顏色模式: RGB

柵格效果:屏幕(72ppi)

預覽模式:默認

Illustrator繪製線描風格的城市插圖教程

快速提示:你們中的一些人可能已經注意到,將新對象與像素網格對齊選項丟失。這是因為我正在運行該軟件的新版CC 2017版本,其中Illustrator 處理形狀捕捉到底層像素網格的方式發生了重大變化。

2.如何設置自定義網格

現在,我知道我們今天沒有在圖標上工作,但由於我們將使用像素完美的工作流創建插圖,因此我們需要設置一個漂亮的小網格,以便我們可以完全控制我們的形狀。

步驟1

轉到編輯>首選項>指南和網格子菜單,然後調整以下設置:

網格線: 1 px

細分: 1

Illustrator繪製線描風格的城市插圖教程

第2步

一旦我們設置了自定義網格,我們需要做的就是確保我們的形狀看起來很清晰,可以在視圖菜單下找到對齊網格選項,每當您進入像素預覽時就會轉換為對齊像素模式。

3.如何設置圖層

一旦我們完成了我們的項目文件的設置,使用一些圖層來構建我們的文檔將是一個好主意,因為通過這種方式,我們可以一次關注一個部分,從而保持穩定的工作流程。

這就是說,調出圖層面板並共創建六層,我們將重新命名為:

第1層:背景

第2層:框架

第3層:前景線

第4層:建築物

第5層:水線

第6層:天空線條

Illustrator繪製線描風格的城市插圖教程

4.如何創建框架

正如你可能已經注意到的那樣,我們的小城市在一個相當大的矩形內完美地構建,我們將以類似的方式使用我們通常使用參考網格的方式,因為我們將定位我們的形狀與它的外邊緣,以重建構圖。

步驟1

首先確保我們位於正確的圖層上(即第二個圖層),然後使用1120 x 520像素的矩形為我們的幀創建主要形狀#282020,然後將其着色與我們的畫板對齊。

Illustrator繪製線描風格的城市插圖教程

第2步

通過按下Shift-X,然後將筆畫的重量設置為8像素,將剛剛創建的形狀轉換為輪廓,確保在完成後鎖定其圖層。

Illustrator繪製線描風格的城市插圖教程

5.如何創建前景線

在開始之前,請確保您位於正確的圖層上(這將是第三個圖層),然後放大其左下角,以便您可以更好地了解要創建的內容。

步驟1

使用36像素寬8 px厚的Stroke(#282020)創建前景的較小線段,我們將在距框架左邊緣84像素和底部邊緣50像素處定位。

Illustrator繪製線描風格的城市插圖教程

第2步

使用900像素寬8像素厚的Stroke(#282020)創建更大的線段,我們將在8像素距離的位置右側放置我們剛剛創建的Stroke()。

完成後,選擇並將兩個線段組合(Control-G),然後鎖定其圖層。

Illustrator繪製線描風格的城市插圖教程

6.如何創建第一座建築

我們下一步就是開始研究構成我們天際線的小建築。這就是說,確保你在正確的層次上(這將是第四個),然後放大到Artboard的左下角,以便我們開始。

步驟1

使用48 x 106 px rectangle(#282020)創建第一座建築物的主要形狀,我們將通過翻轉它的Fill with Stroke(Shift-X),然後將其Weight設置為8 px來變成輪廓。將結果形狀放置在較大的前景線段上,距離其左邊緣24 px。

Illustrator繪製線描風格的城市插圖教程

第2步

通過創建兩個16 x 10 px長方形,並使用一個8 px厚的Stroke(#282020),我們將底部對齊其每個角,開始添加細節到建築物,以確保它們的筆畫最終彼此重疊。

Illustrator繪製線描風格的城市插圖教程

第3步

使用7個48像素寬8像素厚的筆畫線(#282020),添加窗口,我們將以12像素的距離垂直堆疊。完成後,將線條(Control-G)分組,然後將水平中心與建築物的上部分對齊。

在你繼續之前,選擇並分組(Control-G)我們迄今為止分離建築物不同部分的所有形狀。

Illustrator繪製線描風格的城市插圖教程

步驟4

使用一個32 x 12像素矩形和8像素厚的Stroke(#282020)創建屋頂,我們將位於建築物輪廓的頂部,確保居中對齊到較大的組。

Illustrator繪製線描風格的城市插圖教程

第5步

通過創建一個14 x 12 px的矩形(#282020)來開始向屋頂添加細節,我們將把它放置在輪廓的上半部分,然後將其與其左邊緣對齊。

Illustrator繪製線描風格的城市插圖教程

第6步

在上一步創建的形狀頂部 創建並定位一個 6 x 4 px矩形(#282020),並將其與其右邊緣對齊,確保將它們(Control-G)組合在一起。

Illustrator繪製線描風格的城市插圖教程

第7步

通過創建一個10 x 8 px的矩形(#282020)來完成屋頂的建設,我們將把它放置在屋頂輪廓的頂部,並將其與其右邊緣對齊。完成後,使用Control-G鍵盤快捷鍵選擇並將所有屋頂的組合形狀組合在一起。

Illustrator繪製線描風格的城市插圖教程

第8步

由於我們已經完成了第一個建築的工作,現在我們可以選擇其所有組成部分,並通過使用Control-G 鍵盤快捷方式或通過右鍵單擊>組進行分組。

Illustrator繪製線描風格的城市插圖教程

7.如何創建第二座建築(SkyDome)

向右移動幾個像素,然後讓我們開始研究第二棟建築,這是多倫多着名的標誌性的SkyDome(現羅傑斯中心)。

步驟1

通過創建一個224 x 56像素的 矩形和8像素厚的Stroke(#282020),我們將位於前景細節線上,距離第一座建築物64像素距離,開始在圓頂中心部分工作。

Illustrator繪製線描風格的城市插圖教程

第2步

使用一個48 x 20 px矩形和一個8 px厚的 Stroke(#282020),為中心的一組窗口創建框架,我們將中心對齊到較大的形狀的底部。

Illustrator繪製線描風格的城市插圖教程

第3步

使用鋼筆工具(P),繪製兩個20 px高8 px粗筆劃線(#282020),我們將相互放置 16 px,分組(Control-G),然後將它們對齊到框架中。

Illustrator繪製線描風格的城市插圖教程

步驟4

通過繪製一個48像素寬 4像素厚的筆畫線(#282020)(我們將它的中心對齊),然後選擇並分組(Control-G)所有其構圖形狀,結束中間窗框。

Illustrator繪製線描風格的城市插圖教程

第5步

創建兩個我們剛剛完成工作的窗口集的副本(Control-C> Control-F x 2),並在圓頂的每側放置一個,距離原始圖像的距離為24 px。

Illustrator繪製線描風格的城市插圖教程

第6步

通過使用224 x 12像素長方形和8像素厚的Stroke(#282020)我們將中心對準它的主體,距窗戶4 px距離來創建框架,開始在圓頂的頂部窗口行上工作,我剛剛完成了工作。

Illustrator繪製線描風格的城市插圖教程

第7步

創建窗口使用九個12像素高8像素厚的筆畫線(#282020),我們將 彼此放置24像素,分組(Control-G),然後居中對齊到較大的框架。

一旦完成,請選擇我們剛剛創建的框架和垂直劃線,並將它們和圓頂的整個前部分組合在一起(Control-G)。

Illustrator繪製線描風格的城市插圖教程

第8步

通過創建一個38 x 76 px的矩形,開始在建築物的左側部分上進行工作,該矩形帶有一個8像素厚的Stroke(#282020),我們將其放置在側面,以便它們的路徑重疊。

Illustrator繪製線描風格的城市插圖教程

第9步

首先打開 像素預覽模式(Alt-Control-Y),然後在其路徑中添加兩個新的錨點,其中一個距離其左邊緣12px,然後是另一個錨點只有8個像素。

然後,選擇兩個右上角的定位點並將它們向下按8像素(右鍵單擊>變換>移動>垂直> 8像素)。

Illustrator繪製線描風格的城市插圖教程

第10步

通過創建三個38 px寬4 px厚的筆劃線(#282020),我們將相互垂直堆疊 6 px,分組(Control-G),然後居中對齊到較大形狀的底部邊緣,距離只有4 px。

Illustrator繪製線描風格的城市插圖教程

第11步

創建另一組兩個38 px寬4 px厚的筆劃線(#282020),我們將在彼此之間以10 px的距離垂直堆疊,將它們放置在距前一行4 px的距離之上。

Illustrator繪製線描風格的城市插圖教程

第12步

在我們剛剛創建的兩條線之間 添加一個8 x 10 px矩形(#282020),將它放置在與該部分的較大輪廓相距4 px的位置,之後將所有三個形狀選擇並分組(Control-G)。

Illustrator繪製線描風格的城市插圖教程

步驟13

創建剛剛分組的形狀的副本(Control-C> Control-F),然後將其垂直放置在與原始距離為8 px的位置,選擇並分組(Control-G)所有側面部分之後組成形狀。

Illustrator繪製線描風格的城市插圖教程

第14步

使用我們剛剛完成的工作副本創建建築物的右側部分,我們將定位以使路徑重疊,確保事後垂直反射(右鍵單擊>變換>反射>垂直)。

Illustrator繪製線描風格的城市插圖教程

第15步

通過創建一個224 x 80像素的橢圓和8像素厚的Stroke(#282020),開始在圓頂的屋頂上工作,我們將中心與圓頂對齊,使其外部錨點與建築物側面部分重疊。

Illustrator繪製線描風格的城市插圖教程

步驟16

調整我們剛剛通過與的幫助捏它的側錨點創建的形狀錨點工具(Shift-C鍵事後通過選擇具有其底部錨點),切成兩半直接選擇工具(A) ,然後按Delete刪除它。

Illustrator繪製線描風格的城市插圖教程

步驟17

創建屋頂的外部部分,使用276 x 108像素的橢圓和8像素厚的Stroke(#282020),我們將定位在圓頂上,以使其外側錨點與建築物側面部分的頂部重疊。

Illustrator繪製線描風格的城市插圖教程

步驟18

使用相同的方法調整我們剛剛創建的形狀,然後選擇並移除其下半部分,以便最終獲得一個不錯的螺栓頂部。

Illustrator繪製線描風格的城市插圖教程

步驟19

通過創建一個48 x 104 px 橢圓和8 px厚的Stroke(#282020),開始在屋頂的拱門上工作,我們將通過選擇並刪除其底部錨點(刪除)來減少一半。完成之後,將產生的形狀與屋頂的內部對齊,將其定位,以使其路徑重疊。

Illustrator繪製線描風格的城市插圖教程

步驟20

使用一個128 x 104 px橢圓和8 px厚的Stroke(#282020)添加第二個拱形線,我們將通過去除其下半部來調整結果形狀與先前創建的拱形的中心對齊。

Illustrator繪製線描風格的城市插圖教程

步驟21

創建第三條和最後一條拱線,使用196 x 104像素的橢圓和8像素厚的Stroke(#282020),我們將通過去除其下半部來調整,然後將生成的形狀與先前創建的形狀對齊。

Illustrator繪製線描風格的城市插圖教程

步驟22

通過在我們剛剛創建的拱門中心添加一對4 x 8 px長方形(#282020),完成屋頂和圓頂本身。一旦完成,選擇並將(Control-G)所有屋頂的組合形狀組合在一起,然後對整個建築物進行相同的處理。

Illustrator繪製線描風格的城市插圖教程

8.如何創建第三座建築

一旦我們完成了圓頂的工作,我們就可以從其左側開始在背景建築上工作。

步驟1

使用一個32 x 126 px矩形和8 px厚的Stroke(#282020)來創建建築物的主體,我們將把它放在圓頂的左邊部分上,以便它們的路徑重疊。

Illustrator繪製線描風格的城市插圖教程

第2步

由於我們需要建築物坐在圓頂後面,所以我們必須通過將新的錨點添加到筆劃底邊的中心來調整我們剛剛創建的形狀,然後通過按Delete刪除它。然後,只需選擇底部錨點並將其拖到頂部,直到它們與屋頂的外部重疊。

Illustrator繪製線描風格的城市插圖教程

第3步

使用兩個4 px厚的筆劃線(#282020)垂直堆疊 8個像素的距離,然後將它們分組(Control-G),然後居中對齊建築物,距離其頂部4 px邊緣。

Illustrator繪製線描風格的城市插圖教程

步驟4

使用我們將位於建築物屋頂左側的16 px高4 px厚行程線(#282020)創建天線。

Illustrator繪製線描風格的城市插圖教程

第5步

通過在其屋頂的右側添加一個10 x 8像素的矩形(#282020),完成建築物的選擇,然後使用Control-G鍵盤快捷鍵將所有組合形狀組合在一起。

Illustrator繪製線描風格的城市插圖教程

9.如何創建第四座建築

移動到圓頂的右側,讓我們開始研究我們的第四棟建築物,它可以在它後面看到。

步驟1

使用一個48 x 92像素矩形和8像素厚的Stroke(#282020)創建建築物的主體,我們將位於圓頂右側部分後面,確保調整其左側,使其路徑不會遮擋坐在它的前面。

Illustrator繪製線描風格的城市插圖教程

第2步

使用五個40像素寬8像素厚的筆劃線(#282020)垂直堆疊 16個像素,然後將它們分組(Control-G),然後將其置於建築物前部中心,距離從頂邊8個像素。

Illustrator繪製線描風格的城市插圖教程

第3步

使用一個28 x 12 px矩形和8 px厚的Stroke(#282020)創建屋頂,我們將在主建築物的頂部定位它,並將其與其左邊緣對齊。

Illustrator繪製線描風格的城市插圖教程

步驟4

通過在其右側添加一個14 x 8 px的矩形(#282020),選擇並將(Control-G)的所有組合形狀組合在一起,完成屋頂和建築本身。一旦你完成了,對整個建築物做同樣的事情,這樣如果你移動它,你將不會留下任何形狀。

Illustrator繪製線描風格的城市插圖教程

10.如何創建第五座大樓(加拿大國家電視塔)

我們要重建的下一座建築是標誌性的加拿大國家電視塔,它是世界上最高的獨立式結構之一。

步驟1

通過創建一個36 x 260 px的長方形,並使用8像素厚的Stroke(#282020),我們將位於剛完成工作的建築物的右側,距離為40像素,開始在塔樓的基礎上工作。

Illustrator繪製線描風格的城市插圖教程

第2步

首先打開 像素預覽模式(Alt-Control-Y),然後使用添加錨點工具(+)在距離其頂邊88像素的位置添加一個新錨點,。

Illustrator繪製線描風格的城市插圖教程

第3步

關閉像素預覽模式(Alt-Control-Y),然後通過單獨選擇底部定位點,然後將它們向外推動26 px(右鍵單擊>變換>移動>水平> +/- 26像素取決於你從哪一方開始)。

Illustrator繪製線描風格的城市插圖教程

步驟4

花幾分鐘的時間,並通過點擊其中心錨點,然後拖動和重新定位其把手端指向下方,在距離調節塔的腿基地的曲率116像素。

Illustrator繪製線描風格的城市插圖教程

第5步

使用一個12 x 244 px長方形和一個8 px厚Stroke(#282020),我們將居中對齊其底部邊緣,創建保持窗口的框架。

Illustrator繪製線描風格的城市插圖教程

第6步

通過創建29行12px寬,並具有 4px厚Stroke (#282020)的窗口 ,我們將垂直堆疊 8px,分組(Control-G),然後將它們中心對齊到我們創建的框架在前面的步驟中。另外,由於我們在建築物的這一部分做了大量工作,所以不要忘記選擇並分組(Control-G)其所有組成形狀。

第7步

使用72 x 12像素的圓角矩形創建其下半部分,並使用6 像素圓角半徑和8像素厚度的 行程(#282020),開始製作天空吊艙,我們將位於塔的基座頂部,中心對準較大的形狀。

Illustrator繪製線描風格的城市插圖教程

第8步

使用具有8像素厚Stroke()的68 x 26 px矩形創建窗格的主要部分,我們將在先前創建的窗體的頂部放置該窗體,確保居中對齊。#282020

Illustrator繪製線描風格的城市插圖教程

第9步

首先打開 像素預覽模式(Alt-Control-Y),然後在距離其頂邊16px的位置添加兩個新的側邊定位點,單獨選擇並將其底部的內部由4像素(右擊>變換>移動>水平> + / – 4像素,取決於你從哪一邊開始)。

Illustrator繪製線描風格的城市插圖教程

第10步

使用鋼筆工具(P),繪製一個68像素寬8像素厚的描邊線(#282020),我們將中心對齊到我們剛剛調整的形狀,將其定位在距頂邊8像素的距離處。

Illustrator繪製線描風格的城市插圖教程

第11步

接下來,創建四個10 px高4 px粗垂直細節線(#282020),我們將 彼此放置16 px,分組(Control-G),然後居中對齊到由上一步中的水平分隔線創建的下部分。

Illustrator繪製線描風格的城市插圖教程

第12步

雙擊分隔線進入隔離模式,然後通過將其底部錨點向內按4 px(右鍵單擊>變換>移動>水平> + / – 4 px取決於從哪一方開始)。

Illustrator繪製線描風格的城市插圖教程

步驟13

創建一個68像素寬4像素厚的筆畫線(#282020),我們將居中對齊由該吊艙的較厚水平分隔線創建的空白空間。

Illustrator繪製線描風格的城市插圖教程

第14步

通過創建7個8像素高4像素厚的筆劃線(#282020),完成此部分的吊艙,我們將 彼此放置8像素,分組(Control-G),然後居中對齊到上邊緣。完成後,使用Control-G鍵盤快捷鍵選擇並分組所有的Pod的組成形狀。

Illustrator繪製線描風格的城市插圖教程

第15步

開始在屋頂上工作,創建一個60 x 10 px的矩形,其中有一個8像素厚的Stroke(#282020),我們將位於天空吊艙的頂部,然後通過單獨選擇並將其頂部錨點向內推動4 px進行調整。

Illustrator繪製線描風格的城市插圖教程

步驟16

用8像素厚的Stroke() 創建一個更小的52 x 10 px矩形,並將其放在我們剛剛調整的形狀上,確保將兩個中心對齊。#282020

Illustrator繪製線描風格的城市插圖教程

步驟17

創建一個8 x 8像素的正方形(#282020),我們將定位在天空吊艙的屋頂上,確保將其與左邊緣對齊。完成後,使用Control-G鍵盤快捷鍵選擇並分組所有屋頂的組成形狀 。

Illustrator繪製線描風格的城市插圖教程

步驟18

通過創建一個20 x 16像素長方形和8像素厚的 Stroke(#282020),我們將位於天空吊頂的頂部,開始在塔的上部工作。

Illustrator繪製線描風格的城市插圖教程

步驟19

創建一個12 x 48像素的矩形,其中包含一個8像素厚的Stroke(#282020),我們將在之前創建的形狀上定位這個矩形。然後,在每個邊上添加一個8 x 6 px矩形(#282020),將它們放置在距較寬部分8 px的距離處,然後將它們(Control-G)分組在一起。

Illustrator繪製線描風格的城市插圖教程

步驟20

使用一個28 x 10 px矩形和 8 px厚的Stroke(#282020)來創建空間平台,我們將把它放置在塔頂部的頂部。

Illustrator繪製線描風格的城市插圖教程

步驟21

通過創建一個12 x 28像素長方形和8像素厚的Stroke(#282020),我們將在我們剛剛創建的空間甲板頂部進行定位,開始研究天線。在它的頂部添加一個32像素高8 px厚的筆劃線(#282020),然後將兩個(Control-G)分組,然後對當前部分和整個塔進行相同操作。

Illustrator繪製線描風格的城市插圖教程

11.如何創建第六座建築

假設你已經完成了加拿大國家電視塔的設計,向右移動幾個像素,然後讓我們開始在旁邊的建築物上工作。

步驟1

首先使用60 x 144 px矩形創建其主體,然後使用8像素厚的Stroke(#282020),我們將位於塔的右側,距離為14像素。

Illustrator繪製線描風格的城市插圖教程

第2步

使用一個28 x 144 px的矩形創建建築物的前部分,並使用一個8 px厚的Stroke(#282020),我們將其中心與其主體對齊。

Illustrator繪製線描風格的城市插圖教程

第3步

通過創建16添加的前部的窗口28條像素寬 4 PX厚行程線(#282020)垂直堆疊 8像素彼此,我們將組(控制-G ),然後中心對齊到它,在距離4像素從其頂邊。一旦你有它們,選擇它們以及建築物的前部和組(Control-G)。

Illustrator繪製線描風格的城市插圖教程

步驟4

使用兩列十五個16 px寬 4 px厚的筆劃線(#282020)(我們將分組(Control-G)),然後居中對齊到兩邊,將它們放置在距建築物頂部邊緣8 px的距離處,創建側窗。

Illustrator繪製線描風格的城市插圖教程

第5步

使用一個8 x 8 px正方形(#282020)來添加門,我們將居中對齊到建築物的底部。然後,選擇我們迄今為止創建的所有形狀,並使用Control-G鍵盤快捷鍵將它們組合在一起。

Illustrator繪製線描風格的城市插圖教程

第6步

使用一個20 x 12像素的長方形和8像素厚的Stroke(#282020),為建築物的屋頂創建主要形狀,我們將在其身體頂部定位,將兩個中心對齊。

Illustrator繪製線描風格的城市插圖教程

第7步

通過創建並定位一個12 x 8像素的矩形和一個8像素厚的Stroke(#282020)在所有其他形狀之上,然後使用Control-G鍵盤快捷鍵選擇並將它們分組在一起,從而完成建築物本身。

Illustrator繪製線描風格的城市插圖教程

12.如何創建第七座建築

向圖中左側移動幾個像素,讓我們開始研究可以在加拿大國家電視塔後面看到的小型建築。

步驟1

使用具有8像素厚Stroke()的18 x 72 px矩形創建建築物的主體,我們將位於辦公樓的左側,我們剛完成了工作。正如我們對大多數背景建築所做的一樣,請確保對其進行調整,以防止遮擋其前面的形狀。#282020

Illustrator繪製線描風格的城市插圖教程

第2步

使用7個18像素寬4像素厚的筆劃線(#282020)垂直堆疊 8個像素,然後將其分組(Control-G),然後居中對準建築物的主體,將它們放置在距離4 px從它的頂部邊緣。

完成後,不要忘記使用Control-G鍵盤快捷鍵選擇和分組我們目前為止所有的形狀。

Illustrator繪製線描風格的城市插圖教程

第3步

通過創建一個10 x 8 px矩形(#282020),開始在屋頂上工作,我們將把它放在主體的頂部,確保將其與左邊緣對齊。

Illustrator繪製線描風格的城市插圖教程

步驟4

通過使用24 px高 4 px厚行程線(#282020)添加其天線,我們將在先前創建的形狀上定位,使用Control-G鍵盤快捷鍵選擇並將所有形狀分組在一起。

Illustrator繪製線描風格的城市插圖教程

13.如何創建第八棟

將幾個像素移回圖示的右側,讓我們開始研究第八棟建築,這可能是最短的一組。

步驟1

使用具有8像素厚Stroke()的64 x 40 px矩形創建建築物的主體,我們將在我們之前構建的辦公大樓的右側放置它。#282020

Illustrator繪製線描風格的城市插圖教程

第2步

使用三個64 px寬4 px粗筆劃線(#282020)垂直堆疊 8 px,然後將其組合(Control-G),然後居中對齊到之前創建的形狀,將它們放置在距離4 px從其頂部邊緣。

Illustrator繪製線描風格的城市插圖教程

第3步

使用7個4 x 6 px矩形(#282020)來添加小門,我們將 彼此放置4 px ,分組(Control-G),然後將它們居中對齊到建築物的底部邊緣。完成後,選擇我們迄今為止創建的所有形狀,並將它們組合(Control-G)。

Illustrator繪製線描風格的城市插圖教程

步驟4

開始在屋頂上工作,創建一個24 x 10 px的矩形,其中有一個8像素厚的Stroke(#282020),我們將位於建築物的左側,與辦公樓的距離為4 px。

Illustrator繪製線描風格的城市插圖教程

第5步

在屋頂的右側 添加一個14 x 8像素的矩形(#282020),將其與先前創建的形狀相距4 px。

Illustrator繪製線描風格的城市插圖教程

第6步

通過使用一個20像素高4 px厚行程線(#282020)我們將位於較高矩形的左側創建一個小天線,完成屋頂和建築本身。一旦完成,將(屋頂控制-G)所有屋頂的組合形狀組合在一起,然後對整個建築物進行相同的處理。

Illustrator繪製線描風格的城市插圖教程

14.如何創建第九座建築

下一座建築物基本上是第11部分的建築物的複製品,所以不需要很長時間才能完成。

創建我們在第11節中創建的第六個建築物的副本(Control-C> Control-F),然後將其放置在插圖的右側,緊挨着我們剛剛完成的工作。

Illustrator繪製線描風格的城市插圖教程

15. 如何創建第十棟建築

我們現在到了我們的第十個(是第十個)和最後一個大樓,所以不會浪費任何時間讓我們結束這部分的插圖。

步驟1

使用具有8像素厚Stroke()的42 x 88 px矩形創建建築物的主體,我們將位於距前一步較高結構的右側20英尺處。#282020

Illustrator繪製線描風格的城市插圖教程

第2步

使用6個42像素寬8像素厚的筆劃線(#282020)垂直堆疊 12像素的窗口添加窗口,我們將組合(Control-G),然後居中對齊到之前創建的形狀,將它們定位在8像素的距離從其底部邊緣。

Illustrator繪製線描風格的城市插圖教程

第3步

使用兩個6 x 8 px矩形(#282020)來創建門,我們將以14 px的距離彼此分開,分組(Control-G),然後將它們居中對齊到建築物的底部邊緣。完成後,使用Control-G鍵盤快捷鍵選擇並分組我們迄今為止創建的所有形狀。

Illustrator繪製線描風格的城市插圖教程

步驟4

通過創建一個16 x 12 px矩形(#282020),開始在屋頂上工作,我們將在建築物的頂部放置一個矩形,距離其左邊緣8像素。

Illustrator繪製線描風格的城市插圖教程

第5步

通過創建另一個更小的10 x 8 px矩形(#282020),我們將把它放在屋頂上,然後與建築本身一起完成,我們將在上一步中將其放置在形狀的右側。

然後,一旦完成,將所有屋頂的組合形狀(Control-G)分組在一起,然後對整個建築物進行相同的處理。

Illustrator繪製線描風格的城市插圖教程

16.如何創建樹

由於我們實際上已經完成了建築物的工作,我們的下一步就是開始創建並添加一些自然界最優秀的作品:樹木。

步驟1

通過創建使用軀幹開始10像素高4 PX厚行程線(#282020)(1),在其頂部,我們將添加一個8×10像素與橢圓4 PX厚行程(#282020)(2)。通過選擇其頂部錨點並使用錨點工具(Shift-C)點擊它來調整橢圓, 以使其變尖(3)。

通過將尖頂錨點向上推動2 px(4),然後選擇兩個形狀並將它們分組(Control-G),然後結束。

Illustrator繪製線描風格的城市插圖教程

第2步

由於每棵樹與下一棵樹基本相同,我們將創建一個實例,然後使用多個副本(Control-C> Control-F)填充建築物之間找到的一些空白空間。

然後,一旦完成,鎖定當前層,然後再繼續下一層。

Illustrator繪製線描風格的城市插圖教程

17.如何創建水線

假設你已經移動到下一層(這將是第四層),讓我們花幾分鐘時間來研究我們的小水線。

步驟1

使用鋼筆工具(P), 繪製一對8像素厚的Stroke(#282020)水平線並將它們放置在前景下方。慢慢來,一旦完成,繼續下一步。

Illustrator繪製線描風格的城市插圖教程

第2步

通過使用一些稍微鋸齒的線條畫出一些波來添加一些變化,我們將在前一步中創建的線之間進行定位。

完成後,使用Control-G鍵盤快捷鍵選擇並分組所有水線,鎖定當前層並移至下一層。

Illustrator繪製線描風格的城市插圖教程

18.如何創建天空線

一旦我們完成了插圖下半部分的工作,現在該開始研究上面的一個,我們將在那裡創建小小的天空線和雲。

步驟1

就像我們用水做的那樣,抓住鋼筆工具(P)並在插圖的建築物之上和之間畫出幾條4 px厚的筆劃線(#282020)。慢慢來,一旦完成,繼續下一步。

Illustrator繪製線描風格的城市插圖教程

第2步

通過創建一個12 x 12像素的橢圓和8像素厚的Stroke(#282020)(1),然後在其右上方放置一個稍大的20 x 20像素的 橢圓(#282020),使其左側的錨點與頂部其中一個較小的形狀(2)。

調整第一個形狀,通過刪除它的底部和右半部分,然後通過移除其最下面的形狀來調整第一個形狀,使用Control-J鍵盤快捷鍵(3)將所得到的路徑聯合起來。使用鋼筆工具(P)(4)將路徑延伸到每個方向,然後繪製一對水平筆劃並將它們放置在下方(5),之後將所有形狀選擇並分組(Control-G)。

Illustrator繪製線描風格的城市插圖教程

第3步

使用更大或更小的一對圓來創建雲的一些變體,然後將它們放置在不同高度的建築物周圍。

完成後,使用Control-G鍵盤快捷鍵將所有天空的合成形狀組合在一起,在移至最後一部分之前鎖定當前層。

Illustrator繪製線描風格的城市插圖教程

19.如何創建背景

我們快到了!為了完成這個插圖,我們需要做的是添加兩個彩色矩形組成其背景。話雖如此,確保你在正確的層(這將是第一個),讓我們來包裝。

創建兩個258 x 520 px矩形,我們將使用這些矩形進行着色#f96a53,然後單獨選擇並將它們對齊到框架的兩側。

Illustrator繪製線描風格的城市插圖教程

這是一個包裝!

這可能是我長期以來做的最長的教程之一,但我真的希望你們中的大多數人能夠一直陪伴我,直到最後,因為我相信結果會帶來回報。

話雖如此,我希望你們已經找到了容易遵循的步驟,並且最重要的是學到了一些新的東西。

Illustrator繪製線描風格的城市插圖教程

–本文轉載自 http://www.missyuan.net 教學網 —

文章永久連結為: Illustrator繪製線描風格的城市插圖教程

版权所有,保留一切权利! © 2019 PS筆刷工廠


熱門推薦

本文由 wwwfreebrushscom 提供 原文連結

寵物協尋 相信 終究能找到回家的路
寫了7763篇文章,獲得2次喜歡
留言回覆
回覆
精彩推薦