
掐指一算,好像很久没出特殊玩法的教程了~
刚好前几天有小伙伴提问:有没有立体图表可以参考一下?
由此延伸到以前发的一篇文章,里面整合了一些高质量的立体图表:
-
我知道,PPT自带的图表你已经看腻了,是时候养养眼啦!
那么问题来了,文章中的这种效果,要是只会 PPT 能不能做?

经过 @隔壁家老廖 的提醒,通过关键词 microworld 找到了一些参考图:

仔细想了想,似乎也没有很难,主要是用到了裸眼 3D 效果,结合切面光影的变化应该就能搞定。
-
学会了裸眼3D在PPT中的运用,涨薪速度跑车都跟不上!
相通了关键点之后,那就大胆地试试看
前排提醒:本文属于 PPT 进阶教程,提到的插件与操作以前都写过,相当于综合运用,看不懂的地方记得多想多试。
首先,在摄图网上找到了一张敦煌鸣沙山的摄影图,用来做这种效果刚好合适:

顶部图片的使用,有一些简单的要求:
-
作为三个面的主面,图片不能过暗
-
需要正视俯拍角度,方便与方块结合
-
主体元素四周要有留白,方便裁剪
有了图片后,接着我们需要得到三个面的拼合形状。
先绘制 3 个矩形,前两个矩形大小一致,最后一个是正方形,长度与左侧矩形的长度一致:

之后,全选三个矩形,使用 OK 插件-三维工具中的沙漪立方拼,旋转三维角度后得到下图:

只需要旋转到中间的竖线大致垂直即可。
参考阅读:『沙漪立方拼』教程汇总
接下来,使用任意多边形工具,沿着三个切面的顶点,绘制出 3 个不同的形状。

把图片拖进来,置于底层,缩放调整到如图的位置:

使用 OK 插件把图片原位复制一份,先选中图片,再按住 Ctrl 点选顶部的形状,布尔运算-相交得到下图:

再把植物与建筑等元素抠取出来,盖在顶部。

顶部大致的效果就做好了,接下来需要做两个侧切面。
从网上找一张浅色土壤纹理,与两个切面的形状布尔运算:

接着使用 OK 插件三维工具中的三维刷,把三维格式参数刷到纹理上。
需要注意的是,如果侧面用的是海洋等有具体元素的图,则要先三维旋转并原位转图后,再进行布尔运算。
接下来,找到另外一张深色土壤纹理:

使用任意多边形:自由曲线工具,简单勾勒出深色土壤的区域。

这里同样是用图片与形状布尔运算,土壤与地表接触的位置应该与植被的位置一致。
需要注意,这里的地质剖面并不严谨,仅作效果参考。
之后,找到一张沙子纹理图,使用 OKPlus 插件调色后,再次勾勒自由形状并布尔运算,得到沙漠的剖面图。

接下来复制侧面形状,填充渐变色并调整透明度做成蒙版,让三个面的明暗关系更加明显。

可以看到,顶部的图片最亮,因为光是从右上角打下来的,所以左侧切面最暗。
接着用任意多边形工具,勾勒出阴影的形状,填充渐变色并设置柔化边缘:

之后,丰富一些小细节,再左上方加一些小鸟,给右侧的大树加一个若有若无的投影。
在方块的底部添加接触阴影、投影,并用免抠斑驳纹理素材装饰一下:

参考阅读:带上这批矢量斑驳纹理素材,和你一起做旧PPT!
两个侧面还是有些奇怪,我们把侧面的沙子纹理换个浅色的,再叠加一层黑色蒙版,让侧面的底部更暗:

到这里,主体的方块就做好了。
插入一个与页面等大的矩形,填充射线渐变,使用口袋动画插件的超级蒙版功能,把渐变的中心点移动到页面右上方。


最后,在方块的左右两侧底部,添加一个高透明度高柔化边缘的沙漠阴影,用来模拟方块反光到地面的效果:

教程到这里就写完了,其实就是各种图层的叠加,各种细节的丰富,最终效果如下:

虽然整体看起来还可以,但 PPT 无法精准的调色,涉及到透视或扭曲变形也比较麻烦。
如果是稍复杂的场景融合,还需要通过 OK 插件的正片叠底来做图片的半透明效果,总的来说不如 PS 等软件方便。
拓展阅读:PPT大神都不知道的骚操作,居然一次性教你6个!
但是,并不妨碍我们用 PPT 探索更多可能~
或许有很多人和我一样,只会 PPT 作图,是吧?
好了,要是练习的过程中遇到难点,想了解某个具体效果的参数,可以下载 PPT 源文件自行拆解。
我把 100 多张 microworld 参考图,以及这篇教程的 PPT 源文件一起整理好了,大家可以后台回复【鸣沙山】获取。

以上,就是今天分享的全部内容,希望对你有所启发~
网友评论