Illustrator使用3D工具和参考线来创建立体的图标

2016-02-16 19:27 183 1 收藏

今天图老师小编给大家精心推荐个Illustrator使用3D工具和参考线来创建立体的图标教程,一起来看看过程究竟如何进行吧!喜欢还请点个赞哦~

【 tulaoshi.com - Illustrator 】

当我们在做一些立方造型的时候会用到一些带颜色的参考线,来保持个图标形体间的大小相似。

Illustrator使用3D工具和参考线来创建立体的图标,PS教程,图老师教程网

通过后面的学习,我将告诉你怎样创建立体图标,你甚至能将他们组合成一个3D的城市景象。一旦你掌握了基础图形的绘制方法,那么你几乎可以绘制出各种东西。

Illustrator使用3D工具和参考线来创建立体的图标,PS教程,图老师教程网

01 首先我们要做的是找一个比较好的参考图片,我们将试着画出当中的一个部分。然后打开AI然后创建参考线:我们使用混合工具,拉出30度和-30度的斜线,然后右击将他们作为参考线。(混合工具的使用方法:全选两条线CTRL+ALT+B,在对象混合 中设置)

Illustrator使用3D工具和参考线来创建立体的图标,PS教程,图老师教程网

02 下一步,绘制一个长方体,使用3D凸出和斜角工具,既方便又快速的把长方体转换成为立体图形。你能设置凸出厚度来获得满意的图形。将表面设置成无底纹,因为我们更希望能够自定义它。

Illustrator使用3D工具和参考线来创建立体的图标,PS教程,图老师教程网

03 现在前往对象扩展外观。这样会让它变成平面图形,更容易修改。如果你想让图形变得更长更高,你可以对应参考线进行修改。

Illustrator使用3D工具和参考线来创建立体的图标,PS教程,图老师教程网

04 在颜色选择面板给予您的建筑光影,让它变得更加立体。正常来说,顶部会亮一些,然后左侧会稍微深一些。

Illustrator使用3D工具和参考线来创建立体的图标,PS教程,图老师教程网

05 使用智能参考线,在您绘制其余结构的时候变得更加精准。我们常常将最深的图形绘制一个底色,然后在他上面绘制亮面。保证你深色图形的描边在最顶层,不然会被亮面的描边所覆盖。

Illustrator使用3D工具和参考线来创建立体的图标,PS教程,图老师教程网

06 现在我们开始加入一些细节,紧贴参考线绘制一些图形。复制您做一条线,然后设置曾浅色,这样会让图形更加立体.

Illustrator使用3D工具和参考线来创建立体的图标,PS教程,图老师教程网

07 当你使用圆角来作为细节的话,有个小技巧,用效果风格化圆角,能够快速给你立方体带来效果。

Illustrator使用3D工具和参考线来创建立体的图标,PS教程,图老师教程网

08 然后我们来绘制CD插入口,我们绘制了一个圆角长方形,然后用之前的方法转换为3D的平面,将厚度设置为0你就能获得一个平面。扩展图形,加入颜色和描边。

Illustrator使用3D工具和参考线来创建立体的图标,PS教程,图老师教程网

09 绘制了一个蓝色的光,使用渐变工具,将两端的色彩都设置为一个蓝色,然后做一些透明度的改变。

Illustrator使用3D工具和参考线来创建立体的图标,PS教程,图老师教程网

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

10 绘制控制板,制作一个圆角长方形,在设置中调整一下圆角半径。

Illustrator使用3D工具和参考线来创建立体的图标,PS教程,图老师教程网

11 当你完成了圆角举行,使用3D工具,像之间那样变成图形,再一次调整颜色,加入细节和描边。

Illustrator使用3D工具和参考线来创建立体的图标,PS教程,图老师教程网

12 像图中这样设置绘制一个圆形,复制一份,然后将它放在右下角的位置。

Illustrator使用3D工具和参考线来创建立体的图标,PS教程,图老师教程网

13 使用两头尖当中粗的描边,给按钮加入一些细节。这样会让按钮变得更加立体和平滑。

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

Illustrator使用3D工具和参考线来创建立体的图标,PS教程,图老师教程网

14 最后一步,绘制十字操控按钮,像之前一样绘制一个图形,3D后扩展外观,设置色彩明暗,描边。现在,你已经掌握了制作立体图形的基本技法了,是不是手痒啦?那么新建一个图层,开始一个新的建筑吧,相信没过多久,一个城市就会被您完成。当您完成一座城市后,您还可以考虑世界地图

14 最后一步,绘制十字操控按钮,像之前一样绘制一个图形,3D后扩展外观,设置色彩明暗,描边。现在,你已经掌握了制作立体图形的基本技法了,是不是手痒啦?那么新建一个图层,开始一个新的建筑吧,相信没过多久,一个城市就会被您完成。当您完成一座城市后,您还可以考虑世界地图

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

延伸阅读
首先给大家看看整体效果,1.新建文件。大小400*300,做球形渐变。 2.用圆角矩形工具画一个251*237的圆角矩形,这一边我用了一个图层合成的,下面有图层截图,做出有一些擦拭过的感觉就可以了 3.这一步用钢笔工具画出来一个平台,我的大体思路就是先勾出大体形状,整个平台分三部分,上面.下面.中间高光。对上下两个部分添加木纹...
在这篇文章中我们将通过使用Adobe Illustrator中的3D效果来创建一组网页按钮。为什么要用这种方法?原因是这种方法替代了使用不同的笔刷和其他工具来创建高光和阴影,只需一步就能实现,充分利用了现成的光线设置和斜角形状。让我们开始! 最终效果图: 第一步:按钮形状 我们从创建基本的网页按钮形状开始。选择圆角矩形工具,在画板中任...
标签: 电脑应用
Flash Cs4在界面上与其上一个版本cs3总体来说并没有特别大的区别,下面就让我们来介绍一下CS4中的工具吧.在工具菜单中 添加了 3d工具 deco工具 骨骼工具. 针对mc添加了一个动画编辑器. 脚本语言没有变化. 主要针对新版本中的3d功能以及骨骼工具做了相对的试用下面是具体的示例. 一、3d工具的使用以实例 ...

经验教程

280

收藏

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