Illustrator教程:绘制城市中的高楼大厦

被腐蚀的青春

被腐蚀的青春

2016-02-16 19:41

下面是个Illustrator教程:绘制城市中的高楼大厦教程,撑握了其技术要点,学起来就简单多了。赶紧跟着图老师小编一起来看看吧!

在这篇教程中,我们会教你如何绘制高楼大厦,如何使用几个步骤就建造出一座矢量城市。这篇教程是初级教程,所以它是很容易学的。好了,让我们开始吧!

下图是我们要绘制的最后的成品图。

Illustrator教程:绘制城市中的高楼大厦,PS教程,图老师教程网

1.新建文档,在工具箱中选择矩形网格工具。

Illustrator教程:绘制城市中的高楼大厦,PS教程,图老师教程网

2.首先,填充:黑色,描边:白色。然后在画板上单击,弹出矩形网格选项窗口。设置参数如下:我选择了一个容易分割的大小(100 x 500),所以我们设置的网格最后得到的会是一个个小的正方块。水平分割线:50,垂直分割线:10。选择使用外部矩形作为框架和填色网格,然后确定。

Illustrator教程:绘制城市中的高楼大厦,PS教程,图老师教程网

3.现在矩形看上去像这样。

Illustrator教程:绘制城市中的高楼大厦,PS教程,图老师教程网

4.选择刚刚绘制的形状,打开路径查找器调板,点按分割按钮。

Illustrator教程:绘制城市中的高楼大厦,PS教程,图老师教程网

5.现在我们得到白色边线、黑色填充的许多个正方形。

Illustrator教程:绘制城市中的高楼大厦,PS教程,图老师教程网

6.放大网格,使用直接选择工具(A),点击其中一个正方形,你可以看到每一个正方形都是白色描边、黑色填充。如果你要在这上面加几扇窗户的话,你只需要将几个小正方形的填充色更改为其它的就可以绘制出窗户的感觉了。

Illustrator教程:绘制城市中的高楼大厦,PS教程,图老师教程网

7.使用矩形工具(M),在网格形状周围再绘制几个形状,使它看上去像是高楼大厦的正视图。然后给它们分别填充不同的颜色和描边色。

Illustrator教程:绘制城市中的高楼大厦,PS教程,图老师教程网

8.重复1-7步,选择不同的颜色。如下图,我选择的是黄色,有几个正方形的填充色改为浅黄色,表示窗户。

Illustrator教程:绘制城市中的高楼大厦,PS教程,图老师教程网

9.让我们使用另一种方法绘制另一个高楼大厦,绘制一个矩形,然后填充:黑色。

Illustrator教程:绘制城市中的高楼大厦,PS教程,图老师教程网

10.绘制一个小的白色正方形,然后复制它。

Illustrator教程:绘制城市中的高楼大厦,PS教程,图老师教程网

11.选择这2个正方形,通过选择对象菜单混合混合选项来打开混合选项窗口,然后选择指定的步数:6,点击确定。然后选择对象菜单混合建立。

译者注:双击工具箱中的混合工具也可以打开混合选项。

Illustrator教程:绘制城市中的高楼大厦,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/illustrator/)

12.扩展混合(对象菜单混合扩展),然后复制一行正方形。混合选项的指定步数操作同前。

Illustrator教程:绘制城市中的高楼大厦,PS教程,图老师教程网

13.再扩展混合。现在我们完成了另一个高楼大厦。

Illustrator教程:绘制城市中的高楼大厦,PS教程,图老师教程网

14.下面是我绘制的高楼大厦正视图的一些实例。把这些形状全部拖进符号调板中。我们在之后的步骤里会用到它。

Illustrator教程:绘制城市中的高楼大厦,PS教程,图老师教程网

15.绘制一个矩形,大小同高楼大厦。现在打开3D凸出和斜角选项,设置如下。

Illustrator教程:绘制城市中的高楼大厦,PS教程,图老师教程网

16.在3D凸出和斜角选项中,单击贴图按钮。当我们把每一幢高楼大厦拖进符号调板中时,我们就可以在贴图窗口的符号列表中选择其中一个,然后把它应用到矩形的表面上。现在我们在符号列表中选择其中一个高楼大厦,然后把它应用于矩形的第一个表面上,点击确定。

