qchart能绘制三维_就学这几招,今年最流行的2.5D风小白都能做出来!

c09c4df5eddb97ba7819417653f7dbf1.png
「啊~,2.5D,你比 2D 多半 D。啊~,2.5D,你比 3D 少半 D~」

大家好,这里是秋叶PPT~
近年来,越来越多的 2.5D 风元素,正在被广泛运用在平面广告和 PPT 设计中。
让人印象最深的是「微信跳一跳」刚兴起那会儿,天天守在手机前的动力,除了与朋友圈晒成就感的原因外,也跟简约新奇的 2.5D 风格有关。

0c024174a98bbcd156adbf46d813b775.png


看腻了二维扁平风的作品,三维设计又对技术和软件要求较高。这种介于二维和三维之间的 2.5D 风,于简约中又不失立体感,简直能让我们的作品独树一帜鸭~

45c25e80b056dbb84fc2bca4077b167d.png


想知道 2.5D 风怎么做?方法其实很简单,赶快跟着教程一起动手练习吧~

bb72740615c691cca4078ccfb4fe6c0a.png

原理介绍

原理:2.5D 风是根据统一和地面呈 45 度的摄像机视觉来安排画面内容的一种设计风格,最常用的视角为等视角轴。


在 PPT 的【设置形状格式】-【效果】-【三维旋转】-「预设」功能中,顶部的四个旋转按钮即为等视角轴下的旋转角度,直接使用它们,就可以让我们又快又好地实现 2.5D 风效果。

1044dbc808c58bbb68ebf4f2e6bb7bb2.png

35717e78c0fc27801fa473c526a98e63.png

等视角轴处理文字


首先我们先进行最简单的文字处理。后台经常有不少小伙伴问这种和背景相融合的文字效果怎么实现,制作原理跟我们的 2.5D 风是一样的。

1b5449fd384d0d91baf49fdf2fd05297.png


选中「文本框」,单击【设置形状格式】-【三维旋转】-【等轴左下】。

5034d616e06b2aec330e2a95f476b741.gif


这种文字旋转的处理方式,可以让我们的文字不再拘于单一的平面。

5a7119eb2479c08ec157594ee9354a73.png

等视角轴绘制主体形状


以大楼为例,用矩形工具绘制出四个面,依次设置为「等轴左下」、「等轴右上」、「等长顶部朝上」、「等长底部朝下」。

7d5ac644f79554be8261c1221ed5866f.png


将其组合在一起,楼房的基本形状就出来了。

3dd59e6622015dbb5954b1491c4159da.png


按「等视角轴」继续处理其他的几个平面,完成大楼的上面两层和旗帜部分,操作方法简单,不过需要多花点时间调整细节呦~

ef16faba1a7ea0db6d7c8e3476fb01dc.png


下面我们接着讲解「手机」该如何制作。
使用「圆角矩形」绘制出手机的整体造型,将其设置为「等长顶部朝上」。

4ebb7a6ee139d39eecf75244fde7a5e9.png


特别说明一下,由于手机使用圆角矩形绘制,无法像矩形一样无缝拼接。所以我们在处理时,可以用两个矩形补齐缺失的空白部分,形成透视效果。

e2d88eda3f1fc71542987bafbe2139a9.gif


大楼前的三棵小树以及其他装饰部分的绘制与大楼的制作方法相同,这里就不做过多赘述。
观察原图,发现手机尾端部分还有个渐变阴影,这个的实现方法也很简单。先将图片设置为渐变填充,再选择【等长顶部朝上】,然后移动到相应位置即可。

1a8c4b99bb000b4d8992dae9eff3afb4.png


做完的 2.5D 风模型,再添加标题和正文,一页简约又好看的 PPT 就完成啦~

5d9062454ffd53c70ad9f0d54f756bf4.png

43cfa86dd1501eeac04de9b4ad4b4af0.png

2.5D 风元素可以去哪下载


除了我们自己绘制 2.5D 风元素,网上其实有不少网站可以直接下载2.5D风 PNG 素材或 PSD 源文件,修改配色或直接使用都非常方便。
❶ 千库网:http://www.58pic.com/

45c63167b5aa0dbd531b46b41496df7a.png


❷ 觅元素:http://www.51yuansu.com/

5ce3c690a803a30897974e88e4ebb99e.png


❸ 包图网:https://ibaotu.com/

e895dcdfac2c181109bb2c4ec35cfd0a.png

a30e9a71eb0895883a177198fb582783.png

2.5D 风 作品可以去哪借鉴


除了素材,我们还可以去一些具有 2.5D 风作品的网站,借鉴大神们的版式、配色以及搭配,遇到好看的设计,及时保存和模仿。站在巨人的肩膀上可以让我们看得更高~
❶ Dribbble:https://dribbble.com/

877a7f487b9f4317d2173c7d76dce4bc.png


❷ 花瓣网:https://huaban.com/

76b4843da72ee78195c46a88a5cedfb5.png


借助以上网站和 2.5D 风元素,我为大家做了份 2.5D 风 PPT ,欢迎大家借鉴和模仿,期待你能做出更好的设计呦~

45fe5c2e5f9cc81bcf66ad0bce3317b2.png


怎么样,是不是被2.5D的设计风所折服了呢?

马上动手尝试吧!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值