我们就是那个传说中那个「听音乐也不忘做 PPT」的神秘组织。

每次打开音乐类 APP 的首页,都会看到一堆好看的海报、banner 设计,而且我注意到部分海报有个共同特点:

在这些海报上,文字和图片很巧妙地结合在了一起!

那么问题来了,这样的设计到底好在哪里,仅仅是因为好看吗?

其实,设计师们把图文结合起来设计,还有一个重要原因——

手机上的 banner,页面太小了,还要求「人要大」、「字要大」,只有像下图这样,图文结合起来设计,才能放下大尺寸的人和字:

如果不结合起来设计,字号瞬间就会缩小一半,手机党看着特别吃力:

回想一下,在 PPT 中我们也经常遇到这样的问题:想要突出的信息太多,排版起来很是头疼……

这个时候我们就可以用「文字结合图片」的方法,让 PPT 页面排版清爽、层次清晰!

「文字结合图片」的方法具体应该怎么用呢?往下看 ↓↓↓

01

图叠字

很多 banner 海报都采用了「图叠字」的方法,来打造排版清晰的页面:

在 PPT 里我们只需要将免抠图的图片素材(或者自己手动抠图的素材)叠在文字上方,就能实现这样的效果啦:

此外,图片直接叠在文字下方也是很常见的一种节省空间、打造清晰排版的方式~

有时候文字过大,遮挡了图片上的内容,怎么办?我们可以使用「镂空文字」:

这样就能在节省页面空间、打造清晰排版的同时,给图片更大的展示空间~

此外,镂空文字还可以把文字轮廓改为渐变色,让 PPT 页面色彩更丰富:

温馨提示:

❶ 「图叠字」时要注意避免遮挡文字的关键笔画,有些文字遮挡住了关键笔画,传达的信息可是截然相反呀。

❷ 镂空文字需要选择合适的字体、合适的轮廓粗细,有些笔画细的字体,增加了文本轮廓后会变得很难看:

使用「图叠字」的方法做 PPT 时,记得避开这些坑~

02

图穿字

上文我们提到了「镂空文字」,其实在镂空文字中使用「图穿字」,是很常见的做法:

在 PPT 中,我们可以通过「布尔运算」,做出「图穿字」的效果:

不太理解「布尔运算法」的同学看看下图~

先把原图中的宇航员抠出来;这里我们只需要让宇航员的脚露出,所以把抠出来的图裁剪一下,只保留脚的部分;最后叠放在文字上方就搞定啦。

此外,直接让文字和图片穿插排版,也能取得很惊艳的效果:

在 PPT 设计中,使用免抠图素材,是最常见的打造穿插效果的方法:

为文字设置渐变色也一样能做出穿插效果:

是不是有种文字隐在建筑后面的感觉?

用心观察的同学一定已经发现了,这里我们只需要给文字设置渐变、调整渐变角度&渐变色的透明度,就能打造穿插效果,都不用花时间去找免抠图素材了!

温馨提示:

使用渐变字时,建议选择线条不太复杂的图片,如上文例子中的建筑,这样渐变穿插的效果会更自然。

如果实在要用线条复杂的图片,就别偷懒,赶紧去抠个图吧~

03

图填字

把图片直接填充进文字,在 banner 中也有所体现:

PPT 里「图片填充文字」的操作不用我多讲了吧,不明白的同学看看下图 ↓↓↓

在【设置文字效果格式】中,选择【图片或纹理填充】:

至于填充方式,我们可以直接填充:

或者,当老板提出「奇葩」需求,想让这页 PPT 静中有动、动中有静的时候……

我们可以为文字填充 GIF 动图(前方高能预警):

▲我司戏精同事

「图片填充文字」的好处是让文字信息处于绝对地位,同时让图片作为文字的补充说明、装饰元素。这样既能精准传达一页 PPT 的信息,又不失美观~

温馨提示:方法虽然简单,但也别拿到素材就胡乱填充啊,要注意文字笔画得足够粗,粗到能够露出图片的关键信息。

04

立体字

「立体字」即通过为文字添加三维旋转效果,让文字直接进入图片的空间中:

这样一来能够大大增强图文的整体性~

再举个例子,对比看看:

显然,使用「立体字」,不仅能让文字和图片很好地融合在一起,页面的空间感也更加强烈!

小技巧:

PPT 里的【三维旋转】选项,我们除了使用系统默认的旋转效果,还能自定义旋转的角度~

依次单击【形状效果】-【三维旋转】-【三维旋转选项】,我们就可以设置 X、Y、Z 轴的旋转角度:

这样一来,文字就可以 360° 无死角旋转了!

温馨提示:

在制作 PPT 的时候,可别让文字旋转的角度太大,否则会影响文字识别度。

以上的小技巧和小提示,相信聪明的同学都已经 get 啦!

讲到这里,估摸着大家已经忘了前文的内容,我们最后来简单回顾一下「图片结合文字」设计的方法吧:

❶ 图叠字

❷ 图填字

❸ 图穿字

❹ 立体字

今天的内容就到这里啦~