没想到大家的热情这么高，很快就达成了目标！于是就有了下面这篇文章。为了弥补模仿的缺陷，我还加了一个非常简单的动画作为补偿：记得看视频
记得看视频
记得看视频
是不是又可以了呢。看似并不复杂的页面其实还是包含了非常多细节的：在上篇文章中，我提到了科技图绘制的四步法，在这里依旧可行：首先是拆解，这一步非常重要，复刻的效果很大程度上取决于你的观察程度。那么如何系统的拆解呢？我认为可以分两部分，即提取配色和拆解元素：首先是配色。由于科技风页面多为渐变色，很难取到一个准确的色彩。那么该如何提取页面中的配色呢？1.eagle法：将图片导入eagle（付费软件）中，可自动识别出图片的配色2.图片像素化：PPT里选中图片，在艺术效果中选择【浅色屏幕】预设，可将渐变色变为一个个纯色的小方块，方便后期取色。得到一组配色后，我们要将这组配色添加到PPT的母版中：这样做是为了方便后期快速取色。当然这组颜色只是参考，具体需依据参考图做调整。接着拆解页面的元素，可以粗略地分为主体和背景两大类：到此，准备工作结束。我们提取了页面的配色，并且拆解了元素。下面就进入复刻环节（由于画型、上色、组合等步骤是交织在一起的，可统称为复刻）。因为只有确定了背景，主体的那些渐变样式才能看出效果。就好比拍摄时只有先调好灯光，才能拍到想要的效果。这里分为两层，底层是一个纯色背景，上层是顶部亮光。2．调整滑块的位置、颜色及透明度（具体参数可下载源文件查看数值）选中对象——右键设置形状格式——查看填充类型及渐变样式等——鼠标点击到单个滑块上还能查看对应的属性（颜色、位置、透明度等）后续关于具体的RGB参数就不写在页面里了，下载源文件查看更为直观。原图底部看似是纯色背景，细看会发现其实是由许多线条组成的：我们先把线条按照原图位置一条条画出来，为了避免遗漏，可以分组进行绘制：选中线条——在线条样式中选渐变线，调整滑块数量、颜色及透明度等属性即可。（注：选择圆形的端点类型会更圆润）这种若有似无的纹理线，当你在不经意间发现它时会惊叹作品的质感！手机端由于屏幕尺寸及分辨率压缩可能看不太清，但放在大屏幕上效果极佳。页面左右两侧有两组极光。对于初学者可能比较懵，这种若有似无，虚幻的东西在PPT里该如何绘制？其实方法都是类似的。绘制形状——柔化边缘——调整透明度——加入有色阴影。具体的参数可下载源文件查看到此，背景的各部分都绘制完成了，拼起来得到如下效果：底部有6个立体的发光小球，然而PPT中没有自带的3D光影效果，这时可以借助渐变填充来模拟这种光感：注意射线渐变和线性渐变的区别。要想灵活的掌握科技图的绘制，每种渐变类型的特性一定要知道。当正常透视关系的科技图绘制完毕后，我们将它组合为一个整体，并选择向右的透视预设，调节细节参数即可。首先选择合适的渐变类型，接着通过调整滑块的属性（位置、颜色和透明度等）来完善细节，以达到理想的状态。除了调整渐变外，我还给最下层的圆环添加了阴影来模拟发光效果：首先选择一个阴影预设（内阴影），接着调节模糊、距离和透明度调整细节（注意这里的阴影是有颜色的，也就是发光的那个颜色）。之所以选择阴影而不是发光效果是因为阴影参数的可操作空间更大。了解了这些之后呢，就需要参照原图反复调整细节以达到一个理想化状态。这个过程非常耗时，需要一定的耐心及经验。这部分绘制相对复杂，但方法都是类似的。即分析对象特点，并联想相应的PPT功能素材组合部分单独依靠PPT已经无法绘制了，需要借助网络搜索相似的素材：这里我推荐花瓣网、觅元素、摄图网去找这类PNG素材。在搜索时，善于使用关键词（如科技地球、光效、科技点线等）可提升效率。这部分绘制起来没有任何难度，关键在于耐心（注：这里的粒子点线是我逐个画上去的）最后这部分需要一定的技巧。其实原图是一个半透明的水晶底座，但由于能力有限，我表示画不出来，所以仅还原了部分特征。1.画一个中心射线渐变圆
2.设置一个透视方式并调节参数3.将形状剪切为图片并设置发光散射的艺术效果
4.利用islide补间动画增加厚度至此所以元素绘制完毕，组合后得到终稿：
其实这类看似复杂的科技图都是由一系列基础图形组合而成的，绘制的难度并不算特别大，关键还是取决于观察力和耐心。以上就是此次复刻的完整复盘（由于篇幅有限，具体的参数可下载源文件查看），希望会对你有所启发。最后感谢你能看到这里，我将这份复刻的动态PPT源文件以及教程的PDF文件分享给你
——
公众号：Slidecent
原文链接：用PPT复刻完这页科技大片，我升华了！（附源文件）
赣公网安备36100202000190号