weiyear
每人每天仅限5票，快给你心仪的作品鼓励的一票。
投票
0.0°
今年兴起的2.5d插画让很多人兴奋之余有感到困惑，看着很简单的场景却又不知道如何下手。2.5d插画实现的方法有很多，很多人会使用ps，本次教程使用的illustrator的做一个2.5d的等距网格，再配合简单的3d效果，轻松实现2.5d等距插画设计。
首先大家看看我们可以实现的效果吧（这些图有些是我看着原图临摹的，有些是自己的创作，如果有涉及到版权问题，请及时联系删除，本教程不做商业用途，仅做学习交流使用）
还有更多的效果这里就不一一列举了，接下来说说怎么做呢？
拿上面的一个图做例子：
（这是截图，看不清的后面有源文件）
分析下这个图，其实所谓的2.5d插画就是把每个元素的路径和锚点都落在网格的锚点和路径上，所以问题就在于这个网格上了吧？大家先看看这个网格到底长什么样“
这里为了让大家看清楚，我有把线条加粗
再拆分得到它的基本型：
现在大家应该就知道了，原来这里的网格是一个正六边形，再把每个点连接起来，这样的一个个基本网格再链接成一个大网格，当然这个制作过程就不需要大家做了，比较简单，我已经弄好了在文章的底部供大家下载。
所以，问题就变的很简单了，把场景图中的元素一个个落在相应的网格线和锚点上就好了，简单的操作一下做一个便利店给大家看看：
接下来就要利用一些ai的3d-凸出和斜角，做一下牌匾上的文字：
打上文字，字体选择一些较为方正的无衬线体效果会好一些
选择效果-3d-凸出和斜角
注意箭头指的参数，打开预览
位置选择，可以多试几个，凸出的厚度可以看自己的需求
如果现在想要二次修改位置和厚度等参数，可以调出窗口-外观面板进行修改：
将文本拓展一下外观，变成零碎的个体,对象-拓展外观：
最后再加个窗户和门框，完成。
这里做的比较简单，很多细节和配色都没怎么考虑，主要是向大家展示通过网格去制作这种2.5d的插画,底部有源文件的下载，大家一看就明白了，关于3d的功能大家可以先去尝试一下，有机会再出个教程作这方面的介绍。
全部评论：25条
更多作品
发表评论