那些效果炸裂的科技图,在PPT里怎么画出来?(附科技素材大礼包)

进阶提高3年前 (2021)更新 Slidecent
2,427 0 2

那些效果炸裂的科技图,在PPT里怎么画出来?(附科技素材大礼包)

大家好,欢迎来到Slidecent,

见字如面,我是林利蒙

 

我们经常在各大互联网厂商的发布会
看到很多酷炫高级的科技风PPT
 
它们动辄数千元一页!
这背后究竟隐藏着怎样的秘密呢?
那些效果炸裂的科技图,在PPT里怎么画出来?(附科技素材大礼包)
今天就和大家聊聊
如何用PPT绘制这种酷炫的科技图!
文末附科技素材大礼包!
 
首先来看几页案例:
那些效果炸裂的科技图,在PPT里怎么画出来?(附科技素材大礼包)
图源网络
那些效果炸裂的科技图,在PPT里怎么画出来?(附科技素材大礼包)
图源网络
那些效果炸裂的科技图,在PPT里怎么画出来?(附科技素材大礼包)
图源网络
是不是超级酷炫呢?其实这些看似复杂的科技图都包含了很多共性的元素。
 
下面我来介绍3类典型元素的绘制方法:即立体图、科技边框和科技图表:
 
那些效果炸裂的科技图,在PPT里怎么画出来?(附科技素材大礼包)
01.立体图

那些效果炸裂的科技图,在PPT里怎么画出来?(附科技素材大礼包)
什么是立体图呢?就是在平面中呈现出立体效果的图形,像是这种:
那些效果炸裂的科技图,在PPT里怎么画出来?(附科技素材大礼包)
按照复杂程度不同,又可分为两种。首先来看些相对简单的:
 

简易型

那些效果炸裂的科技图,在PPT里怎么画出来?(附科技素材大礼包)
这类图形多数是立方体和圆柱体的变形延伸,我找了一个类似的案例供拆解:
那些效果炸裂的科技图,在PPT里怎么画出来?(附科技素材大礼包)
左边这个图形是一个会发光的立方底座,看似很高端,其实绘制起来非常简单。
 
仔细观察发现,它是由一个个小的基础图形拼起来的,主要包括自带形状和特殊形状。
那些效果炸裂的科技图,在PPT里怎么画出来?(附科技素材大礼包)
自带形状:PPT中本身就有的
特殊形状:PPT默认图形中没有现成的
 
特殊形状的绘制主要用到编辑顶点及布尔运算功能,具体的操作可参考这篇文章:
 
PPT图形设计指南,看这篇就够了!
类似的案例还有这种,你能看出它们是由哪些元素组成的吗?(文末附源文件)
那些效果炸裂的科技图,在PPT里怎么画出来?(附科技素材大礼包)
 

复杂图

那些效果炸裂的科技图,在PPT里怎么画出来?(附科技素材大礼包)
它们多数是2.5D的具象化图形,像是城市、数据库等。
 
虽然我们也可以通过逐一绘制然后再拼在一起,但时间成本较高。如何快速达成我们想要的效果呢?
 
我常采用素材改造法,比如去网上找一个2.5D的矢量素材(如下图中的城市):
那些效果炸裂的科技图,在PPT里怎么画出来?(附科技素材大礼包)
 
这里我推荐islide插件库、摄图网、觅元素网站去找,里面都有大量可编辑的图形供下载。
 
然而目前的图形缺乏科技感,如果直接用在科技型PPT中会显得很突兀,怎么办呢?我想有的小伙伴已经猜到了,就是更改配色。
 
由于元素众多,我们没有精力去逐一填色。为方便起见,可以先设置一个渐变的样式,然后再用格式刷统一风格:
那些效果炸裂的科技图,在PPT里怎么画出来?(附科技素材大礼包)
效果虽然不如逐一上色好,但由于方便快捷,也是个不错的方法,用在PPT里也可以大大提升页面逼格。
 
02.科技线框

那些效果炸裂的科技图,在PPT里怎么画出来?(附科技素材大礼包)
科技线框是科技风中必不可少的元素,我们可以在各类科技页面中见到它的身影:
那些效果炸裂的科技图,在PPT里怎么画出来?(附科技素材大礼包)
什么是科技线框呢?下面来看一组对比:
那些效果炸裂的科技图,在PPT里怎么画出来?(附科技素材大礼包)
左侧是普通线框:样式单一,缺乏科技感
右侧是科技线框:样式丰富,未来感十足
 
