[2.5d]快速实现2.5D等距插画风PS＋AI

这次带给大家的是如何用Ps Ai 做矮小上的2.5D等距插画风，只做原创精品设计文章，好案例配好文章，希望大家能喜欢。

来来来顺叔原创良知教程又一次强势而来。

这次带给大家的是如何用Ps Ai 做酷炫的2.5D平面作品，异样为了此次文章教程，应用上班在家空余工夫撸图撸了两个清晨，准绳只做原创精品设计文章，好案例配好文章，希望大家能喜欢。

之前那篇《突变色教程》文章大家反响可以说相当不错，平台热度、人气、点赞、关注、珍藏度直线上升，能帮到小同伴们是我最大的动力，做设计行业文章教程最后目的就是能希望协助到更多设计师小同伴，很单纯、很复杂。完全收费贡献上我一些能量，我不是设计大神，也不是设计大佬，我只是有多年丰厚的互联网设计经历。

希望用我一些经历能去协助更多设计师，我开心、我高兴，传递正能量。虽然平常白昼任务都比拟忙碌，也坚持上班回家座在电脑前撸图撸到清晨两点，坚持原创、支持原创。再做每一次教程的时分都会去做一张或多张的原创设计案例，围绕案例去发散讲设计技法、设计思绪、设计流程、设计标准，长篇详细解说。只是希望能协助到需求的人，很欢送大家转载设计文章，但转载时分希望平台转载文章时署名原作者、及文章来源，这样更好的维护原作者的知识版权。不为别的只为苦逼辛劳在夜深人静的时分为大家带来良知精品设计文章。

好了言归正传，话不多说教程开端

2.5D在设计运用中不断比拟抢手，无论是海报、H5、闪屏、banner都会运用2.5D插画作风。C4D、pc、AI都可以完成这样的2.5D等距扁平插画风用AI做的也不在多数，次要看本人的软件操作习气，哪个随手用哪个，最终到达效果就可以。有人说，如今的设计师不会C4D都不好意思说本人是设计师，说假话目前来说我还真不会C4D，但是，我会PS、AI啊。所以干就完了，由此就有了这样的一个教程，应用PS. AI两个软件的结合做扁平2.5D等距插画作风。

有人说干什么这么费事用两个，是不是在炫技，是不是炫技不重要，重要的是这个教程确实是良知教程，满满的干货。让你理解到在AI里应该怎样做，PS怎样去做，无论怎样也好只需大家能明晰的理解这个作品从无到有的进程，如何考虑的一些角度就可以了。在这个制造的进程中会触及到几个知识点，只需详细的仔细的去记住这几个知识点，然后依据本人的一些想法和创意去做是没成绩的。详细知识点会在前面章节中引见。在这个教程进程中次要还是让大家理解一下设计思绪、其次是技法。这样都比拟理解的前提下在停止创作会更轻松一些。

2.1 几何形体组合

在学素描后期都先从圆、正方形、长方形、圆锥、圆柱形几何形体开端练习,其中一个目的就是让理解物体的形体构造。作为根底形在之后更复杂的绘画创作中也会从根底型圆、正方形、长方形……等关联组合。异样在生活中一些物体也是几何形体关联组合演化而来。

那么会有人问了，顺叔你说素描几何形体和2.5D作品有什么关联吗？这次当然不是教大家如何去画几何形体和素描，而是通知大家物领会有这几个图形组成，那么这次的2.5D当中楼房（正方形、长方形、正方体组合）、树木（圆锥体三角形组合）、梯子（长方形、三角形正方形组合）、云（圆组合）也都会依据这几个根底图形停止全体框架，然后依据框架停止细节填充处置。

异样2.5D插画和积木玩具也有相反之处，都是有各种几何图形而堆积出一个场景。

2.2 外型空间才能

外型才能和空间才能也算是比拟重要，外型才能至多能让你图形如何摆放规划、让图形放置最合适的地位、从视觉效果来说不失均衡感、空间感可以让你画面更具有层级关系，层级更激烈，视觉效果也更激烈、空间感从大小、前后、远近等表现。

2.3 光影比照

整个的构造中，光影也尤其重要，首先要晓得天光是从哪打过去的。然后依据光源去为每一个面的颜色深浅变化同一个颜色下就可以运用颜色的明度深浅比照组合就行，光源弄好了看起来就比拟舒适，而且光源一致。

