「跳一跳」大火,2.5D设计又回春了?(附教程)

281

*做设计·不抠图,png元素丨背景丨模板丨办公文档丨视频音频丨原创商用,一个千库网就够了!

「跳一跳」大火,2.5D设计又回春了?(附教程)

最近微信大火的游戏跳一跳,先不说那些1000多分的人,上辈子是不是弹簧,千库酱先来聊聊跳一跳之类的页面中的2.5D设计。

一、2.5D是什么?

2.5D又称伪3D,确切的说实际上是带有3D平行透视角度+2D设计风格,最早出现在游戏设计中。这就不得不提2014年大火的《纪念碑谷》:

「跳一跳」大火,2.5D设计又回春了?(附教程)

作为2.5D的经典之作,《纪念碑谷》非常“生动”地向我们展示了2.5D“伪立体”效果。在C4D大火之前,国内的许多电商就已经疯狂使用了2.5D效果,像这样:

「跳一跳」大火,2.5D设计又回春了?(附教程)

「跳一跳」大火,2.5D设计又回春了?(附教程)

除了电商头部,2.5D设计还广泛应用在插画当中:

「跳一跳」大火,2.5D设计又回春了?(附教程)

「跳一跳」大火,2.5D设计又回春了?(附教程)

「跳一跳」大火,2.5D设计又回春了?(附教程)

二、2.5D和3D的区别

(1)制作难度

毋庸置疑,2.5D从制作难度上就低了3D一大截,在之前的C4D文章中,秋裤菌就已经介绍过,想要制作效果优异的3D作品必须借助C4D等3D建模工具,而2.5D借由PS/AI即可完成,制作门槛较低。

(2)设计水平

随着制作难度的差异,相比之下对于设计师的水平也有明显区别,2.5D要求的是设计师的构思能力,包括对于图像“立体”的绘制,而3D对于设计师建模能力有很大的要求。

(3)发展前景

虽然最近2.5D因为跳一跳等小游戏有“回春”的迹象,但是从目前行业发展的走势来看,3D甚至于5D会是未来的主要设计趋势。

三、如何制作2.5D

(1)PS软件制作2.5D效果

利用PS制作2.5D效果其实并不难,只需要有一个辅助网格线就可以轻松实现了。

1、首先用“直线工具”绘制两条水平直线

「跳一跳」大火,2.5D设计又回春了?(附教程)

2、将其中一条直线旋转30°,另一条旋转-30°,将旋转后的直线合并

「跳一跳」大火,2.5D设计又回春了?(附教程)

3、多次复制并平均分布

「跳一跳」大火,2.5D设计又回春了?(附教程)

好了,这样的一个辅助网格线就制作好了。剩下的步骤就是绘制形状,然后利用“旋转”和“斜切”命令,做出2.5D效果图了。

(2)AI软件制作2.5D效果

在AI软件中则很简单,可以上述的方法,也可以使用默认的3D滤镜转换成3D图形。

1、给形状添加效果-3D-凸出与斜角

「跳一跳」大火,2.5D设计又回春了?(附教程)

2、按照下图所示参数进行设置

「跳一跳」大火,2.5D设计又回春了?(附教程)

好了,这样一个2.5D效果就已经制作完成了↓

「跳一跳」大火,2.5D设计又回春了?(附教程)

虽然是2.5D效果,但是模型的不同面颜色也是不一样的,只需要将3D图像选中,然后使用“对象-扩展外观”就可以对模型的不同面进行颜色的调整了。

「跳一跳」大火,2.5D设计又回春了?(附教程)

其实用C4D制作2.5D会更加容易一点,如果实在对C4D等3D软件无法驾驭的库粉,可以尝试使用常用工具制作哦~

喜欢的话就给千库酱一个吧!

留下一个答复

Please enter your comment!
Please enter your name here