本文总计:1747 字

预计阅读时间:5 分钟


电影院的 3D 电影,相信大家都看过吧?


我今天的目的,就是要让你把 3D 眼镜给摘了,却还能感受到作品的真实、立体。


这种技术,在早些年的时候,叫做裸眼 3D 效果,在 GIF 动图中效果很明显。


大家感受一下:




实际上,只是在页面中添加了两条竖线,就让画面看起来立体感十足。


在静态作品中,同样可以做到类似的效果。


以下面这张跑车图片为例:



我们只需要适当的裁剪,通过图片的形状以及线条的错层,形成一种立体的感觉。



虽然现在很少有人还把这种手法称为裸眼 3D,但是背后的设计思路与手法,却非常常见。


先给大家推荐 2 篇小教程,了解一下它在 PPT 中的玩法。


第一种:文字裸眼 3D 效果做折叠字


图源:秋叶PPT


这种效果看起来比较老,但是用来模拟走廊视觉,或者纯粹当作文字背景,也有不错的效果。

第二种:图片裁剪做裸眼 3D 效果


这种思路,通过抠图与裁剪叠加,得到立体感十足的作品。


具体的做法,上面的文章应该比较好理解,咱们就不细讲了哈。


实际上,并不仅仅是让大家学会这些炫酷的操作,更是让你更深入的了解,背后的原理与作用。


不胡乱炫技,优化细节并让其为内容服务,才是学 PPT 的正确思路。


裸眼 3D 效果在 PPT 中,最大的作用,其实是为了减少图片的页面占比,并让页面与图片更有层次感。


刚好周末重新整理了一下灵感库,看到一张不错的图:



下面就以这张图为例吧,我用 PPT 也仿制了一张。



这个页面看起来虽然非常棒,但实际在 PPT 中,留给文字的部分,太少了!


如果这页 PPT 还需要添加更多内容,就只能减少图片的占比。


既要保证效果,又要减少图片的比例,这时候裸眼 3D 的思路就派上用场了。



把右侧的车尾给盖住,右边就可以添加更多内容,看起来也更加饱满。


更进一步分析,如果想要在 PPT 中用好裸眼 3D 效果,就需要掌握它们的必备要素:


衬底+阴影(光源)+透视(纵深虚实)


举个例子吧,下图这种效果大家应该见的比较多。



一般通过抠图与裁剪,将两层图像直接叠加,从而做出这种伪 3D 效果。


虽然看起来还行,但实际上缺失了一些细节,让作品看起来不够逼真。


有些人可能会考虑,底部的色块有阴影,那么跑车也应该有阴影才对,于是做出这张图:



但是上图,是一张错误的示例。


注意观察跑车本身,左上部分更亮,说明光源是在页面的左上角。


光源在左上方,那么阴影就应该是往右下方才对,而上图跑车的阴影却是朝左下方的。


这,就是经常说的细节,很多新手看自己的作品,发现不了问题,其实还是心思花的少了,不理解背后的设计原理。


修改阴影的方向后,应该是这样的:



除了阴影,裸眼 3D 的另一个要素,就是纵深。


在上图的基础上,我们为其添加模糊渐变,车头清晰而车尾模糊,能够进一步加强立体感。



只需要复制一下跑车的图,虚化后用 OKPlus 插件调整图片透明渐变,再叠加上去即可。


具体的做法,以前有几篇文章都解析过,本文就不详细操作了。


同理,如果页面中要放的文字比较多,只要这样做就可以:



再看一个例子,我们在做产品介绍 PPT 的时候,经常会把免抠产品图,放到一个色块上方排版。



这样做,既用色块分割了版面,让排版更简单。


也让产品看起来是在一个平面上,而不是悬浮在半空中,给人一种不稳定的感觉。


但是,如果我们给产品添加阴影或倒映,裸眼 3D 的效果看起来会更加明显:



如果还想进一步加强这种感觉,只需要简单的线条就能搞定。



这种设计思路,在产品介绍 PPT 中,非常简单实用。


另外,再小小拓展一下,如果你在做产品介绍 PPT 时没思路,可以去淘宝上搜索一下相关产品,有一大把的详情页供你参考。


实际上,裸眼 3D 的思路,不仅仅局限于上面的这些用法。


还可以与剪纸风结合,做图文错层、渐隐、层叠排版,以及图表伪 3D、科技风底座、2.5D风格等。


背后的思路原理,其实是一样的,本文就不逐个拆解了,感兴趣可以自己探索练习一下。


最后,再来几张灵感图,加深一下感觉:



以上,就是今天分享的全部内容,希望大家喜欢哦~