• 相關文章
  • 文字效果
  • 調色教學
  • 合成教學
  • 去背教學
  • 照片後製
  • 電腦繪圖
  • 設計教學
  • 動畫教學
  • 簽名製作
  • 其他教學
  • Illustrator
  • CorelDraw教學
  • 攝影教學
  • 3DMAX教學
  • AUTOCAD教學
  • MAYA教學
  • FireWorks教學
  • flash教學
  • 繪畫教學
  • PS作品欣賞
  • 包裝設計範例
  • LOGO設計範例
  • 封面設計範例
  • 名片設計範例
  • CG繪圖設計
  • 海報設計
  • 網頁設計範例
  • PS筆刷下載
  • PS濾鏡下載
  • PS動作下載
  • PS背景下載
  • PS樣式下載




  • 【 Illustrator教學】Illustrator繪製復古風格的城市黃金插畫




    Illustrator繪製復古風格的城市黃金插畫

    這一次的教學是屬於矢量教程領域中的Illustrator教程的相關教學。

    文章出處是來自站酷的矢量教程類文章,寫教學的作者是Lcocs,感謝Lcocs提供Illustrator教程的實作教學。

    教學大綱:

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


    Illustrator教程教學開始

    先看看效果圖

    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像素) 順時針旋轉角度為8º,調整我們剛創建的形狀。

    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右側。將角度設置為90º,將參考圖像中顯示的形狀定位。

    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繪製復古風格的城市黃金插畫

    步驟18

    通過使用幾個#BA473C 顏色的矩形快速創建起重機,完成當前的城市部分。完成後,選擇並將(Control-G)的所有組合形狀組合在一起,然後對所有建築物進行相同的處理。

    Illustrator繪製復古風格的城市黃金插畫

    7.如何在左側創建建築物

    一旦我們完成了城市右側的工作,我們可以將注意力轉移到左側,並逐步添加建築物。

    步驟1

    使用172 x 36 px矩形為底部建築物創建主要形狀,我們將使用該矩形進行着色#FFE5C0,然後如參考圖像中所示進行定位。

    Illustrator繪製復古風格的城市黃金插畫

    第2步

    使用12 x 36 px矩形添加硬陰影,我們將使用此矩形進行着色#BA473C,然後居中對齊到較大形狀的右側邊緣。

    Illustrator繪製復古風格的城市黃金插畫

    第3步

    使用四個160 x 4 px矩形(#BA473C)創建窗口,我們將垂直堆疊 4 px,分組(Control-G),然後將它們放置在建築物的左下角。完成後,使用Control-G 鍵盤快捷鍵選擇並將所有形狀組合在一起。

    Illustrator繪製復古風格的城市黃金插畫

    步驟4

    通過創建一個96 x 16 px矩形(#FFEDD7)來添加建築物的上半部分,在其上我們將添加三個96 x 2 px矩形(#BA473C),它們彼此垂直堆疊 2 px。Group(Control-G)並將形狀定位在下半身的頂部,之後對整個建築物進行相同的操作。

    Illustrator繪製復古風格的城市黃金插畫

    第5步

    通過創建一個76 x 140 px矩形開始在中心建築物上工作,我們將使用該矩形,#CADDCF然後將其放置在剛剛完成的矩形的頂部。

    Illustrator繪製復古風格的城市黃金插畫

    第6步

    使用16行6個8 x 4 px矩形(#BA473C),相互之間水平和垂直間隔 4 px添加窗口,我們將對它們進行分組(Control-G),然後如參考圖像中所示進行定位。

    Illustrator繪製復古風格的城市黃金插畫

    第7步

    通過添加水平細節線,使用兩個垂直堆疊2 px的76 x 2 px矩形(#BA473C) 來添加水平細節線,我們將對其進行分組(Control-G),然後將其放置在距離其頂邊2 px的距離處。慢慢來,一旦完成,選擇並分組(Control-G)其所有組成形狀,確保將其放置在底部下方(右鍵單擊>變換>排列>發送向後)。

    Illustrator繪製復古風格的城市黃金插畫

    第8步

    使用32 x 88 px矩形創建較小側面建築物的主要形狀,我們將使用該矩形進行着色#CCCCCC,然後如參考圖像中所示進行定位。

    Illustrator繪製復古風格的城市黃金插畫

    第9步

    使用10 x 88 px矩形添加硬陰影,我們將使用這個矩形進行着色#BA473C ,然後居中對齊到建築物的左邊緣。

    Illustrator繪製復古風格的城市黃金插畫

    第10步

    使用三個4 x 88 px矩形(#BA473C)創建窗口,它們彼此水平間隔 2 px,我們將組合(Control-G),然後將其放置在距離陰影2 px的距離處。

    Illustrator繪製復古風格的城市黃金插畫

    第11步

    使用兩個#BA473C彩色矩形添加天線組件,使用Control-G 鍵盤快捷鍵將所有這些組合在一起。慢慢來,一旦你完成了,整個建築物也要這樣做。

    Illustrator繪製復古風格的城市黃金插畫

    第12步

    通過使用56 x 100 px矩形(#E87D60)創建較低層的建築物開始工作,我們將通過選擇並將其右上角向右下角 10 px(右鍵單擊>變換>移動>垂直> 10 px)。

    Illustrator繪製復古風格的城市黃金插畫

    步驟13

    使用十個56 x 4 px矩形(#BA473C)將窗口彼此垂直堆疊 4 px,然後將它們分組(Control-G),然後再與前一個形狀的底部邊緣相距4 px。

    Illustrator繪製復古風格的城市黃金插畫

    第14步

    使用48 x 20 px矩形(#BA473C)創建建築物的上半身,我們將在參考圖像中看到它的位置,確保將其放置在較大的後面(右鍵單擊>排列>發送向後)。

    Illustrator繪製復古風格的城市黃金插畫

    第15步

    使用幾個#BA473C彩色矩形添加天線組件。慢慢來,一旦完成,選擇並將(Control-G)所有形狀組合在一起,然後對整個建築物進行相同的處理。

    Illustrator繪製復古風格的城市黃金插畫

    步驟16

    通過使用幾種#BA473C顏色的形狀快速創建水塔,完成當前的城市部分。一旦完成,確保選擇並將(Control-G)的所有組合形狀組合在一起,然後對整個部分進行相同的操作。

    Illustrator繪製復古風格的城市黃金插畫

    第2步

    通過將其混合模式設置為柔光並將其不透明度設置為30%來調整生成的形狀。完成後,在最終點擊保存按鈕之前,選擇並分組(Control-G)所有當前圖層的組合形狀 。

    Illustrator繪製復古風格的城市黃金插畫

    8.如何創建橋樑

    一旦我們完成了建築物的工作,我們可以將我們的重點轉移到我們插圖的中心,在那裡我們將創建橋樑。

    步驟1

    首先創建支持塔,使用兩個4 x 24 px矩形(#BA473C),我們將水平間隔 18 px,分組(Control-G),然後將它們放置在城市中心,如參考圖中所示。

    Illustrator繪製復古風格的城市黃金插畫

    第2步

    使用64 x 4 px矩形(#BA473C)添加卡組,我們將把它放在我們剛創建的形狀的頂部。

    Illustrator繪製復古風格的城市黃金插畫

    第3步

    使用一個較小的64 x 2 px矩形(#BA473C)創建水平支撐部分,我們將位於甲板下方,距離僅為2 px。

    Illustrator繪製復古風格的城市黃金插畫

    步驟4

    使用兩個64 x 48 px橢圓和4 px厚的Stroke(#BA473C)添加懸挂電纜,我們將按照參考圖中的位置放置它,然後通過選擇並移除它們的頂部和外部錨點,使用 Control-J鍵盤快捷鍵。

    Illustrator繪製復古風格的城市黃金插畫

    第5步

    使用4 x 34 px矩形(#BA473C)創建中心塔,我們將中心對齊到電纜的頂部邊緣。

    Illustrator繪製復古風格的城市黃金插畫

    第6步

    使用六個2 px寬的矩形(#BA473C),添加弔帶,間距為 8 px,將它們放置在參考圖像中。完成後,使用Control-G鍵盤快捷鍵選擇並分組橋樑的所有組成形狀。

    Illustrator繪製復古風格的城市黃金插畫

    第7步

    使用幾個4 x 1 px矩形(#BA473C)創建小汽車,我們將在參考圖像中看到這些小汽車。慢慢來,一旦你完成了,選擇並分組(Control-G)當前部分的所有構成形狀,然後再進入下一個部分。

    Illustrator繪製復古風格的城市黃金插畫

    9.如何創建雲

    由於我們在城市的工作已經完成了很多,我們可以將重點轉移到地平線的上部,並開始使用一些雲來填充它。

    步驟1

    使用圓角矩形工具,創建一對4 px高的形狀(#FFFFFF),並使用 2 px的圓角半徑,我們將在參考圖像中看到的位置,確保將其分組(Control-G)並將其排列在建築物下面點擊右鍵>排列>發送)。

    Illustrator繪製復古風格的城市黃金插畫

    第2步

    使用幾個#BA473C矩形添加小飛機,我們將調整和定位參考圖像。完成後,選擇並將(Control-G)的所有組合形狀組合在一起,然後對整個城市進行相同操作。

    Illustrator繪製復古風格的城市黃金插畫

    10.如何添加完成接觸

    一旦我們添加了雲層和飛機,我們的插圖即將完成。我們現在需要做的就是添加粒狀紋理。

    步驟1

    創建一個360 x 460像素的矩形(#666666),我們將根據與之前相同的過程和值使用相同的過程和紋理,之後將其定位在底層Artboard的中心。

    Illustrator繪製復古風格的城市黃金插畫

    第2步

    通過將其混合模式設置為柔光並將其不透明度設置為30%來調整生成的形狀。完成後,在最終點擊保存按鈕之前,選擇並分組(Control-G)所有當前圖層的組合形狀 。

    Illustrator繪製復古風格的城市黃金插畫

    OK!老司機,車就開到這裡了。

    所以我們開始鋪設一些簡單的形狀,但最終通過一步一步的深入過程創建了一個美麗的生活,呼吸城市。

    我真心希望你已經設法學習一些新的和有用的東西,你可以將它們應用到一些(如果不是全部的)未來的項目上。

    與往常一樣,如果您有任何問題,請將它們發布在評論區域內,我會儘快回復您!

    Illustrator繪製復古風格的城市黃金插畫

    — —

    文章永久連結為: Illustrator繪製復古風格的城市黃金插畫