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

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繪制復古城市插畫圖片效果

回頂部
桐城| 榆林| 台中| 钦州| 商丘| 临夏| 定西| 洛阳| 信阳| 德清| 大理| 文昌| 长治| 海拉尔| 安庆| 南京| 泰州| 铁岭| 衡水| 郴州| 日喀则| 平顶山| 昌吉| 嘉峪关| 贺州| 博罗| 三门峡| 延边| 阿拉尔| 甘肃兰州| 遵义| 东台| 庄河| 镇江| 克孜勒苏| 铜陵| 信阳| 郴州| 抚顺| 佳木斯| 郴州| 咸阳| 丹阳| 文昌| 瓦房店| 肇庆| 通化| 新余| 山西太原| 锦州| 台北| 赵县| 南通| 大连| 平顶山| 达州| 长治| 淄博| 昭通| 双鸭山| 巴音郭楞| 德州| 山西太原| 大理| 廊坊| 东方| 慈溪| 明港| 明港| 唐山| 琼中| 乌海| 高密| 灌云| 深圳| 黄冈| 阜阳| 台中| 邹城| 昭通| 沛县| 阿克苏| 洛阳| 铜川| 潍坊| 泸州| 鹤壁| 永康| 博尔塔拉| 乐山| 漳州| 基隆| 吉林| 五家渠| 永康| 哈密| 固原| 肇庆| 包头| 上饶| 泰兴| 辽阳| 库尔勒| 连云港| 云浮| 吐鲁番| 泗阳| 孝感| 海南| 阳春| 忻州| 丽江| 兴安盟| 垦利| 漯河| 武夷山| 三沙| 天长| 湛江| 辽阳| 鹤壁| 蓬莱| 苍南| 阿拉尔| 滁州| 开封| 德宏| 岳阳| 大庆| 塔城| 南京| 绵阳| 邵阳| 黔东南| 楚雄| 周口| 定州| 中卫| 宁国| 三明| 大连| 许昌| 江西南昌| 齐齐哈尔| 玉林| 德清| 甘肃兰州| 涿州| 东阳| 商丘| 甘肃兰州| 湖北武汉| 铜仁| 抚顺| 阿勒泰| 平顶山| 邯郸| 琼中| 赵县| 安康| 吐鲁番| 四平| 澄迈| 曲靖| 东海| 淄博| 湖南长沙| 随州| 海拉尔| 三门峡| 和田| 章丘| 邵阳| 灌南| 巴彦淖尔市| 六盘水| 温州| 杞县| 图木舒克| 荆州| 晋江| 东莞| 天水| 阿坝| 信阳| 如东| 新疆乌鲁木齐| 晋中| 湘潭| 牡丹江| 金坛| 潍坊| 张掖| 潜江| 张北| 马鞍山| 三沙| 吉林长春| 苍南| 巴音郭楞| 焦作| 邹平| 阿拉善盟| 渭南| 十堰| 海拉尔| 楚雄| 萍乡| 兴化| 大庆| 丽水| 吕梁| 赵县| 庄河| 黔南| 天门| 项城| 商洛| 姜堰| 图木舒克| 许昌| 雄安新区| 沭阳| 北海| 神农架| 宝应县| 驻马店| 那曲| 金华| 大兴安岭| 甘孜| 嘉兴| 台山| 莒县| 任丘| 怒江| 阜新| 宁波| 莆田| 泉州| 龙口| 宜春| 玉林| 随州| 嘉兴| 高密| 凉山| 丹东| 海南| 定安| 宿州| 信阳| 楚雄| 嘉峪关| 云南昆明| 平凉| 商丘| 慈溪| 铜川| 儋州| 淮安| 邹平| 章丘| 新乡| 临海| 柳州| 绵阳| 湖州| 肥城| 汉中| 金坛| 杞县| 防城港| 宜昌| 温岭| 儋州| 新余| 沧州| 中卫| 如东| 厦门| 曲靖| 焦作| 铜川| 阿克苏| 松原| 南通| 海东| 吉安| 阿拉尔| 定安| 安顺| 朔州| 日照| 达州| 天水| 忻州| 昌吉| 宁国| 大兴安岭|