AI新手教程!手把手教你打造多边形纸艺效果雪糕 - 优设网 - UISDC

AI新手教程!手把手教你打造多边形纸艺效果雪糕

2015/03/22 12681评论区

ai-polygon-ice-cream-1

编者按:多边形效果依然是热门趋势,想尽快上手,多练教程才是王道。今天@飞屋睿UIdesign 教同学们用AI打造3D多边形纸艺效果的雪糕,附上多边形系列教程合集,来收 >>>

多边形教程:

  1. 字体篇:《这效果超火!教你创建高大上的多边形字体》
  2. 头像篇:《热门教程!教你利用PS和AI制作low poly头像》
  3. 背景篇:《AI新手教程!教你简单快速地将图片变成多边形背景》
  4. 资源篇:《大福利!350M高分辨率低多边形背景图打包下载!》

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

这个教程中我们将要学习到的知识点是:

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

一、手绘建模

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

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

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

fw20150321

在画布上勾勒出雪糕的轮廓线,由于我们所做的是多边形纸艺效果的雪糕,我将全部采用的是黑色1pt直线条来绘制。

fw20150321 (1)

二、钢笔绘制多边形

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

在我曾经写过的文章《教你简单快速地将图片变成多边形背景》《手把手教你绘制大胆突出的波普风格人像》都有类似的画法的解说,大家有时间可以看看。

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

fw20150321 (2)

智能参考线可以帮助你自动对齐每个路径的交叉和锚点。

fw20150321 (3)

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

fw20150321 (4)

三、填色-蛋卷部分

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

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

fw20150321111

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

fw20150321 (5)

采用肉粉色填充渐变的部分,大家可以利用渐变工具调整好合适的线性渐变的方向。选择合适的颜色进行渐变。

fw20150321 (6)

四、纹理

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

fw20150321 (7)

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

fw20150321 (8)

记住这里一定是按照形状放在上方纹理放置下方的叠放次序,因为我们要建立剪切蒙版。还记得剪切蒙版吗?在我的文章《手把手教你绘制素朴的山谷小溪矢量图》

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

fw20150321 (9)

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

fw20150321 (10)

五、填色-雪糕球部分

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

fw20150321 (11)

六、装饰

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

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

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

fw20150321 (14)

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

fw20150321 (12)

你可以改变雪糕球的填色和装饰,再做出其他“口味”的雪糕。

fw20150321 (13)

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

【飞屋同学的私家精品教程人气榜】

TOP 1:教你快速搞定大受欢迎的多边形背景!
《AI新手教程!教你简单快速地将图片变成多边形背景》

TOP 2:手把手教你找到免费优质的高清大图!
《私家好货!设计师的高清图库收藏夹(附使用技巧)》

TOP 3:让配色变得特别方便简单的新手教程!
《配色弱有救了!教你利用图片创建独有的色彩方案!》

原文地址:ifeiwu
作者:@飞屋睿UIdesign

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量92万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

sdcweixin

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/ai-polygon-ice-cream

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

版式设计 交互设计师 界面设计 排版布局 职场 优设专访 设计师干货 优设大课堂 设计达人 配色 视觉设计 web前端开发 素材下载 AI教程 设计流程 设计理论 神器下载 字体下载 设计师专访 psd下载 设计规范 海报设计 用户体验设计 设计趋势 平面设计 动效设计 logo设计 图标设计 ICON 产品设计 神器推荐 App设计 字体设计 职场规划 酷站推荐 交互设计 ui设计 优秀网页设计 设计师职场 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里