Illustrator图标教程:教你用Illustrator制作三维日历图标

我们常用的ps软件应该说是使用相当多人使用的处理图像软件,经常用于图像设计公司的应用实现。也经常用于网页视觉制作的后期处理对于一般的处理图像爱好群体,还可把普通相片在计算机里做出非常精美的效果来。总的来说,Photoshop是款功能很强、用土很广泛的照片调色软件,总是能够制作出来精美的好图片。 本站在这里给每位平面设计者提供分享很多经典的图像处理教程。相信一定能使大家立即掌握大量PS使用技巧。

下图是我们要做的成品图。为了顺利完成本教程,你必须对Illustrator的工具有一个基本的熟悉和理解。曾经翻译的教程,重新发布,成品图预览:下图是我们要做的成品图。为了顺利完成本教程,你必须对Illustrator的工具有一个基本的熟悉和理解。

Illustrator图标教程:教你用Illustrator制作三维日历图标
1.使用矩形工具(M),开始绘制一个正方形。
Illustrator图标教程:教你用Illustrator制作三维日历图标 第2张
2.执行效果菜单>3D>旋转,旋转正方形。你不需要按下图输入数值,但是你一定要记住你所输入的数值,由于在我们之后添加文本时,你还要用到它(注:实在不记住也没关系的,只要旋转完成后,新建个图形样式就可以了,之后要再用到这个效果时只要再应用即可)。确定后,执行对象菜单>扩展外观,扩展形状。
Illustrator图标教程:教你用Illustrator制作三维日历图标 第3张
3.为了模拟日历的厚度,我们使用Illustrator的3D凸出和斜角选项。执行效果菜单>3D>凸出和斜角。X轴旋转输入1度(第1个框)。在凸出厚度框里输入一个大的数值,如图所示。X轴的数值越大,凸出厚度里的数值就应该是越小。我还是会使用我的方法,由于它和输入一个大的X轴数值,小的凸出厚度数值相比,对于日历面皮的扭曲程度会更小。确定,然后执行对象菜单>扩展外观。最后,执行对象菜单>解组。注:你可能需要解组几次直到每一个对象都可以独立操作。
Illustrator图标教程:教你用Illustrator制作三维日历图标 第4张
4.重复第3步制作日历的底座。扩大形状,使它比上面的形状宽些。记着扩展,解组,以使你可以在之后的操作中给对象的每个面上色。
Illustrator图标教程:教你用Illustrator制作三维日历图标 第5张
5.执行对象菜单>路径>位移路径,创建日历上半部分的边线。输入的数值如下所示。我们可以给日历每一侧面的小边线上增加高光或者是渐变,这样一个小的细节就能提升出图片的整体质感。
Illustrator图标教程:教你用Illustrator制作三维日历图标 第6张
下图是我们要做的成品图。为了顺利完成本教程,你必须对Illustrator的工具有一个基本的熟悉和理解。曾经翻译的教程,重新发布,成品图预览:下图是我们要做的成品图。为了顺利完成本教程,你必须对Illustrator的工具有一个基本的熟悉和理解。
Illustrator图标教程:教你用Illustrator制作三维日历图标 第7张
1.使用矩形工具(M),开始绘制一个正方形。
Illustrator图标教程:教你用Illustrator制作三维日历图标 第8张
2.执行效果菜单>3D>旋转,旋转正方形。你不需要按下图输入数值,但是你一定要记住你所输入的数值,由于在我们之后添加文本时,你还要用到它(注:实在不记住也没关系的,只要旋转完成后,新建个图形样式就可以了,之后要再用到这个效果时只要再应用即可)。确定后,执行对象菜单>扩展外观,扩展形状。
Illustrator图标教程:教你用Illustrator制作三维日历图标 第9张
3.为了模拟日历的厚度,我们使用Illustrator的3D凸出和斜角选项。执行效果菜单>3D>凸出和斜角。X轴旋转输入1度(第1个框)。在凸出厚度框里输入一个大的数值,如图所示。X轴的数值越大,凸出厚度里的数值就应该是越小。我还是会使用我的方法,由于它和输入一个大的X轴数值,小的凸出厚度数值相比,对于日历面皮的扭曲程度会更小。确定,然后执行对象菜单>扩展外观。最后,执行对象菜单>解组。注:你可能需要解组几次直到每一个对象都可以独立操作。
Illustrator图标教程:教你用Illustrator制作三维日历图标 第10张
4.重复第3步制作日历的底座。扩大形状,使它比上面的形状宽些。记着扩展,解组,以使你可以在之后的操作中给对象的每个面上色。
Illustrator图标教程:教你用Illustrator制作三维日历图标 第11张
5.执行对象菜单>路径>位移路径,创建日历上半部分的边线。输入的数值如下所示。我们可以给日历每一侧面的小边线上增加高光或者是渐变,这样一个小的细节就能提升出图片的整体质感。
Illustrator图标教程:教你用Illustrator制作三维日历图标 第12张
下图是我们要做的成品图。为了顺利完成本教程,你必须对Illustrator的工具有一个基本的熟悉和理解。6.给你刚才绘制的内部形状一个渐变。想一想如何使日历的左侧面比右侧面的渐变看上去亮一些。使用钢笔工具(P),在你刚才绘制的内部形状里画一些线,以模拟日历侧面上的页边效果。这步没有数值参考,仅凭你的肉眼感觉。留意线条到端点的时候是削减的(注:可以画个椭圆,然后压扁,然后左右2个平滑点转换成角点)。
Illustrator图标教程:教你用Illustrator制作三维日历图标 第13张
7.线条画好后,使用分布按钮以使线与线之间的距离等量分布。
Illustrator图标教程:教你用Illustrator制作三维日历图标 第14张
8.之后,你可以选中所有的线条,给它们一个渐变填充以使它们完美地融合进它们后面的形状。给日历的底座一些颜色,左面的颜色较浅,右面的颜色较深。使用之前的方法来绘制这个侧面上的页边,然后添加如图的高光以创建阴影和高光效果。
Illustrator图标教程:教你用Illustrator制作三维日历图标 第15张
9.选择你喜欢的字体(我用的是Din字体),输入你喜欢的文字,把它放在日历的上方。执行效果菜单>3D>旋转,旋转文字以匹配日历面皮的角度。输入你使用的第2步上的数值(假如你之前新建了图形样式的话,这时你就可以直接点那个图形样式应用了),然后确定。10.给文字换个色,更改颜色为白色。
Illustrator图标教程:教你用Illustrator制作三维日历图标 第16张
10.给文字换个色,更改颜色为白色。
Illustrator图标教程:教你用Illustrator制作三维日历图标 第17张
下图是我们要做的成品图。为了顺利完成本教程,你必须对Illustrator的工具有一个基本的熟悉和理解。11.在日历的面皮上画一个矩形,如下图所示的蓝色矩形。填充一个渐变色。
Illustrator图标教程:教你用Illustrator制作三维日历图标 第18张
12.使用和“VECTORTUTS”同样的方法,在日历的面皮上绘制数字。然后给数字添加一个细白的轮廓。
Illustrator图标教程:教你用Illustrator制作三维日历图标 第19张
13.绘制类似下图的形状,以制作翻页效果。形状越是平滑,翻页看上去就会越真实。
Illustrator图标教程:教你用Illustrator制作三维日历图标 第20张
14.为了使翻页尽可能地看上去真实,我们需要修改向左翻页的部分。首先选中日历的面皮和卷曲的页。在路径查找器调板中,点“分割”按钮。然后执行对象菜单>解组。注:在你使用分割按钮后,你可能需要调整形状的堆栈顺序,由于有些形状可能被盖住了。
Illustrator图标教程:教你用Illustrator制作三维日历图标 第21张
15.选择被分割为2半的卷曲页,使用路径查找器调板里的“与形状区域相加”按钮,点扩展。现在被分割为2半的卷曲页又组合在了一起,而日历的面皮被分割成了2部分(翻页的左半部分和翻页的右半部分)。
Illustrator图标教程:教你用Illustrator制作三维日历图标 第22张