ai中系那個要畫一個城市的插畫，該怎么設計一個簡筆畫插圖呢？下面我們就來看看詳細的教程。

一、如何設置新的項目文件

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

畫板數(shù)量： 1

寬度： 1200 px

身高： 600 px

單位： 像素

然后從高級選項卡：

顏色模式： RGB

柵格效果：屏幕(72ppi)

預覽模式：默認

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

二、如何設置自定義網(wǎng)格

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

步驟1、轉(zhuǎn)到編輯>首選項>指南和網(wǎng)格子菜單，然后調(diào)整以下設置：

網(wǎng)格線： 1 px

細分： 1

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

三、如何設置圖層

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

這就是說，調(diào)出圖層面板并共創(chuàng)建六層，我們將重新命名為：

第1層：背景

第2層：框架

第3層：前景線

第4層：建筑物

第5層：水線

第6層：天空線條

四、如何創(chuàng)建框架

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

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

第2步、通過按下Shift-X，然后將筆畫的重量設置為8像素，將剛剛創(chuàng)建的形狀轉(zhuǎn)換為輪廓，確保在完成后鎖定其圖層。

五、如何創(chuàng)建前景線

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

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

第2步、使用900像素寬8像素厚的Stroke(#282020)創(chuàng)建更大的線段，我們將在8像素距離的位置右側(cè)放置我們剛剛創(chuàng)建的Stroke()。完成后，選擇并將兩個線段組合(Control-G)，然后鎖定其圖層。

六、如何創(chuàng)建第一座建筑

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

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

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

第3步、使用7個48像素寬8像素厚的筆畫線(#282020)，添加窗口，我們將以12像素的距離垂直堆疊。完成后，將線條(Control-G)分組，然后將水平中心與建筑物的上部分對齊。在你繼續(xù)之前，選擇并分組(Control-G)我們迄今為止分離建筑物不同部分的所有形狀。

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

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

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

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

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

 

七、如何創(chuàng)建第二座建筑(SkyDome)

向右移動幾個像素，然后讓我們開始研究第二棟建筑，這是多倫多著名的標志性的SkyDome(現(xiàn)羅杰斯中心)。

步驟1、通過創(chuàng)建一個224 x 56像素的 矩形和8像素厚的Stroke(#282020)，我們將位于前景細節(jié)線上，距離第一座建筑物64像素距離，開始在圓頂中心部分工作。

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

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

步驟4、通過繪制一個48像素寬 4像素厚的筆畫線(#282020)(我們將它的中心對齊)，然后選擇并分組(Control-G)所有其構(gòu)圖形狀，結(jié)束中間窗框。

第5步、創(chuàng)建兩個我們剛剛完成工作的窗口集的副本(Control-C> Control-F x 2)，并在圓頂?shù)拿總?cè)放置一個，距離原始圖像的距離為24 px。

第6步、通過使用224 x 12像素長方形和8像素厚的Stroke(#282020)我們將中心對準它的主體，距窗戶4 px距離來創(chuàng)建框架，開始在圓頂?shù)捻敳看翱谛猩瞎ぷ鳎覄倓偼瓿闪斯ぷ鳌?/p>

第7步、創(chuàng)建窗口使用九個12像素高8像素厚的筆畫線(#282020)，我們將 彼此放置24像素，分組(Control-G)，然后居中對齊到較大的框架。一旦完成，請選擇我們剛剛創(chuàng)建的框架和垂直劃線，并將它們和圓頂?shù)恼麄€前部分組合在一起(Control-G)。

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

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

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

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

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

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

步驟13、創(chuàng)建剛剛分組的形狀的副本(Control-C> Control-F)，然后將其垂直放置在與原始距離為8 px的位置，選擇并分組(Control-G)所有側(cè)面部分之后組成形狀。

第14步、使用我們剛剛完成的工作副本創(chuàng)建建筑物的右側(cè)部分，我們將定位以使路徑重疊，確保事后垂直反射(右鍵單擊>變換>反射>垂直)。

第15步、通過創(chuàng)建一個224 x 80像素的橢圓和8像素厚的Stroke(#282020)，開始在圓頂?shù)奈蓓斏瞎ぷ鳎?strong>我們將中心與圓頂對齊，使其外部錨點與建筑物側(cè)面部分重疊。

步驟16、調(diào)整我們剛剛通過與的幫助捏它的側(cè)錨點創(chuàng)建的形狀錨點工具(Shift-C鍵事后通過選擇具有其底部錨點)，切成兩半直接選擇工具(A) ，然后按Delete刪除它。

步驟17、創(chuàng)建屋頂?shù)耐獠坎糠?，使?76 x 108像素的橢圓和8像素厚的Stroke(#282020)，我們將定位在圓頂上，以使其外側(cè)錨點與建筑物側(cè)面部分的頂部重疊。

步驟18、使用相同的方法調(diào)整我們剛剛創(chuàng)建的形狀，然后選擇并移除其下半部分，以便最終獲得一個不錯的螺栓頂部。

步驟19、通過創(chuàng)建一個48 x 104 px 橢圓和8 px厚的Stroke(#282020)，開始在屋頂?shù)墓伴T上工作，我們將通過選擇并刪除其底部錨點(刪除)來減少一半。完成之后，將產(chǎn)生的形狀與屋頂?shù)膬?nèi)部對齊，將其定位，以使其路徑重疊。

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

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

步驟22、通過在我們剛剛創(chuàng)建的拱門中心添加一對4 x 8 px長方形(#282020)，完成屋頂和圓頂本身。一旦完成，選擇并將(Control-G)所有屋頂?shù)慕M合形狀組合在一起，然后對整個建筑物進行相同的處理。

八、如何創(chuàng)建第三座建筑

一旦我們完成了圓頂?shù)墓ぷ?，我們就可以從其左?cè)開始在背景建筑上工作。

步驟1、使用一個32 x 126 px矩形和8 px厚的Stroke(#282020)來創(chuàng)建建筑物的主體，我們將把它放在圓頂?shù)淖筮叢糠稚希员闼鼈兊穆窂街丿B。

第2步、由于我們需要建筑物坐在圓頂后面，所以我們必須通過將新的錨點添加到筆劃底邊的中心來調(diào)整我們剛剛創(chuàng)建的形狀，然后通過按Delete刪除它。然后，只需選擇底部錨點并將其拖到頂部，直到它們與屋頂?shù)耐獠恐丿B。

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

步驟4、使用我們將位于建筑物屋頂左側(cè)的16 px高4 px厚行程線(#282020)創(chuàng)建天線。

第5步、通過在其屋頂?shù)挠覀?cè)添加一個10 x 8像素的矩形(#282020)，完成建筑物的選擇，然后使用Control-G鍵盤快捷鍵將所有組合形狀組合在一起。

九、如何創(chuàng)建第四座建筑

移動到圓頂?shù)挠覀?cè)，讓我們開始研究我們的第四棟建筑物，它可以在它后面看到。

步驟1、使用一個48 x 92像素矩形和8像素厚的Stroke(#282020)創(chuàng)建建筑物的主體，我們將位于圓頂右側(cè)部分后面，確保調(diào)整其左側(cè)，使其路徑不會遮擋坐在它的前面。

第2步、使用五個40像素寬8像素厚的筆劃線(#282020)垂直堆疊 16個像素，然后將它們分組(Control-G)，然后將其置于建筑物前部中心，距離從頂邊8個像素。

第3步、使用一個28 x 12 px矩形和8 px厚的Stroke(#282020)創(chuàng)建屋頂，我們將在主建筑物的頂部定位它，并將其與其左邊緣對齊。

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

十、如何創(chuàng)建第五座大樓(加拿大國家電視塔)

我們要重建的下一座建筑是標志性的加拿大國家電視塔，它是世界上最高的獨立式結(jié)構(gòu)之一。

步驟1、通過創(chuàng)建一個36 x 260 px的長方形，并使用8像素厚的Stroke(#282020)，我們將位于剛完成工作的建筑物的右側(cè)，距離為40像素，開始在塔樓的基礎上工作。

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

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

步驟4、花幾分鐘的時間，并通過點擊其中心錨點，然后拖動和重新定位其把手端指向下方，在距離調(diào)節(jié)塔的腿基地的曲率116像素。

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

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

第7步、使用72 x 12像素的圓角矩形創(chuàng)建其下半部分，并使用6 像素圓角半徑和8像素厚度的 行程(#282020)，開始制作天空吊艙，我們將位于塔的基座頂部，中心對準較大的形狀。

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

第9步、首先打開 像素預覽模式(Alt-Control-Y)，然后在距離其頂邊16px的位置添加兩個新的側(cè)邊定位點，單獨選擇并將其底部的內(nèi)部由4像素(右擊>變換>移動>水平> + / - 4像素，取決于你從哪一邊開始)。

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

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

第12步、雙擊分隔線進入隔離模式，然后通過將其底部錨點向內(nèi)按4 px(右鍵單擊>變換>移動>水平> + / - 4 px取決于從哪一方開始)。

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

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

第15步、開始在屋頂上工作，創(chuàng)建一個60 x 10 px的矩形，其中有一個8像素厚的Stroke(#282020)，我們將位于天空吊艙的頂部，然后通過單獨選擇并將其頂部錨點向內(nèi)推動4 px進行調(diào)整。

步驟16、用8像素厚的Stroke() 創(chuàng)建一個更小的52 x 10 px矩形，并將其放在我們剛剛調(diào)整的形狀上，確保將兩個中心對齊。#282020

步驟17、創(chuàng)建一個8 x 8像素的正方形(#282020)，我們將定位在天空吊艙的屋頂上，確保將其與左邊緣對齊。完成后，使用Control-G鍵盤快捷鍵選擇并分組所有屋頂?shù)慕M成形狀 。

步驟18、通過創(chuàng)建一個20 x 16像素長方形和8像素厚的 Stroke(#282020)，我們將位于天空吊頂?shù)捻敳?，開始在塔的上部工作。

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

步驟20、使用一個28 x 10 px矩形和 8 px厚的Stroke(#282020)來創(chuàng)建空間平臺，我們將把它放置在塔頂部的頂部。

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

十一、如何創(chuàng)建第六座建筑

假設你已經(jīng)完成了加拿大國家電視塔的設計，向右移動幾個像素，然后讓我們開始在旁邊的建筑物上工作。

步驟1、首先使用60 x 144 px矩形創(chuàng)建其主體，然后使用8像素厚的Stroke(#282020)，我們將位于塔的右側(cè)，距離為14像素。

第2步、使用一個28 x 144 px的矩形創(chuàng)建建筑物的前部分，并使用一個8 px厚的Stroke(#282020)，我們將其中心與其主體對齊。

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

步驟4、使用兩列十五個16 px寬 4 px厚的筆劃線(#282020)(我們將分組(Control-G))，然后居中對齊到兩邊，將它們放置在距建筑物頂部邊緣8 px的距離處，創(chuàng)建側(cè)窗。

第5步、使用一個8 x 8 px正方形(#282020)來添加門，我們將居中對齊到建筑物的底部。然后，選擇我們迄今為止創(chuàng)建的所有形狀，并使用Control-G鍵盤快捷鍵將它們組合在一起。

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

第7步、通過創(chuàng)建并定位一個12 x 8像素的矩形和一個8像素厚的Stroke(#282020)在所有其他形狀之上，然后使用Control-G鍵盤快捷鍵選擇并將它們分組在一起，從而完成建筑物本身。

十二、如何創(chuàng)建第七座建筑

向圖中左側(cè)移動幾個像素，讓我們開始研究可以在加拿大國家電視塔后面看到的小型建筑。

步驟1、使用具有8像素厚Stroke()的18 x 72 px矩形創(chuàng)建建筑物的主體，我們將位于辦公樓的左側(cè)，我們剛完成了工作。正如我們對大多數(shù)背景建筑所做的一樣，請確保對其進行調(diào)整，以防止遮擋其前面的形狀。#282020

第2步、使用7個18像素寬4像素厚的筆劃線(#282020)垂直堆疊 8個像素，然后將其分組(Control-G)，然后居中對準建筑物的主體，將它們放置在距離4 px從它的頂部邊緣。完成后，不要忘記使用Control-G鍵盤快捷鍵選擇和分組我們目前為止所有的形狀。

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

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

十三、如何創(chuàng)建第八棟

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

步驟1、使用具有8像素厚Stroke()的64 x 40 px矩形創(chuàng)建建筑物的主體，我們將在我們之前構(gòu)建的辦公大樓的右側(cè)放置它。#282020

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

第3步、使用7個4 x 6 px矩形(#282020)來添加小門，我們將 彼此放置4 px ，分組(Control-G)，然后將它們居中對齊到建筑物的底部邊緣。完成后，選擇我們迄今為止創(chuàng)建的所有形狀，并將它們組合(Control-G)。

步驟4、開始在屋頂上工作，創(chuàng)建一個24 x 10 px的矩形，其中有一個8像素厚的Stroke(#282020)，我們將位于建筑物的左側(cè)，與辦公樓的距離為4 px。

第5步、在屋頂?shù)挠覀?cè) 添加一個14 x 8像素的矩形(#282020)，將其與先前創(chuàng)建的形狀相距4 px。

第6步、通過使用一個20像素高4 px厚行程線(#282020)我們將位于較高矩形的左側(cè)創(chuàng)建一個小天線，完成屋頂和建筑本身。一旦完成，將(屋頂控制-G)所有屋頂?shù)慕M合形狀組合在一起，然后對整個建筑物進行相同的處理。

十四、如何創(chuàng)建第九座建筑

下一座建筑物基本上是第11部分的建筑物的復制品，所以不需要很長時間才能完成。創(chuàng)建我們在第11節(jié)中創(chuàng)建的第六個建筑物的副本(Control-C> Control-F)，然后將其放置在插圖的右側(cè)，緊挨著我們剛剛完成的工作。

十五、如何創(chuàng)建第十棟建筑

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

步驟1、使用具有8像素厚Stroke()的42 x 88 px矩形創(chuàng)建建筑物的主體，我們將位于距前一步較高結(jié)構(gòu)的右側(cè)20英尺處。#282020

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

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

步驟4、通過創(chuàng)建一個16 x 12 px矩形(#282020)，開始在屋頂上工作，我們將在建筑物的頂部放置一個矩形，距離其左邊緣8像素。

第5步、通過創(chuàng)建另一個更小的10 x 8 px矩形(#282020)，我們將把它放在屋頂上，然后與建筑本身一起完成，我們將在上一步中將其放置在形狀的右側(cè)。

然后，一旦完成，將所有屋頂?shù)慕M合形狀(Control-G)分組在一起，然后對整個建筑物進行相同的處理。

十六、如何創(chuàng)建樹

由于我們實際上已經(jīng)完成了建筑物的工作，我們的下一步就是開始創(chuàng)建并添加一些自然界最優(yōu)秀的作品：樹木。

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

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

第2步、由于每棵樹與下一棵樹基本相同，我們將創(chuàng)建一個實例，然后使用多個副本(Control-C> Control-F)填充建筑物之間找到的一些空白空間。然后，一旦完成，鎖定當前層，然后再繼續(xù)下一層。

十七、如何創(chuàng)建水線

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

步驟1、使用鋼筆工具(P)， 繪制一對8像素厚的Stroke(#282020)水平線并將它們放置在前景下方。慢慢來，一旦完成，繼續(xù)下一步。

第2步、通過使用一些稍微鋸齒的線條畫出一些波來添加一些變化，我們將在前一步中創(chuàng)建的線之間進行定位。

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

十八、如何創(chuàng)建天空線

一旦我們完成了插圖下半部分的工作，現(xiàn)在該開始研究上面的一個，我們將在那里創(chuàng)建小小的天空線和云。

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

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

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

第3步、使用更大或更小的一對圓來創(chuàng)建云的一些變體，然后將它們放置在不同高度的建筑物周圍。完成后，使用Control-G鍵盤快捷鍵將所有天空的合成形狀組合在一起，在移至最后一部分之前鎖定當前層。

十九、如何創(chuàng)建背景

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

創(chuàng)建兩個258 x 520 px矩形，我們將使用這些矩形進行著色#f96a53，然后單獨選擇并將它們對齊到框架的兩側(cè)。

這是一個包裝!

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

話雖如此，我希望你們已經(jīng)找到了容易遵循的步驟，并且最重要的是學到了一些新的東西。

以上就是ai中繪制線條城市圖的教程，希望大家喜歡，請繼續(xù)關注腳本之家。

相關推薦：

AI怎么將風景圖片轉(zhuǎn)換為插畫效果?

ai結(jié)合ps繪制2.5D風格的手機插畫的教程

AI怎么繪制卡通人物插畫效果? ai矢量插畫圖的設計方法

最新評論