阿里这张海报的2.5D风,用在PPT里绝了,2个案例教你上手

阿里这张海报的2.5D风,用在PPT里绝了,2个案例教你上手
...

刷手机的时候,蹦出来一个页面链接,见它风格有趣,就点开看了。

呐,如下图:

...

果然是时下比较有意思的风格——2.5D风,可能有些朋友了解,但想完成这种效果需要借助专业工具。

其实不用那么麻烦,使用PPT也能一键完成!

...

所以,这篇文章,就来跟各位聊聊,如何用PPT打造一份2.5D风格的幻灯片?

最后还准备了超多2.5D风的素材给大家,领取方式在文末~


什么是2.5D?

我们先看几张2.5D风格的页面:

...
... ...

2.5D,顾名思义,比3D少0.5D,比2D多0.5D。

那这0.5D的差别在哪里呢?

很简单,一张图来解释,就是我们看到一个物体表面的数量:

...

很容易理解,对吧~

再看一下前后的对比效果,是不是2.5D风给人的感觉会更加的空间感和层次?

... 修改前 ... 修改后



2.5D风如何PPT制作?

这是一张原稿,使用圆形箭头用来呈现循环关系,如果把它改成2.5D风格,要怎么做呢?

...

比如这种:

...

原稿中有6个循环节点,所以先绘制6个底座:

...

操作的方法也很简单,主要分为两个步骤。

1、插入6个正方形,先来调整下渐变:

...

2、设置三维旋转,并在三维格式中调整正方形的深度,使其更有立体感:

...

为了在视觉上更有创意,我们可以将两个方块,叠加在一起:

...

接着,我们再来完成循环图的布局形式,使其左右对称分布即可:

...

接下来用线条将其串联起来,即可呈现循环关系:

...

这里我们可以在底座上方插入一个矩形,并调整渐变,使其有光线放射的感觉:

...

把文案放到对应的底座上方即可:

...

最后,为了让底座看起来更整齐,我们可以绘制一些网格线条:

...

最后进行组合优化,一张2.5D风格的PPT页面就完成了:

...


到这里,是不是发现2.5D风格的页面,没有你想象的那么难呢?

再来看一个案例:

...

原稿算是架构图,但由于图标不统一,正文文字阅读存在一定障碍。

我们可以把它做的有趣点,类似下图这种2.5D风格的:

...

当然,我们不需要做的那么复杂,因为只有四个点。

先使用三维旋转中预设,来制作一个等距视角的平台:

...

根据页面中的内容,来确定 4 个平台的摆放位置:

...

接着,塑造细节。通过渐变面、渐变线条的组合,让平台更立体:

...

页面中的图标,则统一使用 2.5D 风格,并匹配主体色:

...

将正文分段换行,这样内容更加清晰明了:

...

将上述内容拼组,一个2.5D风格流程图就完成了。

...

为了让背景更加丰富,我们还可以在背景上加一层等距网格:

...

最终效果:

...

到这里呢,经过两个案例的讲解,关于2.5D风格的制作你是不是有了更多的了解呢?

...

对了,上图就是我给你准备的超多2.5D风素材!

关注我,私信回复关键词【2.5】就能领取了!

...

觉得不错,大家可以点个赞哦,以及有什么问题欢迎在评论中留言~