hello,大家好呀,这里是一周进步。
我是努力周更的整活大师弎十二。
人物介绍页作为PPT中比较高频出现的页面,它应该要是视觉效果最为突出的。
而事实上,很多时候它都只是被一张图一段字给敷衍了过去。
其中的一个原因是“觉得美化它太麻烦了”。
今天借此机会,我将告诉你一条万能公式,堪称是人物排版的必杀技,一招鲜吃遍天。
不难,你也可以做到。
为了让人物照片有更多可操作空间,首先需要对其进行去除背景的处理。
熟练使用PS抠图的小伙伴这里可以跳过了,反之对PS不熟练同学可以参考以下两种方法——
把照片插入进PPT当中,选中它后,在图片格式选项卡中点击【删除背景】。
通过增删笔画,控制删除的范围,最后点击【确认】即可。
这个方法适用于主体和背景对比度比较大且没有什么细节的图片,这样操作比较方便。
时至今日,已经有相当多好用的在线抠图网站诞生了,在这里我就推荐一个平常用得最多的——⌈FocoClipping⌋。
将图片拖拽上去后,有三种模式可以选择(人物、衣服、形状),默认是人物模式。
只需要几秒钟就能快速完成,后续还可以通过编辑模式进一步细化抠图,或者是添加其他效果。
对比之下,使用网站抠图的图片边缘更加干净和平滑,操作起来也更高效。
所有接下来的案例都是用网站操作的。(小声)
去掉背景之后,加上文字进行排版。
人物去除掉背景之后,观感上会比较薄弱,搭配上纯色背景显得层次单一,还是没有达到“美化”的水平。
此时需要重新给人物加上“背景”。
最简单的就是添加一个形状了,比如加个圆。
现在看上去,层次提升了许多。接着优化的话,可以尝试特殊一些的形状,比如圆角梯形
不难看出,这个形状是由直角梯形加圆角做出来的,而直角梯形并不在基础图形以内(只有等腰梯形),所以需要用点特殊手段。
第一种,使用矩形和三角形布尔运算得出:
第二种则是通过编辑顶点来做
右键-编辑顶点-只调整其中一个角的点,从而改变角度。
至于圆角,就需要用到一款插件了——⌈英豪工具箱⌋
先点击形状,然后在插件选项卡中,选择【编辑形状】-【圆角工具】,设置好半径后,点击生成圆角即可
利用以上的方法可以做出任何形状
当你完成以上两步之后,相信你就能做出70分的人物介绍页了
优化后
但是这条万能公式的终点并不在这里,最后还差了那么亿点细节。
首先第一点是——人物朝向。
在使用照片的时候,一般都会偏向使用有动作的人物,看起来不会太僵硬。
而有动作,就说明有一定的方向性,所以,观众的视觉是会被人物的动作所影响的,这就是“视线诱导”。
就算我把人物放在中间,你第一眼看到人物,第二眼自然就会顺着她的手势看到右边的球,最后才回到左边来。
利用这个特性,我们在排版人物介绍的时候,文字的摆放位置要依靠人物的朝向来定。
给大家看看对比,觉得哪一个会比较顺眼?
图片01
图片02
大家的感受是不是都是觉得图片01顺眼一些呢?
讲完第一个细节,我们继续来看看第二个要掌握的细节——层次阴影。
优化前是这样的:
优化后是这样的:
之前说到,给人物垫上色块是为增加层次,为让这个“层次”更加自然,通常与其一起出现的是“阴影”。
层与层之间需要有阴影来过渡,这里就是色块和人物单独设置两个阴影。
为了让色块呈现通透的质感,它的阴影是需要搭配上自身颜色的,具体参数是透明度80%,模糊20磅,距离和角度都是0。
至于人物,只需要让他有空间感就可以了,默认黑色即可,具体参数是透明度80%,模糊6磅,角度0,距离7磅。
通过这两种阴影,就能把整体的空间感调整得很好,看起来也比较自然。
第三个要注意的细节就是——背景装饰。
不只是人物介绍页,其他页面都会的一个共性问题,常常会觉得页面很空。
在背景装饰上,我最常用的两种方法是透明字符和弥散背景。
透明字符顾名思义就是直接使用文字来作为装饰的一部分,而其中的内容一般而言是无意义,或者说是不需要观众一定接收到里面的内容,只作为装饰用途。
例如下面的【USER PORTRAIT】和右上方的【单引号】。
这里只需要留意,不要让他们太明显,添加多一些透明度,至少是80%。
另外一个弥散背景的作用就更加突出了,平常大家使用大白背景的时候,因为观感没有变化,所以感觉背景哪哪都一样,没有起伏。
而只要加上这种淡淡的弥散背景,背景上每一个地方严格来说都是不一样的,有颜色的变化,但又不会过于刺眼。
缩小画布之后,就能发现弥散背景的奥秘——一个圆。
插入一个足够大的圆,对齐边角为中心点。
然后设置为渐变填充,类型为【路径】,色标只保留两个,高明度颜色和白色,其中白色的透明度为100%。
这样就完成了。
看到这里相信你已经掌握了这一条万能公式了。
高大上的人物介绍页=去除背景+色块垫底+亿点细节
试着重新做一遍吧
去除背景
色块垫底
亿点细节
学会了记得动手试试看。
好了以上就是本期的全部内容了,所有案例源文件及插件安装包都准备好了,有需要的小伙伴可以直接私信就可以领取啦!
下次还想看我整什么活可以在评论区留言。
我是弎十二,咱们下期再见:)
上一篇
这是在知乎的第一篇文章,搬运自我的微博原创内容。做了一些修改,微博的文章写的比较仓促,有些地方可能不便于理解,在这篇 ...
Photoshop給出瞭非常多的快捷命令,用好快捷操作可以極大提高做圖效率,起到事半功倍的效果。對於初學者來說,掌握常用的快捷...