上述对设计上的一些了解和思绪，那么以上是怎样想，那么上面这些就是怎样做，

之后会有多个知识点，只需记住知识点本人在去设计应该会随心所欲。

PS中操作办法

（PS）做2.5D的时分在PS里一定要记住几个参数程度缩放86.6% 、垂直斜切30°、旋转-60°

依据这几个参数来演示一下。首先树立一个正方形，我这里演示尺寸为160×160，（尺寸大小可以依据需求而定不做限制）然后填充一个颜色。选区正方形图层，快捷键CTRL＋T自在变换，然后程度缩放86.6% 、垂直斜切30 ° 、旋转-60 ° 一个立体的正方形立刻变成了等角上方效果。

作为（1）来说就是给垂直斜切30° 、程度缩放86.6%成为正面，要另一个正面可以-30 ° 也可以复制出一个（1），然后程度旋转就可以失掉（2）效果，到这里三个面出来了，完全可以分解一个正派的2.5D等角上方效果。在PS中稍蠢笨一点，先有面在平面。

AI中操作办法

（AI）在AI中运用会更方便随手一些。首先也要建一个160×160的正方形然后效果-3D-凸出，选择地位-等角-上方这里只需依据本人需求调理凸出厚度就可以或许是端点调理。这里给的50PT厚度。最终效果如下：

异样操作，假如想要一个平面的在左侧那么就选择等角-左方，想要右侧那么选择等角-右方，是不是在AI中很容易失掉等距等角2.5D效果依据想要的图形可以组合各种想要的图形，到达最终效果。

那么有人又会问顺叔那在Ai里一个等角立方体那我怎样给各个面颜色，这个也很方便，选择对象-扩展外观，然后就会失掉各个面。在AI中给颜色也可在拖拽到PS里给颜色也可以，依据本人习气而定，就是这么随意。

讲到这呢知识点根本是讲完了，是不是觉得很复杂很轻松，操作和记住参数是很复杂。但是次要还是创意，如何把各个正方体、圆柱体、三角体组成一个创意效果确实是需求点工夫去思索。为了这次的教程顺叔彻夜两个早晨，从想法-创意-到手绘稿-到软件完成这样的进程。展现一下在做这个2.5D后期一些想法手稿，根本想怎样表现都要在本子上修修正改、最终觉得称心了在停止软件完成，以下为顺叔手稿。

以一个部分为例一个组合是有很多个图形而组成。

以上讲的如何制造2.5D想法、技巧都跟大家解说很清楚了，大家可以依据技巧去做创意组合，以下依据实例在稳固一下知识点、由于整个设计太大，假如整个都讲完会需求很长工夫，所以就从一个部分实例大致解说一下，希望能看的更明白一些。假如想要临摹也可以依据我原创的停止拓展创意，颜色上可以吸颜色、外型上等角等距算是固定、更多就是组合和创意由大家发扬。好了既然下面把小房子拆分，那就依照下面的部分局部给大家解说一下吧，如何制造。照顾到大家，所以演示在AI里做根底型，在PS里停止规划摆放处置。大家也可以不必这样办法可以在AI里直接停止也可，还是那句话怎样习气怎样弄。

首先在PS中ctrl＋n 树立宽800、高800、分辨率72、颜色形式RGB颜色。

点突变-在突变编辑器中选择突变颜色#a7cef3、#dac6f4 滑动蓝色向右让蓝色略微多一点，突变在编辑器中设定完之后确定然后在画面中从上往下角拖拽最终成为想要的突变色，背景就这么复杂完事。

接着AI翻开，树立图层，选择圆角矩形，双击画布空白处弹出圆角矩形设置框，宽度：450PX、高度：450px 、圆角：20PX点击确认，随意填充一个颜色。

AI中选择效果-3D-凸出，弹出选项设置，然后选择地位-等角-上方，X/Y/轴都不需求设置，需求设置的是凸出厚度，依据本人需求设置，值越大厚度越高，端点选择默许即可。选择确定失掉一个等角2.5D底座。

做到这并未完成，AI里选中图形，选择-扩展外观，目的是可以让这各个面都拆分出来，然后可以给予各个面颜色。

