非凡资讯

平面设计培训资讯>上海UI界面设计培训—用Illustrator打造多边形纸艺效果雪糕

上海UI界面设计培训—用Illustrator打造多边形纸艺效果雪糕
发布日期:2016/11/21 15:55:58     2272 分享
 风靡全球的(上海UI界面交互培训)低多边形风格让我们耳目一新,而平面上不断发挥创意的同时,尝试一下3D效果又有何不可?谈到3D,大家肯定第一时间会想到专业3D建模的软件,而往往普罗大众的硬件还没有跟上3D的步伐,根据平面设计的经验,3D好像也离我们有一段距离。所以,复杂的3D我们不能涉足,但至少我们学过立体素描,知道阴影和高光的关系,这就够了。这个教程就是学习用AI打造3D多边形纸艺效果的雪糕。

这个教程中我们(上海UI培训)将要学习到的知识点是:

  1. 斑点画笔工具的运用
  2. 多边形构造
  3. 纹理的运用
  4. 渐变填色

一、手绘建模

所谓手绘建模,其实只是个为了(上海UI设计培训)提升自己逼格的说法。根本上说,也就是好像画素描一样,勾画轮廓,确定阴影和高光。

打开AI软件,新建一个文档,文档大小800px*800px。先利用斑点画笔工具,用手绘板绘制底稿。底稿的作用只是一个基础造型,最终并不参与到画面中,因此,你可以先新建一个图层,将手绘的部分独立出来,这样等到不用时再关闭该图层。

可能很多人会问为什么这里(上海UI界面交互设计培训)要用斑点画笔工具,而不是画笔工具。当你用鼠标左键双击斑点画笔工具图标,就会弹出斑点画笔的工具选项。在面板中,你可以对画笔的压力进行相应的设置。除此而外,斑点画笔工具画出的线条是一个封闭的填充型的路径,而如果你是用其他画笔工具,想要成为一个填充型的路径,还需要扩展外观这一步。上海UI设计培训

在画布上勾勒出雪糕的轮廓线,由于我们所做的是(UI界面交互设计培训)多边形纸艺效果的雪糕,我将全部采用的是黑色1pt直线条来绘制。上海UI设计培训

二、钢笔绘制多边形

按照你所勾勒的(上海UI设计培训)边线部分画上多边形,多边形务必要保持为一个封闭路径,这是为接下来的填色作准备的。新建一个图层,将多边形的图层与上一步所画的手绘草稿区分开来,并锁定手绘的图层。

首先,确保已经打开了智能参考线,如果没有,可以使用快捷键Ctrl+U打开。填色选择白色,描边为黑色1pt。然后使用钢笔工具,比照刚刚手绘的(上海UI交互设计培训)轮廓线开始绘制。如果你觉得这样重叠在一起视觉上比较容易混淆的话,可以解锁手绘图层,选中手绘图案,再进入到外观面板中更改填充色,将填充色变为另一种容易区别的颜色。

上海UI设计培训

智能参考线(上海UI界面设计培训)可以帮助你自动对齐每个路径的交叉和锚点。

上海UI设计培训

如果对自己的造型还不太满意,你可以用直接(上海UI界面交互培训)选择工具对某个锚点进行单个的移动和调整,但要保持整个画面是“无缝”状态。

上海UI设计培训

三、填色-蛋卷部分

在我们画(上海UI交互设计培训)素描的时候,最能表现立体感的就是高光和阴影了。这里也不例外。但如果只是黑白阴影过渡毕竟也太平淡。所以,我们可以先选择一组简单的配色,在色板上慢慢调试。

我在这里选择两种最主要的颜色,一个是雪糕的蛋卷部分和雪糕的部分。主色就这两种颜色,其他的高光阴影色可以根据这两种颜色的基础上调试。下图是是我的配色,我决定要画的是(上海UI界面交互培训)抹茶口味的雪糕,当然你也可以画草莓味或巧克力口味的雪糕。

