您的位置: 首页 > 软件教程 > Illustrator教程专题 > Illustrator绘简洁风格三维日历图标

Illustrator绘简洁风格三维日历图标

8.8分
出处:天极网 时间:2011-04-27

您可能感兴趣的话题: Illustrator  

核心提示:本文介绍如何用Illustrator绘制一个三维日历图标,矢量风格,看起来非常简洁大方。图标做好以后我们可以把它应用于博客、网页或者印刷设计上。

  本文介绍如何用Illustrator绘制一个三维日历图标,矢量风格,看起来非常简洁大方。图标做好以后我们可以把它应用于博客、网页或者印刷设计上。

  我们主要使用Illustrator里的路径和3D工具来制作这个图标,用这个方法也可以表现出简单的翻页效果。

  下图是完成后的效果图。

Illustrator绘简洁风格三维日历图标

步骤 1

  使用矩形工具(M),画一个正方形。

Illustrator绘简洁风格三维日历图标

步骤 2

  执行效果菜单>3D>旋转,旋转正方形。你不需要按下图输入数值,但是你一定要记住你所输入的数值,因为在我们之后添加文本时,你还要用到它(注:其实不记住也没关系的,只要旋转完成后,新建个图形样式就可以了,之后要再用到这个效果时只要再应用即可)。确定后,执行对象菜单>扩展外观,扩展形状。

Illustrator绘简洁风格三维日历图标

步骤 3

  为了模拟日历的厚度,我们使用Illustrator的3D凸出和斜角选项。执行效果菜单>3D>凸出和斜角。X轴旋转输入1度(第1个框)。在凸出厚度框里输入一个大的数值,如图所示。X轴的数值越大,凸出厚度里的数值就应该是越小。

  我还是会使用我的方法,因为它和输入一个大的X轴数值,小的凸出厚度数值相比,对于日历面皮的扭曲程度会更小。确定,然后执行对象菜单>扩展外观。最后,执行对象菜单>解组。注:你可能需要解组几次直到每一个对象都可以独立操作。

Illustrator绘简洁风格三维日历图标

步骤 4

  重复第3步制作日历的底座。扩大形状,使它比上面的形状宽些。记着扩展,解组,以使你可以在之后的操作中给对象的每个面上色。

Illustrator绘简洁风格三维日历图标

步骤 5

  执行对象菜单>路径>位移路径,创建日历上半部分的边线。输入的数值如下所示。我们可以给日历每一侧面的小边线上增加高光或者是渐变,这样一个小的细节就能提升出图片的整体质感。

Illustrator绘简洁风格三维日历图标

步骤 6

  给你刚才绘制的内部形状一个渐变。想一想如何使日历的左侧面比右侧面的渐变看上去亮一些。

  使用钢笔工具(P),在你刚才绘制的内部形状里画一些线,以模拟日历侧面上的页边效果。这步没有数值参考,仅凭你的肉眼感觉。注意线条到端点的时候是削减的(注:可以画个椭圆,然后压扁,然后左右2个平滑点转换成角点)。

Illustrator绘简洁风格三维日历图标

步骤 7

  线条画好后,使用分布按钮以使线与线之间的距离等量分布。

Illustrator绘简洁风格三维日历图标

步骤 8

  之后,你可以选中所有的线条,给它们一个渐变填充以使它们完美地融合进它们后面的形状。给日历的底座一些颜色,左面的颜色较浅,右面的颜色较深。使用之前的方法来绘制这个侧面上的页边,然后添加如图的高光以创建阴影和高光效果。

Illustrator绘简洁风格三维日历图标

步骤 9

网友评论
多特网友 2014-12-24 10:26:20 回复
align在哪?
多特网友 2014-02-07 17:56:43 回复
挺好的教程,谢谢
多特网友 2013-01-09 16:42:48 回复
厉害啊 !!
多特网友 2014-12-24 10:26:20 回复
align在哪?
多特网友 2014-02-07 17:56:43 回复
挺好的教程,谢谢
多特网友 2013-01-09 16:42:48 回复
厉害啊 !!
精品软件课程
更多 >
photoshop教程让你从入门到精通,从新... [详细]
AutoCAD是美国Autodesk公司开发... [详细]
CorelDRAW是一款由Corel公司开发... [详细]
美图秀秀是一款很好用的图片处理软件,不用学习... [详细]
Photoshop从头学起,从新手快速到高手... [详细]
光影魔术手(nEO iMAGING)是一款对... [详细]