PS設計教程網歡迎你!

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

文章來源于 站酷,感謝作者 Aueer 給我們帶來經精彩的文章!
設計教程/矢量教程/Illustrator教程2018-03-21
我們將使用我們最近一直在使用的一些最基本的形狀和工具來構建我們的架構帽并構建多倫多天際線,推薦給思緣的朋友學習。希望大家可以喜歡。

先看看效果圖

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繪制線描風格的城市插圖教程

版權所有PS設計教程網公安備案:蘇公網安備 32058302001023號工信部備案:滬ICP備09005587號
aaa
国产精品丝袜一区二区三区,亚洲精品A级毛片,中国少妇XXXXX高潮喷水,中文字幕丰满乱子无码伦,国产蜜芽剧果冻传媒,亚洲一区二区三区人人爽