这就是科技线框的魅力所在,用在页面中可极大提升逼格!那这种酷炫的科技线框如何绘制呢?其实也很简单。
 
第一步先拆分(观察它包含哪几部分):
 
那些效果炸裂的科技图,在PPT里怎么画出来?(附科技素材大礼包)
然后将元素分类,在我看来可以包含三部分:基础形状、特殊形状以及重复形状。
那些效果炸裂的科技图,在PPT里怎么画出来?(附科技素材大礼包)
基础形状(PPT自带的)
特殊形状(利用编辑顶点+布尔运算)
 
以上这两种绘制方法与简易立体图类似,而重复的形状元素则需要一定的绘制技巧:
 

技巧1:快捷键F4

F4(在PPT中是重复上一步操作)
那些效果炸裂的科技图,在PPT里怎么画出来?(附科技素材大礼包)
比如当你绘制了一个图形后,想快速得到一排重复的图形,就可以借助”F4”键来提高效率。
 

技巧2:文本转化

那些效果炸裂的科技图,在PPT里怎么画出来?(附科技素材大礼包)
输入一排横线,利用文本转化功能可以将其变成一个随意调节大小弧度的科技曲线。
 

技巧3:借助islide

那些效果炸裂的科技图,在PPT里怎么画出来?(附科技素材大礼包)
利用islide的环形布局,可以快速批量的绘制出一系列复杂的对称图形。
 
现在我们再来看这类看似“复杂“的科技边框:
 
那些效果炸裂的科技图,在PPT里怎么画出来?(附科技素材大礼包)
是不是简单了很多。
 
其实从绘制者的角度来看,它们并不是一个个抽象繁杂的科技图形,而是由基础的点、线、面元素规则排列组合起来的罢了
 
03.科技图表

那些效果炸裂的科技图,在PPT里怎么画出来?(附科技素材大礼包)
科技图表是数据可视化大屏中常见的元素:
那些效果炸裂的科技图,在PPT里怎么画出来?(附科技素材大礼包)
给人很强的未来感,看似工程量浩大。其实制作起来最为简单,只需一个步骤——渐变调色:
那些效果炸裂的科技图,在PPT里怎么画出来?(附科技素材大礼包)
左侧默认图表:普通
右侧科技图表:高级
 
这一切的差异也只在配色不同而已,立体图表也是类似的:
那些效果炸裂的科技图,在PPT里怎么画出来?(附科技素材大礼包)
好像什么都没变,又好像什么都变了。这就是科技感图表的秘密所在——半透明渐变色
 
以上就是3种常见科技元素的绘制方法,不知屏幕前的你是否发现规律了呢?
 
其实再复杂的科技图,在绘制时都只需4步:
拆解——画型——上色——组合
那些效果炸裂的科技图,在PPT里怎么画出来?(附科技素材大礼包)
拆解:将复杂图形拆成一个个小图形
画型:绘制单个基础图形
上色:给各图形分别填充渐变色
组合:将各图形组合拼接在一起
 
最后只需你有足够的耐心去尝试,就可以绘制出一份科技感满满的设计作品。你学会了吗?
 
当然眼过千遍,不如手过一遍。
如果这次【在看】过200的话,会带大家
从0到1制作一份科技图(参数级教程)
 
类似这个:
那些效果炸裂的科技图,在PPT里怎么画出来?(附科技素材大礼包)
如果你想实战的绘制一页科技大片,请一定点击右下角【在看】支持哈!
 
最后呢,感谢你能看到这里!我为你准备了一份诚意满满的科技素材大礼包!
 
内含此前收集的部分科技边框、底座、灵感图片等,相信你会喜欢:
那些效果炸裂的科技图,在PPT里怎么画出来?(附科技素材大礼包)
1.点击右下角【在看】
2.公众号后台回复【科技】
3.将本文分享到朋友圈秀起来
还有我之前还分享过一份光效素材大礼包,感兴趣的话可以在后台回复【光效】获取

——
公众号:Slidecent
原文链接:那些效果炸裂的科技图,在PPT里怎么画出来?(附科技素材大礼包)

© 版权声明

相关文章