2.5D插画:用AI绘制2.5D风格剪纸插画(3)

UI / UI设计教程 / UI图标教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:佚名

关键词

这一步绘制完成之后大体块的绘制完成了,已经完成了一大半了。加油~歇歇眼~接下来丰富场景细节。

2.1 这一步任务是细化场景,让场景看起来更加丰富。在这一步也可以发挥自己的脑洞,加什么都可以喽~我在这里加入了,学UI网的logo、五周年纪念、对话气泡、流星、梯子。

①其中学UI网的logo需要用钢笔工具抠出来在AI中执行3D,在PS中调整颜色即可

②对话气泡需要将形状绘制出来AI中执行3D(转化为3D时如果不是一个图层记得打组),如果觉得不好看或者角度不对尝试水平翻转一下,说不行会有意想不到的结果呢、

③五周年的数字可以找一个好看的字体同样在AI中扩展外观后进行3D转换、梯子直接就在PS中绘制即可,这个过程可能有些繁琐,同样也是最需要细心的地方。如下图示意:

2.5D插画:用AI绘制2.5D风格剪纸插画,PS教程,思缘教程网

2.2 仍然是细化、丰富加入你喜欢用的软件吧~这一步需要注意的是近的亮些远的暗些,实现方法老一套,如果不会自己再仔细揣摩揣摩~实在不会可以在加小编的V:Cy-mufeng(安然无恙)~

2.5D插画:用AI绘制2.5D风格剪纸插画,PS教程,思缘教程网

2.3 加入各种各样的小人,让整个场景动起来~出来排队楼~

2.5D插画:用AI绘制2.5D风格剪纸插画,PS教程,思缘教程网

2.4 最后一步!主角出场,UI作业网。像是浏览器页面一样承载着UI作业网页面,体块按照统一的透视角度来,就像堆积木一样~字体同样执行对象-扩展外观-效果-3D即可,注意这里加的光芒。在大背景细节上加上星星,左右的两个紫色的圆圈下面放出细节图。如图:

2.5D插画:用AI绘制2.5D风格剪纸插画,PS教程,思缘教程网

2.5D插画:用AI绘制2.5D风格剪纸插画,PS教程,思缘教程网

到这一步就完成了,UI教程网站,可能有的同学觉得后面太快了,每一步都应该像讲主体那样细致,我觉得那样就没有什么意义了,何况所有的知识点基本在主体的步骤时都已经涉及到了。总有些东西需要自己想,这样才有意义,必须去动脑动手实践的才更有价值。

 收藏