Illustrator教程:绘制城市中的高楼大厦,PS教程,图老师教程网

17.选择新建的3D形状,应用投影效果。下图是设置选项。

Illustrator教程:绘制城市中的高楼大厦,PS教程,图老师教程网

18.重复第15-16步,绘制多个高楼大厦。

Illustrator教程:绘制城市中的高楼大厦,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/illustrator/)

19.添加更多的形状。

Illustrator教程:绘制城市中的高楼大厦,PS教程,图老师教程网

20.把它们叠在前面或者后面,使它看上去更像是座倾斜的城市。

Illustrator教程:绘制城市中的高楼大厦,PS教程,图老师教程网

21.下图是经过添加多个形状和高楼大厦相互叠加后的图稿。

Illustrator教程:绘制城市中的高楼大厦,PS教程,图老师教程网

22.绘制一个大的矩形,填充:黑白径向渐变。高光在顶部位置。

Illustrator教程:绘制城市中的高楼大厦,PS教程,图老师教程网

23.选择所有的高楼大厦(形状),群组(Ctrl+G)。把它们置于刚刚绘制的背景形状的上面。按照我的审美来说,它们现在看上去是有点奇怪的。那么接下来让我们向超现实主义发展吧。

Illustrator教程:绘制城市中的高楼大厦,PS教程,图老师教程网

24.选择高楼大厦,扩展外观(对象菜单扩展外观)。

Illustrator教程:绘制城市中的高楼大厦,PS教程,图老师教程网

25.然后镜像对称,创建副本。

Illustrator教程:绘制城市中的高楼大厦,PS教程,图老师教程网

26.选择形状,按E切换到自由变换工具。

Illustrator教程:绘制城市中的高楼大厦,PS教程,图老师教程网

27.然后使用鼠标在右下控制点上单击,并且按住Ctrl+Shift+Alt键,向左拖拉。这将得到透视形状。

Illustrator教程:绘制城市中的高楼大厦,PS教程,图老师教程网

28.下图是使用自由变换的效果。

Illustrator教程:绘制城市中的高楼大厦,PS教程,图老师教程网

29.把自由变换后的高楼大厦放在背景形状上。

Illustrator教程:绘制城市中的高楼大厦,PS教程,图老师教程网

30.另一组高楼大厦也使用自由变换工具。

Illustrator教程:绘制城市中的高楼大厦,PS教程,图老师教程网

31.现在复制高楼大厦,把它们也放在背景形状上,以建造一个小型的城市。

Illustrator教程:绘制城市中的高楼大厦,PS教程,图老师教程网

尾声

使用钢笔工具(P),继续绘制街道形状。绘制最上面的吊牌和绘制汽车行驶的路标。没有什么特别和复杂的,只需要再添加几个元素。我希望你会喜欢这篇初级教程,并能建造出你心中的城市。

Illustrator教程:绘制城市中的高楼大厦,PS教程,图老师教程网

展开更多 50%)
分享

猜你喜欢

Illustrator教程:绘制城市中的高楼大厦

Illustrator CorelDRAW
Illustrator教程:绘制城市中的高楼大厦

3dmax制作逼真的城市高楼大厦教程

FLASH flash教程 autocad教程
3dmax制作逼真的城市高楼大厦教程

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

香港高楼大厦高清图集

电脑网络
香港高楼大厦高清图集

Photoshop简单去除高楼大厦上面的广告条幅

PS PS基础
Photoshop简单去除高楼大厦上面的广告条幅

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

PS合成高楼中远眺城市日出场景教程

PS PS基础 ps平面设计教程 ps去水印教程
PS合成高楼中远眺城市日出场景教程

Illustrator绘制时尚插画教程

电脑网络
Illustrator绘制时尚插画教程

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Illustrator绘制质感的三维日历图标

Illustrator绘制质感的三维日历图标

解析Illustrator画笔功能实用技巧

解析Illustrator画笔功能实用技巧
下拉加载更多内容 ↓