先看看效果圖

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

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

2.如何設置自定義網格

即使今天的項目不是基于圖標的項目，我們仍然希望使用像素完美的工作流程創建插圖，因此，讓我們設置一個漂亮的小網格，以便我們可以完全控制我們的形狀。

步驟1

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

網格線： 1 px

細分： 1

快速提示：通過詳細閱讀Illustrator網格系統如何工作，您可以了解有關網格的更多信息。

第2步

一旦我們建立了我們的定制網格，為了確保我們的形狀看起來很清晰，我們所需要做的就是啟用在視圖菜單下找到的對齊網格選項(這就是如果您使用的是舊版本的Illustrator)。

現在，如果您對整個“像素完美的工作流程”很陌生，我強烈建議您閱讀我的“ 如何創建像素完美圖稿”教程，該教程將幫助您立即拓寬技術技能。

3.如何設置圖層

一旦我們完成了我們的項目文件的設置，使用幾個圖層來構建我們的文檔將是一個不錯的主意，因為這樣我們就可以一次關注插圖的一個部分，從而保持穩定的工作流程。

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

第1層：背景

第2層：照片堆棧

第3層：城市的插圖

快速提示：我使用相同的綠色值為所有圖層著色，因為當用于突出顯示所選形狀時(無論它們是封閉或開放路徑)，它是最容易查看的圖層。

4.如何創建背景

只要我們對文檔進行分層，我們就可以通過創建淺色背景來開始處理項目，因此請確保將自己置于第一層，然后讓我們直接跳入該文檔。

步驟1

創建一個800 x 600像素矩形，我們將使用該顏色#FFF8F0，然后使用“ 對齊”面板的 水平 和垂直對齊中心選項將其對齊到底層Artboard 。

第2步

通過制作它的副本(Control-C> Control-F)，為我們剛剛創建的形狀應用細微紋理，我們將通過將其顏色設置為其進行調整#808080。然后，只需轉到效果> Photoshop效果>紋理>紋理，然后將強度設置為 40，將對比度設置為50，并將紋理類型設置為點畫。

第3步

通過將其混合模式設置為柔光來 調整生成的紋理，然后使用Control-G鍵盤快捷鍵選擇兩個矩形并將它們組合在一起。

步驟4

使用Layers面板鎖定當前圖層，然后繼續前進到下一個(這將是第二個)，我們將逐步構建我們的構圖。

5.如何創建寶麗來即時電影堆棧

假設你已經將自己定位在下一層(即第二層)，那么讓我們開始研究下一部分的插圖，它將容納城市本身。

步驟1

使用360 x 460 px矩形創建底部寶麗來的主要形狀，我們將使用該矩形進行著色#E8D4BF，然后將其放置在畫板的中央。

第2步

使用旋轉工具(右鍵單擊>變換>旋轉> -8像素) 順時針旋轉角度為8º，調整我們剛創建的形狀。

第3步

根據用于背景的相同過程和值，為產生的形狀提供微妙的顆粒感紋理，只有這次才使用復印件#666666，將不透明度降低到40%。

步驟4

使用我們將位于畫板中心的380 x 480像素矩形(#333333)，將其混合模式設置為柔光并將其不透明度設置為64%，添加將用作頂部寶麗來投影的輔助紋理。

第5步

選擇并將(Control-G)兩個紋理組合在一起，之后通過創建底層形狀的拷貝(Control-C)(用紅色突出顯示)來屏蔽它們，我們將在前面粘貼(Control-F)，然后只需右鍵單擊>制作剪貼蒙版。

第6步

使用360 x 460 px矩形添加前面的寶麗來，我們將使用該矩形進行著色#FFEED9，然后居中對準底層的Artboard。完成后，使用Control-G 鍵盤快捷鍵選擇并將所有當前圖層的形狀組合在一起，確保在進入圖示的下一部分之前將其鎖定。

6.如何在右側創建建筑物

只要我們完成了寶麗來薄膜疊層的工作，我們就可以進入第三層和最后一層，在那里我們將逐步建立我們的小城市。

步驟1

首先使用280 x 340 px矩形創建背景，我們將在其上應用線性漸變，#F9C958用于左側顏色停止和#F97E58右側。將角度設置為90º，將參考圖像中顯示的形狀定位。

第2步

放大我們剛剛創建的漸變，并使用112 x 112像素圓圈添加太陽，我們將使用該圓圈進行著色#FFD18D，然后將距離較大形狀底邊的中心16像素距離放置。

第3步

通過使用108 x 112像素矩形為底部創建主形狀，我們將使用該顏色#E87D60并對齊到漸變的右下角，開始在建筑物上工作。