PPT中的图片怎么排版才会好看? |
您所在的位置:网站首页 › 5张照片排版 › PPT中的图片怎么排版才会好看? |
作为常年接PPT定制单子的我,忍不住分享5个高段位的图片排版技巧。多年经验总结,甩泪分享给你,看完绝对让你大开眼界。 ![]() ![]() 对于PPT中的图片,大家都不陌生了,但是,你真的会用它吗? 做PPT,很多人经常是找一张背景图,复制在页面中,然后,直接在上面写字。 页面可能会变成这样: ![]() ![]() 但是,大神做PPT时,一定会对图片进行处理。 就像上面的案例,背景图的杂乱影响了文字的显示,而文字也干扰了图片的主题。 这是因为摄影师在拍照的时候,为了顾及到画面的平衡和美感,并不会为我们预留放置文字的空间。 这时,就需要我们通过裁剪的方法,来创造放置文本的空间了。 ![]() 具体怎么做呢? 1、图片裁剪图片右移 就拿刚才的页面为例,为了保持页面上的视觉平衡,让图文形成左右型排版。 ![]() 我们可以借助裁剪,把图片中的人物,调整到页面的右侧,从而为页面左侧创造出大面积的留白,以突显出文字。 ![]() 经过图片裁剪处理,是不是就好了很多! 图片下移 当背景图的主题在下方时,我们可以将页面做成上下型排版方式。 我们可以通过裁剪,将图片的地平线下移: ![]() 最后我们看一下效果,和刚才比,是不是好了很多呢? ![]() 图片主体放在页面1/3的位置 我们在遇到主体在页面下侧时,通过裁剪,将页面的水平线移动到页面1/3的位置。 例如,类似下面这种类型的图片: ![]() 通过裁剪,将页面的水平线移动到页面1/3的位置 ![]() 这样做的好处就是,在保证看清图片主体的同时,让页面产生更强的通透感。 听不明白也没有关系,咱们来看一下一组封面的对比图,你就会理解了。 ![]() 水平线处于页面 1/2 的位置。 ![]() 水平线处于页面 1/4 的位置。 ![]() 水平线处于页面 1/3 的位置。 哪张封面看起来更加的舒心呢?相信你一定有了答案。 为了让你更好的理解,我还特意找了一些相关的案例供你参考: ![]() ![]() 这些页面,背景图的水平线位置都放置在页面的1/3处。看上去很舒服,对吗? 复制补缺失的页面部分 另外,我们再来看一下那些大型发布会上的PPT页面。 ![]() 大多数都用了超宽屏,这样会让页面更有沉浸感。 但是,在做这些宽屏PPT的时候,会遇到一些棘手的小问题。 背景图太窄,不够用了!原本在普通的PPT尺寸比例情况下,图片显示效果良好: ![]() 而用在宽屏上,就很尬了: ![]() 可以看到,背景图难以覆盖整个页面。 而如果仅仅将图片拉大,就又会出现页面失衡的情况: ![]() 背景图主体偏右,这样页面不是很美观。 该怎么解决呢? 以我多年制作的超宽屏PPT的设计经验,分享一个超级实用的小技巧: 其实很简单,就拿刚才的页面为例。首先,我们移动图片,将地球置于页面中央: ![]() 接着,对图片进行裁剪,将裁剪线拖动到页面的中心线上: ![]() 然后,对图片进行复制,并将其水平翻转。这样就得到了一个与页面相契合的宽屏图片: ![]() 最后,添加上标题文字以及一些装饰线框,来看一下效果: ![]() 到这儿,图片不够用的尴尬就被巧妙地化解了。 简单的说,就是复制,然后补上缺失的部分就可以了。 当然,很多人会问,我们做的都是正常比例的PPT,这个方法没啥用? 其实,不然。因为你找的图片大小不一定都是符合PPT的尺寸,举个例子: 我们找到了一张图,放在正常比例的PPT中,但是,图片明显不太合适。 ![]() 我们可以试着用一下刚才所讲的方法。为了让你更加清晰的看到操作过程,这里我特意录了动图: ![]() 来看下最终效果: ![]() 是不是很惊喜! 以上,介绍了图片裁剪的方法,接着 我们看看图片还有哪些创意的排版方法: 2、多张图片平铺页面:华为发布会上经常用这种多图平铺放置的排版方法: ![]() ![]() 页面上加一层蒙版,降低对文字信息的干扰。 比如,仿照上面的案例,做了一些这样的页面: ![]() ![]() 如果觉得单调,还可以倾斜排版: ![]() 或者,加上一些小的设计元素: ![]() 用一些线条分割版面: ![]() 还是觉得单调,就把线条换成光效素材。 ![]() 是不是还不错? ![]() ![]() ![]() 考虑到有些读者对于样机这个词还不是理解,这里我简单解释一下,样机其实就是放置图片的一个容器。 举个例子,比如把手机截图放置到手机模型中,那么这个手机模型,就是所谓的样机。 ![]() 除了手机外壳样机,还有能够模拟某种场景的样机。比如能够模拟一群人在看电影: ![]() 当然,还有更酷的样机效果,比如多图片三维展示: ![]() 其实,做出这样的效果一点也不复杂: 只需要添加样机素材就可以了,所谓的样机,就是一些png图片,类似这样的: ![]() 我们只需要在 PPT 中,调整图片的大小,将其置于样机的下方即可。 ![]() 一张逼格很高的图片就做好了: ![]() 同样,合理巧妙的使用样机能做出很不错的PPT页面。 ![]() ![]() ![]() ![]() ![]() ![]() 然后,我们再说说,超多图片的排版方式,比如,很多张的企业logo,还有超多张的人物介绍图: 4、页面logo排版![]() 考虑到很多朋友对于 logo 的排版可能没有什么概念,所以在说创意的排版方法之前,咱们先来了解一下常规的处理手法! 常规排版方法 01.反白处理 由于页面中 logo 形态各异,而且颜色也不统一,页面就会显得十分杂乱: ![]() 要解决这个问题,其实很简单,统一 logo 颜色就好了: ![]() 一般页面背景为深色时,会把 logo 处理为白色,很多大型发布会的 PPT 都会用到这个方法。 举几个例子: ![]() ![]() 那么,该如何将 logo 反白呢? 如果你下载的是矢量 logo,直接填充为白色即可。 如果 logo 是 png 格式,我们只需要设置 logo 的亮度,将亮度调到最大就可以了。 ![]() 02.借助色块 色块简直就是 PPT 设计中的排版神器,可以规范页面中所有的杂乱元素。即使 logo 之间的视觉风格差异再大,只要加上色块就能大不一样: ![]() 而且我们只需要更改色块的形状,就可以有多种排版样式: ![]() ![]() 这里再跟各位介绍一个 PPT 中超好用的功能——更改形状。 ![]() 选中形状后,点击格式选项卡,再点击编辑形状就能找到了!我们只需要选中页面中的色块,再点击更改形状,就可以快速的变换页面中的版式了: ![]() 是不是很赞? 03.借助线条 使用线条,同样能够达到规整 logo 的目的,相比色块,使用线条会让页面看起来会更加的简约。 ![]() 学会上面这些方法,完全可以应对 logo 页面的排版需要。但是想让页面更加的出彩,只会上面这些,还远远不够。接下来,我就教你 4 种极具创意的 logo 排版方法。 创意排版方法 01.借助特殊载体 为了规整不规则的 logo,我们通常会使用色块作为 logo 的载体,这样做虽然没什么大的问题,但是页面会容易显得单调: ![]() 我们不妨换种思路,可以用橄榄枝代替原来的色块: ![]() 形式感是不是立马就有了? 02.错位排版 对 logo 进行大小错落的排版,让页面看起来更加有节奏感。而且这样做,还能够突出显示重要的合作伙伴。 比如对六边形错落排版,这里重点突出了华为: ![]() 圆形的错落排版: ![]() 又或者对菱形错落排版: ![]() 03.借助三维旋转 利用三维旋转,来营造页面的纵深感,让页面更加有层次,进而丰富页面的视觉效果。 比如我们把所有 logo 组合后,设置三维旋转,模拟向内延申的效果,来体现合作企业数量有很多的概念: ![]() 又或者将 logo 设置为向外发散的效果,提升页面的视觉冲击力: ![]() 04.制作 logo 云 可能大家对 logo 云这个概念感到很陌生,它是什么意思呢?和文字云类似,logo 云就是让 logo 按照某一种形状,错落有致的摆放在一起。 比如我们想要体现公司与合作企业之间的关系密切,可以把 logo 堆积成心型: ![]() 如果企业是与物流相关的企业,我们可以把 logo 拼凑成运输车的形状: ![]() 又或者我们只是想要体现合作伙伴数量有很多,借助虚实结合的手法,我们还可以将页面做成这样: ![]() 酷炸了! 5、多张人物介绍图片排版:多人物介绍页,算是 PPT 设计中较为常见的页面类型了,像融资路演、公司介绍等PPT ,为了彰显公司实力,都会用一页 PPT 来介绍公司的核心团队成员, 其实,对于人物排版,有很多值得注意的细节,如果你不了解,那么,你做出来的页面,很可能就长这样: ![]() 所以,来介绍几个人物介绍页的排版小细节: 1.保证人物主体的完整性 面对比例大小不一致的人物图片,我们需要对图片进行裁剪,统一图片形状以及大小,从而保证页面的统一性。 ![]() 而在裁剪人物图片时,就要保证人物主体的完整性。 什么意思呢?简单来说就是要保留人物的头部、颈部以及肩部。 ![]() 如果只保留头部、颈部,就会让人感到不适! ![]() 来看两个实际的案例: ![]() ![]() 你觉得这两个页面,哪一个视觉效果会更好呢? 2.统一人物大小 在处理人物介绍页时,在保证图片大小统一的基础上,我们还要保证人物头部大小一致,视线也要在同一条水平线上。 ![]() 为什么要这么做呢? 因为人的眼睛,容易被不一样的事物所吸引!举个例子,比如下面这一页幻灯片: ![]() 你会发现你的注意力会倾向第二张图片。这倒不是因为它占据 C 位,而是因为第二张人物的头部更大,更容易引起我们的注意。 ![]() 我们通过裁剪将第二张图片的人物头部大小与视线与其他图片保持一致,再来看一下效果。 把两侧的人物放大: ![]() 或者把中间的人物缩小: ![]() 和刚才比,效果都提升很多! 3.统一图片色调 通常情况下,页面中的人物图片往往是在不同环境下拍摄的,难免会有色调不一致的情况,如果不对图片进行色彩的统一,页面会显得不够协调,就像这样: ![]() 那么,该如何解决呢? 其实很简单,降低图片的饱和度即可! 比如下面这页幻灯片,就将人物图片的饱和度降低为0: ![]() 先选中页面中的人物图片,右键设置图片格式,再点击图片颜色,就可以调整图片的饱和度了。 ![]() 我们试着把刚才页面中图片的饱和度,统一调整为66%: ![]() 当然,我们也可以把饱和度降低为0: ![]() 观感上是不是好了很多? 以上,就是这些了。 这么多年的图片处理经验,都分享给你了,觉得有用就点个赞吧! |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |