如果您喜歡『PS學習網』,請推薦給您身邊的朋友!本站永久域名:www.rhobib.live

Illustrator繪制復古城市插畫圖片效果

當前位置 : PS學習網 > 矢量繪圖 > 正文來源:網絡作者:網絡時間:2019-10-12人氣:

本教程主要使用Illustrator繪制復古磨砂風格的城市黃昏場景,主題風格以黃昏懷舊為主,展示80年代城市的場景插畫,推薦給朋友學習,希望大家可以喜歡。

先看看效果圖

Illustrator繪制復古城市插畫圖片效果

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

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

Illustrator繪制復古城市插畫圖片效果

2.如何設置自定義網格

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

步驟1

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

網格線: 1 px

細分: 1

Illustrator繪制復古城市插畫圖片效果

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

第2步

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

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

3.如何設置圖層

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

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

第1層:背景

第2層:照片堆棧

第3層:城市的插圖

Illustrator繪制復古城市插畫圖片效果

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

4.如何創建背景

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

步驟1

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

Illustrator繪制復古城市插畫圖片效果

第2步

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

Illustrator繪制復古城市插畫圖片效果

第3步

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

Illustrator繪制復古城市插畫圖片效果

步驟4

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

Illustrator繪制復古城市插畫圖片效果

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

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

步驟1

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

Illustrator繪制復古城市插畫圖片效果

第2步

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

Illustrator繪制復古城市插畫圖片效果

第3步

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

Illustrator繪制復古城市插畫圖片效果

步驟4

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

Illustrator繪制復古城市插畫圖片效果

第5步

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

Illustrator繪制復古城市插畫圖片效果

第6步

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

Illustrator繪制復古城市插畫圖片效果

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

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

步驟1

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

Illustrator繪制復古城市插畫圖片效果

第2步

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

Illustrator繪制復古城市插畫圖片效果

第3步

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

Illustrator繪制復古城市插畫圖片效果

 

步驟4

使用七行五個12 x 8 px矩形(#BA473C)添加窗口,將它們沿水平和垂直方向彼此隔開8 px。然后將它們分組(Control-G)并將它們放置在建筑物中,如參考圖像中所示。

Illustrator繪制復古城市插畫圖片效果

第5步

使用112 x 12 px矩形(#FFEDD7)創建屋頂,在其上我們將添加兩個112 x 2 px水平細節線(#BA473C),垂直堆疊2 px,并且從較大形狀的頂部邊緣垂直堆疊 。選擇并組合(Control-G)所有三種形狀,將它們放置在當前建筑物的頂部。

Illustrator繪制復古城市插畫圖片效果

第6步

獲得創意并使用幾個#BA473C彩色矩形添加天線/屋頂組件,我們將組合(Control-G),然后將其放置在先前創建的形狀的頂部。慢慢來,一旦你完成了,在移動到下一個建筑物之前,選擇并分組(Control-G)所有建筑物的構成形狀。

Illustrator繪制復古城市插畫圖片效果

第7步

通過使用68 x 104像素矩形創建主體,開始制作下一座建筑物,我們將使用該矩形進行著色#FFE5C0 ,然后將其放置在上一步的頂部。

Illustrator繪制復古城市插畫圖片效果

第8步

使用12個68 x 4 px矩形(#BA473C)添加窗口,我們將垂直堆疊 4個像素,分組(Control-G),然后將它們對齊到較大矩形的底部。

Illustrator繪制復古城市插畫圖片效果

第9步

一旦你有了這些形狀,選擇并分組(Control-G)它們和建筑物的較大的身體一起,確保將它們放置在底部天線的下方(右鍵點擊>排列>發送向后),然后繼續下一步步。

Illustrator繪制復古城市插畫圖片效果

第10步

使用20 x 52 px矩形開始在小側建筑物上工作,我們將使用該矩形進行著色#CCCCCC,然后按照參考圖像中的位置進行定位。

Illustrator繪制復古城市插畫圖片效果

第11步

使用8 x 52 px長方形添加由右側建筑物投射的硬陰影,我們將使用該矩形進行著色#BA473C,然后放置到當前的右側邊緣。

Illustrator繪制復古城市插畫圖片效果

第12步

使用六個12 x 4 px矩形(#BA473C)創建窗口,我們將從另一個垂直堆疊 4 px,分組(Control-G),然后將它們對齊到建筑物的底部邊緣。

Illustrator繪制復古城市插畫圖片效果

步驟13

通過使用兩個#BA473C彩色矩形添加天線組件來完成當前建筑,我們將在參考圖像中看到它們的位置。一旦你完成了,選擇并分組(Control-G)它的所有組成形狀,然后再進入下一個。

Illustrator繪制復古城市插畫圖片效果

第14步

使用52 x 56像素矩形為頂層建筑物創建主要形狀,我們將使用該矩形進行著色#DDD4C8,然后將其放置在較高層的頂部。

Illustrator繪制復古城市插畫圖片效果

第15步

使用12 x 56 px矩形(#BA473C)給建筑物一個硬陰影,我們將對齊它的右邊緣的中心。

Illustrator繪制復古城市插畫圖片效果

步驟16

使用四個4 x 56 px矩形(#BA473C)添加窗口,我們將水平地彼此間隔 4 px,分組(Control-G),然后將它們放置在距我們剛剛創建的陰影4 px的距離處。

Illustrator繪制復古城市插畫圖片效果

步驟17

使用幾個#BA473C彩色矩形添加天線組件。慢慢來,一旦完成,選擇并將(Control-G)的所有組合形狀組合在一起,然后對整個建筑物做同樣的事情。

Illustrator繪制復古城市插畫圖片效果

回頂部
彩3d试机号