上海UI设计培训

在填色之前,我先将光源定于右上角的位置。然后再用肉粉色对蛋卷的部分进行渐变填充。填色的时候记得(上海UI界面交互设计培训)要关闭黑色的描边。渐变的方向根据光源进行变化,你得需要脑补现实中存在这样一个纸艺造型所呈现的明暗变化。上海UI设计培训

采用肉粉色填充渐变的部分,大家可以利用渐变工具(上海UI界面交互培训)调整好合适的线性渐变的方向。选择合适的颜色进行渐变。上海UI设计培训

四、纹理

由于蛋卷部分看上去比较单调,我们可以为其增加一些纹理。例如我在这里(上海UI界面交互设计培训)就为它增加格子纹理。格子的纹理可以自己制作。首先,采用直线条工具画上一根1pt的白色线条,再复制一根与其平行,然后利用ctrl+D快捷键重复上一步的操作,这样就画出了横向平行的线条,利用同样的方式在纵向也画出同样的平行线条,这样就做好了白色的格子。

上海UI设计培训

将格子编组后,把格子纹理稍微旋转,使其视觉上合理化。由于要使用两次,因此,格子可以复制一份放于画布外留着备用。上海UI设计培训

记住这里一定是按照形状放在(上海UI设计培训)上方纹理放置下方的叠放次序,因为我们要建立剪切蒙版。

将要准备使用纹理的形状复制一份,放置于最上方,同时选中复制的形状和位于其下方的纹理,进入【对象>剪切蒙版>建立】上海UI设计培训

运用同样的方法,做出另外一边的蛋卷。把备用的(上海UI培训)格子拖过来。又一个剪切蒙版完成后,可以在两个形状的分界地带增加一根白色线条。

上海UI设计培训

五、填色-雪糕球部分

雪糕球我采用了五边形的(上海UI界面设计培训)多面体作为基础的造型,在填色的时候,只需要考虑配色和光线即可。但也并非如此简单,在对光线明暗过渡的把握中,细微的色差都会造成整个画面的失衡,因此处理时需要千锤百炼。上海UI设计培训

六、装饰

来到这一步,你就可以尽情发挥你的想象来增加一些你喜欢的装饰。例如我在这里增加彩条糖霜。

先画上一粒糖霜,利用(上海UI界面设计培训)圆角矩形工具,画上一个长12px,高2px,矩形半径为1px的形状,关闭描边,填色可以选用荧光色,尽量选用和绿色的雪糕球反差较大的颜色。

然后再利用复制粘贴的方式,适当改变矩形的大小、角度和颜色,利用复制制造出云集的效果,很快就可以得到一片糖霜。上海UI设计培训

把这一组装饰放置在雪糕球的上方。最终装饰后的效果如下图。
上海UI设计培训

你可以改变雪糕球的(UI界面交互设计培训)填色和装饰,再做出其他“口味”的雪糕。
上海UI设计培训

雪糕球只是一个简单的造型,大家在动手制作的(上海UI设计培训)时候可以尝试一些相对复杂的构图,这样会更加有趣哦~


本文来源:优设网http://www.uisdc.com/ai-polygon-ice-cream。整理:UI界面设计培训老师。如有侵权,请联系小编更正。(版权声明:推送文章我们都会注明作者和来源,除非确实无法确认。部分文章推送时未能与原作者取得联系,若涉及版权问题,烦请原作者联系我们。)

相关文章:
上海UI界面培训大咖分享UI界面中文本列表和图像文字的布局方式
上海非凡学院UI界面设计师培训专业学员就业感言
上海普陀UI界面设计培训_如何向面试官介绍设计作品?
上海普陀UI界面设计培训中心
上海虹口UE界面设计培训_界面交互设计中手机UI与Web UI的区别
免费试听热门课程
在线客服
热线电话
非凡学院公众号