![](http://dingyue.ws.126.net/2023/0715/10a918ebj00rxtzz3002zd200u000k0g00hx00by.jpg)
@弎十二
hello,大家好呀,这里是零一PPT。
我是弎十二。
今天想专门讲讲——人物介绍页。
人物介绍页作为PPT中比较高频出现的页面,它应该要是视觉效果最为突出的。
![](http://dingyue.ws.126.net/2023/0715/ee357f51j00rxtzz500gud200u000k0g00fl00ae.jpg)
而事实上,很多时候它都只是被一张图一段字给敷衍了过去。
![](http://dingyue.ws.126.net/2023/0715/8d2b0b48j00rxtzz6009vd200u000gvg00hg009s.jpg)
其中的一个原因是“觉得美化它太麻烦了”。
今天借此机会,我将告诉你一条万能公式,堪称是人物排版的必杀技,一招鲜吃遍天。
![](http://dingyue.ws.126.net/2023/0715/de484bc2j00rxtzz7001ud200u0009ng00hx005r.jpg)
不难,你也可以做到。
01去除背景
为了让人物照片有更多可操作空间,首先需要对其进行去除背景的处理。
![](http://dingyue.ws.126.net/2023/0715/09cbda73j00rxtzz9007ed200u000bog00hx006y.jpg)
熟练使用PS抠图的小伙伴这里可以跳过了,反之对PS不熟练同学可以参考以下两种方法——
抠图方法01:PPT自带的【删除背景】
把照片插入进PPT当中,选中它后,在图片格式选项卡中点击【删除背景】。
![](http://dingyue.ws.126.net/2023/0715/d21ceccaj00rxtzza0072d200u000hrg00hx00al.jpg)
通过增删笔画,控制删除的范围,最后点击【确认】即可。
![](http://dingyue.ws.126.net/2023/0715/87e71998j00rxtzzb007kd200u000lng00hx00cx.jpg)
这个方法适用于主体和背景对比度比较大且没有什么细节的图片,这样操作比较方便。
抠图方法02:在线抠图网站
时至今日,已经有相当多好用的在线抠图网站诞生了,在这里我就推荐一个平常用得最多的——⌈FocoClipping⌋。
![](http://dingyue.ws.126.net/2023/0715/928a1d0ej00rxtzze00hjd200u000h2g00hx00a6.jpg)
将图片拖拽上去后,有三种模式可以选择(人物、衣服、形状),默认是人物模式。
只需要几秒钟就能快速完成,后续还可以通过编辑模式进一步细化抠图,或者是添加其他效果。
对比之下,使用网站抠图的图片边缘更加干净和平滑,操作起来也更高效。
![](http://dingyue.ws.126.net/2023/0715/59b23fa4j00rxtzzh00dvd200u000gng00hx009x.jpg)
所有接下来的案例都是用网站抠图操作的。(小声)
02色块垫底
去掉背景之后,加上文字进行排版。
![](http://dingyue.ws.126.net/2023/0715/df217ae7j00rxtzzj00f4d200u000gyg00hg009u.jpg)
人物去除掉背景之后,观感上会比较薄弱,搭配上纯色背景显得层次单一,还是没有达到“美化”的水平。
此时需要重新给人物加上“背景”。
最简单的就是添加一个形状了,比如加个圆。
![](http://dingyue.ws.126.net/2023/0715/797838cdj00rxtzzl00erd200u000gtg00hg009r.jpg)
现在看上去,层次提升了许多。接着优化的话,可以尝试特殊一些的形状,比如圆角梯形
![](http://dingyue.ws.126.net/2023/0715/148325aej00rxtzzm00e8d200u000gug00hg009s.jpg)
不难看出,这个形状是由直角梯形加圆角做出来的,而直角梯形并不在基础图形以内(只有等腰梯形),所以需要用点特殊手段。
第一种,使用矩形和三角形布尔运算得出:
![](http://dingyue.ws.126.net/2023/0715/afb3eaf8j00rxtzzn002cd200u000bfg00hx006t.jpg)
第二种则是通过编辑顶点来做
右键-编辑顶点-只调整其中一个角的点,从而改变角度
至于圆角,就需要用到一款插件了——⌈英豪工具箱⌋
![](http://dingyue.ws.126.net/2023/0715/39872f07j00rxtzzq004dd200u000csg00hx007m.jpg)
先点击形状,然后在插件选项卡中,选择【编辑形状】-【圆角工具】,设置好半径后,点击生成圆角即可
利用以上的方法可以做出任何形状
03亿点细节
当你完成以上两步之后,相信你就能做出70分的人物介绍页了
![](http://dingyue.ws.126.net/2023/0715/8d2b0b48j00rxtzzs009vd200u000gvg00hg009s.jpg)
优化后
![](http://dingyue.ws.126.net/2023/0715/4b08ce6fj00rxtzzt0017d200u000gwg00ep0089.jpg)
但是这条万能公式的终点并不在这里,最后还差了那么亿点细节。
![](http://dingyue.ws.126.net/2023/0715/9589db97j00rxtzzu008ud200u000gwg00hg009t.jpg)
首先第一点是——人物朝向。
在使用照片的时候,一般都会偏向使用有动作的人物,看起来不会太僵硬。
而有动作,就说明有一定的方向性,所以,观众的视觉是会被人物的动作所影响的,这就是“视线诱导”。
![](http://dingyue.ws.126.net/2023/0715/05a36adfj00rxtzzw007gd200u000epg00hx008r.jpg)
![](http://dingyue.ws.126.net/2023/0715/8f8b3491j00rxtzzy009vd200u000ezg00hx008x.jpg)
就算我把人物放在中间,你第一眼看到人物,第二眼自然就会顺着她的手势看到右边的球,最后才回到左边来。
利用这个特性,我们在排版人物介绍的时候,文字的摆放位置要依靠人物的朝向来定。
![](http://dingyue.ws.126.net/2023/0715/00861be0j00rxu00000bsd200u000gjg00hx009v.jpg)
给大家看看对比,觉得哪一个会比较顺眼?
![](http://dingyue.ws.126.net/2023/0715/9589db97j00rxtzzu008ud200u000gwg00hg009t.jpg)
图片01
![](http://dingyue.ws.126.net/2023/0715/59d94cb2j00rxu0030092d200u000gwg00hg009t.jpg)
图片02
大家的感受是不是都是觉得图片01顺眼一些呢?
讲完第一个细节,我们继续来看看第二个要掌握的细节——层次阴影。
优化前是这样的:
![](http://dingyue.ws.126.net/2023/0715/649fec5ej00rxu004008gd200u000grg00hg009q.jpg)
优化后是这样的:
![](http://dingyue.ws.126.net/2023/0715/6fc6e570j00rxu00600a9d200u000gwg00g20091.jpg)
之前说到,给人物垫上色块是为增加层次,为让这个“层次”更加自然,通常与其一起出现的是“阴影”。
层与层之间需要有阴影来过渡,这里就是色块和人物单独设置两个阴影。
为了让色块呈现通透的质感,它的阴影是需要搭配上自身颜色的,具体参数是透明度80%,模糊20磅,距离和角度都是0。
![](http://dingyue.ws.126.net/2023/0715/f05acdabj00rxu007006td200u000d1g00f6006l.jpg)
至于人物,只需要让他有空间感就可以了,默认黑色即可,具体参数是透明度80%,模糊6磅,角度0,距离7磅。
![](http://dingyue.ws.126.net/2023/0715/3e443c10j00rxu008006td200u000d7g00hx007v.jpg)
通过这两种阴影,就能把整体的空间感调整得很好,看起来也比较自然。
第三个要注意的细节就是——背景装饰。
不只是人物介绍页,其他页面都会有一个共性问题,常常会觉得页面很空。
在背景装饰上,我最常用的两种方法是透明字符和弥散背景。
![](http://dingyue.ws.126.net/2023/0715/5b41d343j00rxu00a00bad200u000gwg00hg009t.jpg)
透明字符顾名思义就是直接使用文字来作为装饰的一部分,而其中的内容一般而言是无意义,或者说是不需要观众一定接收到里面的内容,只作为装饰用途。
例如下面的【USER PORTRAIT】和右上方的【单引号】。
![](http://dingyue.ws.126.net/2023/0715/9589db97j00rxtzzu008ud200u000gwg00hg009t.jpg)
![](http://dingyue.ws.126.net/2023/0715/5b41d343j00rxu00a00bad200u000gwg00hg009t.jpg&tp=wxpic&wxfrom=5&wx_lazy=1&wx_co=1)
这里只需要留意,不要让他们太明显,添加多一些透明度,至少是80%。
另外一个弥散背景的作用就更加突出了,平常大家使用大白背景的时候,因为观感没有变化,所以感觉背景哪哪都一样,没有起伏。
![](http://dingyue.ws.126.net/2023/0715/83f4f4bbj00rxu00h006jd200u000gxg00hg009u.jpg)
而只要加上这种淡淡的弥散背景,背景上每一个地方严格来说都是不一样的,有颜色的变化,但又不会过于刺眼。
![](http://dingyue.ws.126.net/2023/0715/5b41d343j00rxu00a00bad200u000gwg00hg009t.jpg)
缩小画布之后,就能发现弥散背景的奥秘——一个圆。
![](http://dingyue.ws.126.net/2023/0715/52fe051fj00rxu00k0048d200u000hjg00hx00ag.jpg)
插入一个足够大的圆,对齐边角为中心点。
然后设置为渐变填充,类型为【路径】,色标只保留两个,高明度颜色和白色,其中白色的透明度为100%。
![](http://dingyue.ws.126.net/2023/0715/224f742aj00rxu00l0066d200u000d3g00hx007t.jpg)
这样就完成了。
04万能公式
看到这里相信你已经掌握了这一条万能公式了。
高大上的人物介绍页=去除背景+色块垫底+亿点细节
试着重新做一遍吧
去除背景
![](http://dingyue.ws.126.net/2023/0715/c4ec9fb2j00rxu00n008qd200u000gwg00hx00a3.jpg)
色块垫底
![](http://dingyue.ws.126.net/2023/0715/7fc31460j00rxu00o008ad200u000gwg00hx00a3.jpg)
亿点细节
![](http://dingyue.ws.126.net/2023/0715/4295fd85j00rxu00q009md200u000gwg00hx00a3.jpg)
学会了记得动手试试看。动 手 试 试 看 !
好了以上就是本期的全部内容啦
我是弎十二,咱们下期再见:)
好课推荐
如果你想更加深入研究PPT,希望让PPT成为自己个人技能,并且有机会作为副业的话,那么一定不要错过这门训练营。
专为0基础小白打造,学完学费全返
扫码开启你技能学习的第一步
热门跟贴