就学这几招,今年最流行的2.5D风小白都能做出来
「啊~,2.5D,你比 2D 多半 D。啊~,2.5D,你比 3D 少半 D~」
近年来,越来越多的 2.5D 风元素,正在被广泛运用在平面广告和 PPT 设计中。
让人印象最深的是「微信跳一跳」刚兴起那会儿,天天守在手机前的动力,除了与朋友圈晒成就感的原因外,也跟简约新奇的 2.5D 风格有关。
看腻了二维扁平风的作品,三维设计又对技术和软件要求较高。这种介于二维和三维之间的 2.5D 风,于简约中又不失立体感,简直能让我们的作品独树一帜鸭~
想知道2.5D 风怎么做?方法其实很简单,赶快跟着教程一起动手练习吧~
01
原理介绍
◆ ◆ ◆
原理:2.5D 风是根据统一和地面呈 45 度的摄像机视觉来安排画面内容的一种设计风格,最常用的视角为等视角轴。
在 PPT 的【设置形状格式】-【效果】-【三维旋转】-「预设」功能中,顶部的四个旋转按钮即为等视角轴下的旋转角度,直接使用它们,就可以让我们又快又好地实现 2.5D 风效果。
02
等视角轴处理文字
◆ ◆ ◆
首先我们先进行最简单的文字处理。后台经常有不少小伙伴问这种和背景相融合的文字效果怎么实现,制作原理跟我们的 2.5D 风是一样的。
选中「文本框」,单击【设置形状格式】-【三维旋转】-【等轴左下】。
这种文字旋转的处理方式,可以让我们的文字不再拘于单一的平面。
03
等视角轴绘制主体形状
◆ ◆ ◆
以大楼为例,用矩形工具绘制出四个面,依次设置为「等轴左下」、「等轴右上」、「等长顶部朝上」、「等长底部朝下」。
将其组合在一起,楼房的基本形状就出来了。
按「等视角轴」继续处理其他的几个平面,完成大楼的上面两层和旗帜部分,操作方法简单,不过需要多花点时间调整细节呦~
下面我们接着讲解「手机」该如何制作。
使用「圆角矩形」绘制出手机的整体造型,将其设置为「等长顶部朝上」。
特别说明一下,由于手机使用圆角矩形绘制,无法像矩形一样无缝拼接。所以我们在处理时,可以用两个矩形补齐缺失的空白部分,形成透视效果。
大楼前的三棵小树以及其他装饰部分的绘制与大楼的制作方法相同,这里就不做过多赘述。
观察原图,发现手机尾端部分还有个渐变阴影,这个的实现方法也很简单。先将图片设置为渐变填充,再选择【等长顶部朝上】,然后移动到相应位置即可。
做完的 2.5D 风模型,再添加标题和正文,一页简约又好看的 PPT 就完成啦~
04
2.5D 风元素可以去哪下载
◆ ◆ ◆
除了我们自己绘制 2.5D 风元素,网上其实有不少网站可以直接下载2.5D风 PNG 素材或 PSD 源文件,修改配色或直接使用都非常方便。
❶ 千库网:http://www.58pic.com/
❷ 觅元素:http://www.51yuansu.com/
❸ 90设计网:https://ibaotu.com/
05
2.5D 风 作品可以去哪借鉴
◆ ◆ ◆
除了素材,我们还可以去一些具有 2.5D 风作品的网站,借鉴大神们的版式、配色以及搭配,遇到好看的设计,及时保存和模仿。站在巨人的肩膀上可以让我们看得更高~
❶ Dribbble:https://dribbble.com/
❷ Behance:https://www.behance.net/
❸ 花瓣网:http://huaban.com/search/
借助以上网站和 2.5D 风元素,我为大家做了份 2.5D 风 PPT ,欢迎大家借鉴和模仿,期待你能做出更好的设计呦~