最近我在花瓣刷灵感图时,看到了很多游戏弹窗截图。
在游戏玩家眼里,弹窗处处是坑,全都是烦人的广告;但在 PPT 设计师的眼里,这就是灵感的源泉啊!
我从这些游戏弹窗中,分析总结了 4 种 PPT 人物介绍的设计思路,这不,迫不及待来和大家分享了。
01. 透明渐变融合
最近在看社群作业的时候,发现很多同学会将人物图“腰斩”处理,这是很不好的做法。
如果想要将人物融合到背景中,且不那么死板,可以尝试为其设置半透明渐变。
比如,下面这张案例图:
![用这样的穿插效果做PPT人物介绍,还怕客户说没创意吗](https://tu.aboutppt.com/2022/04/frc-f74cdb63d2ffaf6de92f1952f2e5aa87.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
为了能够将人物与背景相融合,我给人物图设置了渐变透明,并在底部加上了云朵素材,使其与背景的天空白云相融合。
![用这样的穿插效果做PPT人物介绍,还怕客户说没创意吗](https://tu.aboutppt.com/2022/04/frc-ff59bbb3682e12a6433246d09ce984c2.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
这里用到的,是 OKPlus 插件的图片透明功能,选中人物图后,修改方向并拖动滑块即可。
那还有没有其他渐变融合的玩法呢?
当然有,来看这一页:
![用这样的穿插效果做PPT人物介绍,还怕客户说没创意吗](https://tu.aboutppt.com/2022/04/frc-3ac09208ddeaa5ec91f7a6ea8e6ae118.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
首先,将人物 V 字形排开,然后设置渐变。
需要注意,人物的底部需要保持在同一水平线上。
然后加上背景图,并在人物底部添加一道粉色的光效:
![用这样的穿插效果做PPT人物介绍,还怕客户说没创意吗](https://tu.aboutppt.com/2022/04/frc-63ebd9b5af75b4bccd163f153afa9538.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
这里的光效素材,一方面为了承载人物,另一方面则是为了有一道亮点突出。
拓展阅读:送福利!这些荧屏大片中用到的PPT素材,错过就亏了!
02. 破窗穿越融合
破窗穿越,听上去有点玄乎,但看完案例后又会觉得这个描述很形象。
首先,有这个想法,是因为一个文案:“突破极限”。
当我绞尽脑汁也想不出所以然的时候,突然迸发出了灵感,可以做个割裂破开的设计。
于是,动手搜了一波素材,关键词:破窗/破碎玻璃/火焰。
![用这样的穿插效果做PPT人物介绍,还怕客户说没创意吗](https://tu.aboutppt.com/2022/04/frc-b059acd9af8896cda18ee88f25a10907.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
着手处理素材之前,先勾勒出一个大概的线稿图:
![用这样的穿插效果做PPT人物介绍,还怕客户说没创意吗](https://tu.aboutppt.com/2022/04/frc-db6996a94bd67267b9aa6a481e909fa0.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
左边是一个破窗而出的效果,右边则是描述的文案。
开始动手改造
先用色块画出一个窗户,然后在效果选项中,找到三维旋转和三维格式,分别设置参数:
![用这样的穿插效果做PPT人物介绍,还怕客户说没创意吗](https://tu.aboutppt.com/2022/04/frc-b58f0685489e0a1841f71011342eacf7.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
窗户做好之后,来处理破碎的玻璃。
用布尔运算将玻璃色块剪除,可以得到一个和色块大小一样的碎玻璃:
![用这样的穿插效果做PPT人物介绍,还怕客户说没创意吗](https://tu.aboutppt.com/2022/04/frc-e0ed70a075626e9fa033d47d00cea7ce.gif?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
然后将它放进做好的窗户边框中:
![用这样的穿插效果做PPT人物介绍,还怕客户说没创意吗](https://tu.aboutppt.com/2022/04/frc-cb78ec089b0407df40f028a9a9a1b8af.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
来处理下人物穿插,将人直接放上去肯定不合适,为了更好的效果,需要简单裁剪一下:
![用这样的穿插效果做PPT人物介绍,还怕客户说没创意吗](https://tu.aboutppt.com/2022/04/frc-9f55225156cefa1bd2198bc96a1bd960.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
沿着窗户的边缘裁剪,就能做出一个伪穿窗的效果。
如果想要做得更真实,还需要进一步处理。
正常的情况下,破窗而出后,前后还会蹦出一些玻璃碎片:
![用这样的穿插效果做PPT人物介绍,还怕客户说没创意吗](https://tu.aboutppt.com/2022/04/frc-ec764899004b654a7dd29b5e4154e46f.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
就像这样,同样将玻璃素材,穿插在人的身上,不至于很假,然后将碎片处理下颜色,弄成—灰白色。
到这里,人物破窗的效果已经做得差不多了。
还记得前面准备的火焰素材么?如果还想突出紧迫感,则可以用插件为火焰设置透明渐变:
![用这样的穿插效果做PPT人物介绍,还怕客户说没创意吗](https://tu.aboutppt.com/2022/04/frc-daf332d74ec8199c120f8f07be345743.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
将处理好的火焰,穿插在窗户里,在外面放置一些零散的火苗,再和之前处理好的部分叠加。
这样,一个破窗逃离的效果就做好了。
![用这样的穿插效果做PPT人物介绍,还怕客户说没创意吗](https://tu.aboutppt.com/2022/04/frc-32af3154adf803164854885a1b2d0cbe.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
在右侧加上文案,适当将“破”字做下镂空处理,这页 PPT 就做完了。
03. 渐变融合
做人物穿插效果时,在人物底部叠加渐变色块的做法屡见不鲜。
如果你觉得这种做法已经烂大街,过于平淡,那么可以再叠加一层科技元素丰富细节。
以下图为例,先准备两个已经处理好的游戏原画素材,用菱形穿插:
![用这样的穿插效果做PPT人物介绍,还怕客户说没创意吗](https://tu.aboutppt.com/2022/04/frc-0708cc0968c827dbf1dbf57c1e1e63cf.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
将处理好的素材放到游戏场景中:
![用这样的穿插效果做PPT人物介绍,还怕客户说没创意吗](https://tu.aboutppt.com/2022/04/frc-f140a2baa181983cb2890b6282e15950.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
把游戏角色上移一些,再用布尔运算裁除超出菱形的部分:
![用这样的穿插效果做PPT人物介绍,还怕客户说没创意吗](https://tu.aboutppt.com/2022/04/frc-6ec9e7803acedef7d56c9b4621cb3c56.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
此处,只需要将科技波点元素融于角色底部即可。
小提示:这里对波点元素进行了改色处理,用到了 OKPlus 插件中的图片调色功能。
![用这样的穿插效果做PPT人物介绍,还怕客户说没创意吗](https://tu.aboutppt.com/2022/04/frc-ec43ff0ea19b74477751df9926b83f15.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
最后,加上游戏角色简介以及页面标题即可:
![用这样的穿插效果做PPT人物介绍,还怕客户说没创意吗](https://tu.aboutppt.com/2022/04/frc-dfb528b5bd010c14b8455814ca44fed8.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
为了让页面更有意思,还可以为其添加一个悬浮动画:
![用这样的穿插效果做PPT人物介绍,还怕客户说没创意吗](https://tu.aboutppt.com/2022/04/frc-512f8b3b89b04166415691cac2f7771b.gif?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
怎么样,是不是很酷?
04. 荧光颗粒融合
区别于前面的穿插效果,这是在人物的底部加上荧光线条和漂浮颗粒。
先画一个大概的线条穿插色块:
![用这样的穿插效果做PPT人物介绍,还怕客户说没创意吗](https://tu.aboutppt.com/2022/04/frc-99578758ca85257b2747b10fe2b70c09.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
接着为色块设置线性渐变:
![用这样的穿插效果做PPT人物介绍,还怕客户说没创意吗](https://tu.aboutppt.com/2022/04/frc-fa989fd0aaacb3eca4792860718b1b61.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
找一张线性图片,分别对三个色块进行填充,再和底部边框进行穿插。
![用这样的穿插效果做PPT人物介绍,还怕客户说没创意吗](https://tu.aboutppt.com/2022/04/frc-689a47acbf2c428b5f780374b49e906b.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
图片颜色与整体色调不符,需要调整下。
先在图片格式中,将图片颜色更改为相近色:
![用这样的穿插效果做PPT人物介绍,还怕客户说没创意吗](https://tu.aboutppt.com/2022/04/frc-18303e10438d2306df74a792334b4809.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
接着使用 OK 插件进一步调整颜色,将图片改成红色:
![用这样的穿插效果做PPT人物介绍,还怕客户说没创意吗](https://tu.aboutppt.com/2022/04/frc-8fea325675e5939e7c698b4aa0ae9742.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
同时选中渐变色块和图片,然后在 OK 插件中选择—图片混合—混合置换,再点击红色通道置换,即可得到色调相同的图片。
![用这样的穿插效果做PPT人物介绍,还怕客户说没创意吗](https://tu.aboutppt.com/2022/04/frc-99a9ca93b25c3194714a358c63141981.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
我们再加入一张背景图:
![用这样的穿插效果做PPT人物介绍,还怕客户说没创意吗](https://tu.aboutppt.com/2022/04/frc-8f0973330bddb323e67d83b353d21e96.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
底部的边框,设置了发光效果,同时添加渐变模拟内发光效果。
最后加上人物图,按前面的教程做简单的透明穿插:
![用这样的穿插效果做PPT人物介绍,还怕客户说没创意吗](https://tu.aboutppt.com/2022/04/frc-be261f9f0dd77e254083c2d30f4cdfa3.gif?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
为了能将人物边界区分开,再加些红色的光效/漂浮颗粒上去,这页 PPT 就完成了:
![用这样的穿插效果做PPT人物介绍,还怕客户说没创意吗](https://tu.aboutppt.com/2022/04/frc-5f970c23a9406ad6b7438600de361de7.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
这就是我分析总结的 4 种 PPT 人物介绍页的设计思路。
本文涉及的素材处理步骤,全都是使用 PPT 和 PPT 插件完成的,大家可以动手试试看。
05. 文末小结
今天分享的 4 种不同的人物介绍页设计思路分别是:
1. 透明渐变融合
设置人物的渐变,一是可以和背景融合起来,二是可以做成一条地平线,放置一条光效承载人物;
2. 破窗穿越融合
对玻璃与火焰素材的加工与处理,不同素材的叠加,以及人物的穿插设置;
3. 元素渐变融合
波点线条与色块之间进行融合,使用 OKPlus 插件调色,同时添加漂浮动画增强场景感;
4. 荧光颗粒融合
不规则形状与边框的穿插,并将底部边框设置成荧光效果,同时给背景加上线性图片,强化背景的速度感。
最后加上火光等悬浮素材作为装饰,使整体更有气势。
![用这样的穿插效果做PPT人物介绍,还怕客户说没创意吗](https://tu.aboutppt.com/2022/04/frc-231eb044e7b7bc929c5f879a2e74d16a.jpeg?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
上述 4 种设计思路都用了穿插效果,但又都做出了不一样的效果。
更多拓展玩法,期待大家多多尝试,鼓励复刻交作业哦。
本文的 PPT 源文件,如果想要拆解学习,自取吧:
https://pan.baidu.com/s/1-CAc0cZ94aVr0o9k8D1bOQ?pwd=wjg3
以上,就是今天分享的全部内容,如果觉得有用的话,记得给我点个三连哟~
——
公众号:自律的音律
原文链接:用这样的穿插效果做PPT人物介绍,还怕客户说没创意吗