Illustrator设计简单的三维日历图标制作教程分享

给各位Illustrator软件的使用者们来详细的解析分享一下设计简单的三维日历图标的制作教程。

教程分享:

1.使用矩形工具(M),开始绘制一个正方形。

 


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

 


3.为了模拟日历的厚度,我们使用Illustrator的3D凸出和斜角选项。执行效果菜单>3D>凸出和斜角。X轴旋转输入1度(第1个框)。在凸出厚度框里输入一个大的数值,如图所示。X轴的数值越大,凸出厚度里的数值就应该是越小。我还是会使用我的方法,因为它和输入一个大的X轴数值,小的凸出厚度数值相比,对于日历面皮的扭曲程度会更小。确定,然后执行对象菜单>扩展外观。最后,执行对象菜单>解组。注:你可能需要解组几次直到每一个对象都可以独立操作。

 


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

 


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

 


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

 


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

 


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

 


9.选择你喜欢的字体(我用的是Din字体),输入你喜欢的文字,把它放在日历的上方。执行效果菜单>3D>旋转,旋转文字以匹配日历面皮的角度。输入你使用的第2步上的数值(如果你之前新建了图形样式的话,这时你就可以直接点那个图形样式应用了),然后确定。

 


10.给文字换个色,更改颜色为白色。

 


11.在日历的面皮上画一个矩形,如下图所示的蓝色矩形。填充一个渐变色。

 


12.使用和VECTORTUTS同样的方法,在日历的面皮上绘制数字。然后给数字添加一个细白的轮廓。

 


13.绘制类似下图的形状,以制作翻页效果。形状越是平滑,翻页看上去就会越真实。

 


14.为了使翻页尽可能地看上去真实,我们需要修改向左翻页的部分。首先选中日历的面皮和卷曲的页。在路径查找器调板中,点分割按钮。然后执行对象菜单>解组。注:在你使用分割按钮后,你可能需要调整形状的堆栈顺序,因为有些形状可能被盖住了。

 


15.选择被分割为2半的卷曲页,使用路径查找器调板里的与形状区域相加按钮,点扩展。现在被分割为2半的卷曲页又组合在了一起,而日历的面皮被分割成了2部分(翻页的左半部分和翻页的右半部分)。

 


16.使用直接选择工具(A)点如下所示的锚点,然后向右上移一点。

 


17.绘制一个弧形形状以替代页面上的直边,选中这2个形状,然后使用路径查找器调板中的与形状区域相减按钮,如下高光的显示。然后点扩展。

 


18.复制卷曲的页,调整下位置以得到另一个翻页效果。

 


19.给日历的右面填充一个渐变,以创建出带有阴影的错觉。

 


20.给翻页填充渐变。左面翻页上的渐变要深一点,因为它有一个对象的颜色和它是非常接近的(个人觉得编者指的是日历的面皮和第2个翻页上的颜色比较接近)。执行对象菜单>路径>位移路径,也就是之前我们使用的第5步上偏移路径的方法,偏移卷曲页以增加一些些的亮点(注:偏移路径在角点上会产生一些小问题,我觉得使用描边再扩展是个不错的选择)。

 


21.你可以使用渐变给新的形状一个微妙的变化,这样可以提亮翻页上的边线。

 


22.使用日历面皮的形状和最下面角上压扁的方形,可以很容易地创建一个投影。执行效果菜单>模糊>高斯模糊,输入数值(模糊看上去很柔和就行了)以表现出阴影的效果。

 


成品图

把投影放在日历的底层,给日历的面皮一个渐变,简单的图标就完成了!

 


好了,以上的信息就是小编给各位Illustrator的这一款软件的使用者们带来的详细的设计简单的三维日历图标的制作教程解析分享的全部内容了,各位看到这里的使用者们,这个图标的用途很广。只要你有想象力,你就可以编辑修改日历的面皮以适应各种不同的需求,那么大家就快去按照小编分享的自己去制作吧。

时间: 2024-07-31 17:29:19

Illustrator设计简单的三维日历图标制作教程分享的相关文章

Illustrator设计简单红色零钱袋图标绘制教程

给各位Illustrator软件的使用者们来详细的解析分享一下设计简单红色零钱袋图标的绘制教程. 教程分享: 在Ai软件中,新建一个800*800的文档,选择钢笔工具,勾出如下图形,并填充颜色,如图所示   然后再选择钢笔工具,勾出如下的图形,并填充颜色,如图所示   接着选择圆角矩形工具,画一个圆角图形,并添加渐变颜色,如图所示   接下来选择椭圆工具,按住shift画两个正圆图形,并添加渐变颜色,如图所示   最后选中所有的图形编组,再到效果-风格化-投影,如图所示     效果如下图所示

Illustrator设计漂亮的布料按钮图标制作教程

