瞬间提升PPT设计感的方法-运用层次

2018年7月15日02:01:38 发表评论 84
摘要

通常我们夸奖一个人的幻灯片做的好可能会这样说:你做的幻灯片画面感很强啊,很有层次!那什么时层次?如何提升PPT设计的层次?

瞬间提升PPT设计感的方法-运用层次 导读/

通常我们夸奖一个人的幻灯片做的好可能会这样说:你做的幻灯片画面感很强啊,很有层次!那什么时层次?如何提升ppt设计的层次?

瞬间提升PPT设计感的方法-运用层次

通常我们夸奖一个人的幻灯片做的好可能会这样说:你做的幻灯片画面感很强啊,很有层次!

说到幻灯片的层次感,其实就是通过改变画面中元素的大小和阴影形式,对颜色纯度、亮度、透明度的控制,以及元素摆放的层级关系,遮罩与裁切的运用等,来分开画面主次关系,营造画面的层次。

那么,上述的这些属性我们可以随便的调整吗?不是的,无论是元素的调整,还是动画的赋能,都需要我们遵循【还原现实场景属性】的原则。

01有层次的幻灯片都会遵循现实

比如我们要对一款手机进行展示,我们拿到手机的模型,把它置于水面上的这样一个场景。

为了突出画面的通透感,我们会先对手机屏幕做透视处理,截取被手机遮挡住的背景图片,然后再打开手机的倒影,让水面可以反射出手机的影子,再增加一个水面的波纹,最后,在合适的位置添加文案。

瞬间提升PPT设计感的方法-运用层次

这样下来,整体画面就会显得浑然一体。也因为你所有的元素设定其实都是遵从【现实条件】而设定的,所以既有层次感,也很【适合】

但如果是同样的方法,把手机放在了草地上,或者是土地上,你再在打开手机的倒影,这种操作就显得有些的尴尬了,草地怎么会反射手机的影子呢?这种很明显的错误会被人一眼看穿的。但往往就是这种疏忽被我们所忽略。如图:

瞬间提升PPT设计感的方法-运用层次
瞬间提升PPT设计感的方法-运用层次

所以呢,对现实场景的认知很重要,也要规避这些问题,并通过对这些小细节的梳理为画面点睛和赋能。

02妙用“裁切”营造层次感

我在这里制作了一张幻灯片,向你说明巧用「裁切」能够让画面更加立体。如图:

瞬间提升PPT设计感的方法-运用层次

❶首先搜集素材,选图很重要。

我们使用透明PNG的素材下载网站https://www.freepngs.com/,找到一些超级玛丽的高清图,和一些手机的照片。

❷脑洞的构思阶段。

我们想用平面的方式,让画面看起来更有立体感。所以第一张图,我们想营造出一种让玛丽兄弟穿透画面跳出来的感觉。所以我们选择了这样的构图方式。

瞬间提升PPT设计感的方法-运用层次

❸图层的分析阶段。

用户最终感知的其实就是一张图片而已,但是把玛丽这样放到画面上,其实画面平,就需要我们主观的进行分层处理,如图:

瞬间提升PPT设计感的方法-运用层次

我们利用剪切工具,剪掉不需要用到的图层部分,玛丽兄弟就可以跳出画面了,得到下图:

瞬间提升PPT设计感的方法-运用层次

但这还是不够的,为了保证画面的通透感,最终我们选择了较粗的线框作为主视觉区间,并增加了文案。

瞬间提升PPT设计感的方法-运用层次

怎么做到的呢?其实除了必要的剪切以外,我们还要有分层的概念。如图:

瞬间提升PPT设计感的方法-运用层次
瞬间提升PPT设计感的方法-运用层次

绿色遮挡蓝色,蓝色遮挡红色,所以绿色在最顶部的图层,蓝色置中,红色是被遮挡物体,在最底部的图层。

❹图层丰富细节的阶段

完成了所有的剪切过程后,我们来为画面添加配景元素,和底部背景的纹理材质。

1.边框我们留出了「出血」,将小玛丽放在上面,营造出趴在窗户上的感觉。

2.花盆就留在了窗台上。

3.底部用矩形拉出了一些线条,填充黑色——透明度20%左右。

这样我们就完成了一张幻灯片。如图:

瞬间提升PPT设计感的方法-运用层次

到这里,你可能会问,平时很多图片都是不规则的图形,我要怎么裁切呢?下面我们就会用到的是【遮罩】。

weinxin
我的微信
本站专注IT互联网领域,分享有用的教程和资源,目的就是希望大家共同进步,一起学习!
IT教程网

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: