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

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

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

【 tulaoshi.com - Illustrator 】

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

(本文来源于图老师网站,更多请访问https://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.然后镜像对称,创建副本。

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

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

延伸阅读
教程制作出来的气泡还算不错吧,教程的原创作者是panda冰子,感谢panda冰子的原创分享,同时把教程推荐过来和大家一起分享学习了。 先来看看最终的效果图吧: 具体的制作步骤如下:
标签: Illustrator
我们经常可以在杂志上、网上等媒体看到矢量的美女插画。今天我们来学习如何用Illustrator绘制作精美的美女商业插画。作为教程,为了照顾初学者,我选择了一张摄影作品。试图用Illustrator矢量软件件来表现,重点在于学习Illustrator的相关工具。 原摄影作品如图1: 图1 完成后的矢量作品如图2: 图2[next] 下面开始我们的插画制作...
本教程主要使用Illustrator绘制抽象唯美的插画教程 ,教程难度不大,绘制出来的插画效果还挺漂亮的,转发过来和的朋友们一起分享学习了。 先来看看最终的效果图吧: 在这个教程里,我将解释怎样创建一个有各种元素组成的画面,并且赋予各种性格。 这么独特的效果,是来源于自然界的图形和你想想的元素的组合,但是你也可以选择你喜欢的其...
本教程主要用Illustrator绘制矢量木质纹理的方法,这是一篇关于如何制作矢量纹理的教程。其中只是用到了绘画笔和变形工具而已。这种方法很简单,不过实用性和适用性却很好。在标识,图标或界面的应用上都能有很好的表现。
本例将向朋友们介绍运用Illustrator绘制一把逼真的匕首刀,主要学习通过运用矩形工具、节点工具调整节点绘制匕首的外形,通过渐变填充表现刀刃和刀柄的质感,同时还会学习到路径查找器、路径裁剪、混合选项、效果等工具的应用,希望能给朋友们带来帮助。 最终效果: 刀刃的制作: 一、 1. 新建文件,新建图层; 2. 用矩形工具画一个长方...

经验教程

559

收藏

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