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

回頂部
云南昆明| 任丘| 贺州| 洛阳| 深圳| 威海| 泉州| 晋中| 明港| 固原| 汉中| 邳州| 广州| 安徽合肥| 武安| 邹平| 甘肃兰州| 任丘| 白银| 库尔勒| 常德| 长葛| 东海| 锦州| 霍邱| 广汉| 抚州| 黔南| 丹东| 庄河| 平潭| 漳州| 菏泽| 苍南| 扬州| 桂林| 通化| 三明| 六盘水| 仁怀| 迪庆| 红河| 沭阳| 神农架| 余姚| 大同| 晋城| 常州| 迁安市| 焦作| 东台| 普洱| 保定| 阿克苏| 齐齐哈尔| 株洲| 安康| 衡阳| 南通| 保定| 庄河| 日照| 黑龙江哈尔滨| 仙桃| 朝阳| 贵港| 海安| 长治| 九江| 惠东| 禹州| 大庆| 南平| 德阳| 公主岭| 那曲| 任丘| 阜新| 漳州| 常德| 萍乡| 梧州| 泸州| 任丘| 浙江杭州| 和县| 南安| 永州| 乌海| 梅州| 宿迁| 岳阳| 贵港| 绍兴| 绵阳| 攀枝花| 惠州| 固原| 甘肃兰州| 淮安| 仁怀| 澳门澳门| 神木| 台北| 济源| 宜昌| 荆门| 日喀则| 库尔勒| 鸡西| 自贡| 阳泉| 鹰潭| 玉林| 酒泉| 鄢陵| 贵港| 云南昆明| 齐齐哈尔| 白山| 新沂| 湖北武汉| 威海| 咸宁| 沭阳| 义乌| 阜新| 咸阳| 醴陵| 石嘴山| 曲靖| 黔南| 荣成| 天水| 辽阳| 赵县| 洛阳| 许昌| 鄢陵| 甘南| 肇庆| 西双版纳| 昭通| 山南| 三沙| 石河子| 辽源| 诸暨| 淮南| 那曲| 曲靖| 海西| 南通| 河南郑州| 凉山| 林芝| 鹤岗| 宝应县| 佳木斯| 攀枝花| 天门| 咸阳| 恩施| 固原| 日喀则| 张家界| 大同| 德阳| 瑞安| 营口| 广西南宁| 诸暨| 白银| 安阳| 保定| 东台| 怀化| 葫芦岛| 营口| 唐山| 黔西南| 澳门澳门| 岳阳| 吐鲁番| 大兴安岭| 百色| 咸阳| 龙口| 三河| 乐清| 莒县| 淄博| 新乡| 东阳| 固原| 泸州| 益阳| 明港| 西藏拉萨| 佛山| 雄安新区| 萍乡| 温州| 锦州| 朝阳| 广州| 赤峰| 四平| 山南| 东莞| 甘孜| 邢台| 揭阳| 长垣| 洛阳| 汕尾| 临汾| 嘉峪关| 乳山| 江苏苏州| 辽阳| 莆田| 屯昌| 郴州| 大连| 龙岩| 惠州| 永州| 邯郸| 台山| 东方| 东方| 淮北| 潮州| 乌海| 黑河| 酒泉| 义乌| 偃师| 榆林| 仁寿| 达州| 秦皇岛| 果洛| 陵水| 三门峡| 十堰| 吴忠| 玉林| 大理| 那曲| 锡林郭勒| 池州| 咸阳| 阿拉善盟| 万宁| 三亚| 柳州| 文昌| 遂宁| 邵阳| 广安| 丽江| 兴安盟| 湖南长沙| 包头| 平凉| 大庆| 诸暨| 济南| 枣庄| 醴陵| 阜新| 衢州| 孝感| 文山| 兴安盟| 荣成| 常州| 马鞍山| 偃师| 济源| 长治| 中卫| 自贡| 海丰| 韶关| 泗阳| 烟台| 邹平| 六安| 保亭| 临沂| 深圳| 仁怀| 阿里| 长葛| 涿州| 阳泉| 和县|