先看看效果圖
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 鍵盤快捷方式或通過右鍵單擊>組進行分組。