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

先看看效果圖

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

由于我假定您已經在后臺運行了Illustrator，請將其啟動，并使用以下設置為我們的項目設置新文檔(文件>新建或Control-N)：

畫板數量： 1

寬度： 1200 px

身高： 600 px

單位： 像素

然后從高級選項卡：

顏色模式： RGB

柵格效果：屏幕(72ppi)

預覽模式：默認

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

2.如何設置自定義網格

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

步驟1

轉到編輯>首選項>指南和網格子菜單，然后調整以下設置：

網格線： 1 px

細分： 1

第2步

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

3.如何設置圖層

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

這就是說，調出圖層面板并共創建六層，我們將重新命名為：

第1層：背景

第2層：框架

第3層：前景線

第4層：建筑物

第5層：水線

第6層：天空線條

4.如何創建框架

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

步驟1

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

第2步

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

5.如何創建前景線

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

步驟1

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

第2步

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

完成后，選擇并將兩個線段組合(Control-G)，然后鎖定其圖層。

6.如何創建第一座建筑

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

步驟1

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

第2步

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

第3步

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

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

步驟4

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

第5步

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

第6步

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

第7步

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

第8步

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