给各位Illustrator软件的使用者们来详细的解析分享一下设计漂亮的布料按钮图标的制作教程. 教程分享:             好了,以上的信息就是小编给各位Illustrator的这一款软件的使用者们带来的详细的设计漂亮的布料按钮图标的制作教程解析分享的全部内容了,各位使用者们看到这里了小编相信大家现在是非常的清楚了制作方法了吧,那么各位就去按照教程自己去尝试着绘制一下吧.

PhotoShop绘制简洁的紫色高光日历图标制作教程

ps教程学习用PhotoShop绘制一个简洁的紫色高光日历图标,这种比较简单,主要用到了圆角矩形工具和图层样式,后加个白色高光即可. 先看效果图. 新建文档1000x1000像素,背景白色,新建图层填充黑色,加一个渐变叠加样式,具体参数不截图了,童鞋们随便弄一个即可,效果如下. 新建图层画一个黑色圆角矩形,半径30像素. 添加图层样式. 分类: PS鼠绘教程 ps图标制作教程

PS翻译教程:立体效果的日历图标制作教程

简单的把教程翻译了一下,有些粗略,喜欢的可以看看! 效果图: 教程加载: 1.新建文档,尺寸自定. 2.使用钢笔工具绘制矩形,颜色填充黑色,效果如图. 3.在图层1下方新建普通图层,使用钢笔工具绘制路径,为其制作立体效果,并填充灰色,如图. 4.同样新建空白图层,使用钢笔工具绘制上方图层,并填充灰色,注意绘制的折角,这样看起来更加的真实. 分类: PS鼠绘教程 ps图标制作教程

Photoshop设计一枚时钟主题图标制作教程

给各位Photoshop软件的使用者们来说说设计一枚时钟主题图标的制作教程. 教程分享: 最终效果:   背景没什么好说的,就是做个渐变,设置前景色为#f8efe0,用圆角矩形工具画一个圆角矩形,这是我们的主体.   为圆角矩形添加一个图层样式.友情提示,渐变叠加样式中的图层混合模式是叠加,为什么是叠加,自己想想.         下面,我们强化一下投影效果,复制一层圆角矩形,置于我们主体圆角矩形的下层,更改颜色为黑色,执行一个角度为90度,距离为50的动感模糊滤镜,将图层混合模式更改为正片叠底

Photoshop立体UI图标制作教程分享

给各位Photoshop软件的使用者们来分享一下立体UI图标的制作教程. 教程分享: 首先让我们来新建一个高度为560,宽度为420.   填充背景为:#fbf5e7   选择圆角矩形工具     画一个180*180,半径为10的圆角矩形 填充颜色为:#a9d0e1     ctrl+t,然后右击旋转,旋转45°,然后右击进行扭曲(其中万万不可双击取消变形哦)   可以拉辅助线,按住alt键,选中其中一个点,进行水平移动,这样是以中心为点进行的两边的延伸,哎呀,具体怎么个术语我也不是很清楚,就

Illustrator设计漂亮的日历图标制作教程

给各位Illustrator软件的使用者们来详细的解析分享一下设计漂亮的日历图标的制作教程. 教程分享:   估计是翻译的国外教程,有些语言不准确,大家自我辨识,大概意思能懂就行. 在过去几周,我们已经收到一些电子邮件,从不同的用户在其中,他们要求我们,如果我们能够分享关于图标发展的几个技巧.本教程是我们的答复,这些用户和一个小的贡献,大家有兴趣图标发展. 在本教程中我们将会向您展示如何设置"娇媚"我们最流行 ​​的图标的日历 图标,在开始开发你的图标,您必须先有一个清晰的视野,你的图

Illustrator设计细节丰富的404错误页面制作教程

给各位Illustrator软件的使用者们来详细的解析分享一下设计细节丰富的404错误页面的制作教程. 教程分享: 一.创建新文档然后设置网格 首先ctrl+n创建新文件,从单位下拉菜单中选择像素,在宽度框中输入600,在高度框680,然后单击高级按钮,从上至下依次选择RGB,屏幕(72ppi),并勾选使新建对象与像素网格对齐,然后单击确定. 启用网格(视图–显示网格)和对齐网格(视图–对齐网格).编辑>选项>指南>网格,enter 5 in the Gridline every box

Illustrator设计线性条纹几何艺术图案制作教程

给各位illustrator软件的使用者们来详细的解析分享一下设计线性条纹几何艺术图案的制作教程. 教程分享: 一.创建艺术画笔 制作条纹图案,我们最先要思考的就是用什么工具能更快捷地实现它.因为诸如条纹.圆点.格子--这类基础图案都有着重复某种视觉规律的共性,因此,我们首先可以先建立好这个视觉规律.条纹的视觉规律就是多线条的并行,因此,我们可以先将线条定义为一个艺术画笔,用这个艺术画笔去勾勒我们的图形.这个思路确定好后,我们就开始动手吧. 打开AI,新建一个960px*1200px的文件.新建