这特别留意，开端转换软件，把方才的在AI里拆分的各个面一个一个的拖拽到PS里给予颜色值，图形在AI里也可以给予颜色，但为了让大家愈加理解所以 PS AI 协同停止，依照本人的习气来，这个操作就比拟费事了一步骤。

拖拽到PS画布中，之后给下面两正面颜色，下面颜色#f1e9ec 两侧突变色#af97d8、#d1bddc、突变角度90。

地基曾经打好啦，开端建房子了，下面说了2.5D在AI里会复杂一些，所以我的分配协同就是AI里做根底型，PS里做颜色。这样结合最终会在PS里完成。所以我们还回到AI里双击画布弹出圆角矩形设置框，宽度328 、高度190、圆角半径0确定，选取长方形在效果-3D-凸出在选项中选择地位-等角-上方，X/Y/轴都不需求设置，然后设置凸出厚度60PT。异样在AI里选择-扩展外观，各个面拆分。然后各个面拖拽到PS中，在PS中给各个面颜色。

PS中给各个面颜色下面#f9f4d5、左面#f2c0a0、左面 #f7ddb2，复制一个下面的图层，然后CTL＋T自在变换、shitf＋ait等比例缩放，填充颜色#fae7b3，复制出一个立方体，然后然后CTL＋T自在变换、shitf＋ait等比例缩放，到最合适区域，然后在复制一个立方体等比例缩放，一个比一个小的罗列，这房盖下面根本完善，然后还有个冒光的光束，在PS中依照边缘钢笔工具勾选一个这的区域，然后给突变即可。给画面节添加效果，那么装点一些颗粒的东西下面局部完成。

房盖局部完成，那开端制造房子下局部，还记得在AI中的一个宽度328 、高度190、圆角半径0确定矩形吗，做下局部还需求回到AI中，异样给予矩形效果-3D-凸出，弹出选项设置，别的都不变，只是凸出厚度变成350PT值。然后选择-扩展外观，拆分各个面。拖拽到PS中给予颜色，大家发现一个成绩没，只需做出来一个剩下的依据套路就可以完成剩下局部的元素。能够数值略微有些变化。

在PS中给予三个面颜色、因有房盖了所以三个面中的顶面就不要了，只需左左面即可给两个面颜色,首先左面突变#fd9383 #fdaf92色值突变角度90度，左面突变为#fdc4bb、#feb294 色值突变角度90度。

为墙体做一个腰线，会让墙体细节愈加丰厚丰满。在AI中，找到之前墙体的下面局部，然后给予描边粗细为3，背景图封闭，选择工具点一下A点然后delete去掉，然后给描边一个白色颜色值，拖拽到PS中放在墙体适宜地位。

墙体完成，觉得有点不通透，有点闷，所以按一个门让修建空气流通一下。这次门在PS里停止，首先要给一个圆形矩形工具，半径设置50，宽度50PX高130填充颜色#653d71,然后把下局部去掉，ctrl＋t自在变换，只设置W：86.6 、V30度即可，然后失掉一个正面，放置到房体合适的地位上，假如门大可以依据需求调整等比例大小,，为了透视画三角形然后给个颜色，让门更生动透视更精确。

有门那么也应该有一个窗户、窗户是平面的所以在AI中停止比拟方便，首先在AI里树立一个正方形，然后效果-3D-凸出，凸出厚度5PT,地位-等角-右方，接着，对象-扩展外观，给予颜色，#f09981、#fec7be。然后在复制一下单面给予颜色#edecf6，等比例减少到最佳地位。

接上去就是制造台阶，台阶也是平面构成，所以在AI里停止。首先在AI里树立一个小一点的矩形，然后描边、选择工具点A点DELETE去掉，复制出一个衔接，然后快捷键CTRL＋D复制、想要几个台阶就复制多少个，这里为了演示就复制5层，全选图层CTYL＋J衔接、接着对象-变换-倾斜弹出框设定倾斜角度-30、轴为垂直、角度90，复制出一个作为B点，绘制一个矩形顶盖变形等轴角度。结合A、B点角度、用钢笔工具完成矩形延伸、然后复制摆放、台阶下面颜色#faede8 。立侧颜色为#fdaf92、异样正面也是需求钢笔工具来完成，这时分一个台阶制造完，把台阶拖拽到PS中摆放适宜地位