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

2016-02-16 19:41 143 1 收藏

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

【 tulaoshi.com - 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教程,图老师教程网

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

19.添加更多的形状。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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教程,图老师教程网

来源:http://www.tulaoshi.com/n/20160216/1572739.html

延伸阅读
教程制作出来的气泡还算不错吧,教程的原创作者是panda冰子,感谢panda冰子的原创分享,同时把教程推荐过来和大家一起分享学习了。 先来看看最终的效果图吧: 具体的制作步骤如下:
标签: Illustrator
我们经常可以在杂志上、网上等媒体看到矢量的美女插画。今天我们来学习如何用Illustrator绘制作精美的美女商业插画。作为教程,为了照顾初学者,我选择了一张摄影作品。试图用Illustrator矢量软件件来表现,重点在于学习Illustrator的相关工具。 原摄影作品如图1: 图1 完成后的矢量作品如图2: 图2[next] 下面开始我们的插画制作...
好了,先看下效果吧,这个是我自己仿着弄的效果。。 第1步:新建一个文档,然后选择多边形工具, 单击一下页面,在弹出对话框中,设置半径50pt和边数6;并填充橙色 ,如图 第2步:选择网格工具(U),然后开始增加网点。大致如图 第3步:选择中间的网格部分,可以用网格工具选,也可以用直接选择工具(A)来选择,如图 第4步:给...

经验教程

578

收藏

15
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部