前些天我在逛灵感的时候,看到一种非常酷的科技风海报,视觉效果非常不错。过后我就想着,这么棒的效果,能不能尝试着用PPT做出来。于是在一个热到融化的下午,满身大汉的我,在电脑前百般琢磨,终于哼哧哼哧捣鼓出来了!一不做二不休,这么棒的东西,不能自己独享,干脆整理出文章分享给大家,也就有了今天这篇保姆级教程了!- 实现以上效果需要用到iSlide插件,没有的话,可以到官网安装,地址如下:https://www.islide.cc/;
- 对电脑性能会有点考验,一不小心就卡到炸裂。但可以巧妙通过一些操作避免,这个我后边会说到。
接着挑选英文字体,我们需要挑一个笔划粗,且棱角尖锐的,这样做出来的效果才好看。在字库里寻寻觅觅,最终我挑出来了三款,分别是 Lemon/Milk 、 Montserrat Medium 、以及 Dedecus 。 我想把字体弄成倾斜的,这样跟文本内容形成对比,整个页面也会更有动感一些。三款字体里,Dedecus天生是倾斜的,为了统一对比,将其他两个字体也作倾斜处理。仔细对比了一下,发现Lemon/Milk 的字型更加饱满有对比,棱角也尖锐,就它了。字体选好了,把它代入主视觉英文里,并且设置倾斜效果。由于补间动画功能不支持对字体线框渐变,直接用的话,会出Bug,就像下边这样:文字矢量化的方法有两种,一种是借助PA插件直接转换,另一种是通过布尔运算实现,这里我介绍第二种,对大家都通用。拆分后英文变成矢量形状,且每个字母都独立出来,方便我们后续排版。这一步很重要,由字体变成形状,才能进行后边的处理。需要注意的是,转成矢量形状后,文本内容就不能编辑了。转化后,对字体进行排版,没什么技巧,就是纯手动排,尽可能弄得错落一点,各个字母有大有小,形成对比。为了效果更加精致,接下来需要做透视线,在页面中心插入一个圆,这是透视点。接着用线条把字母和透视点连接起来,做成一条条的透视线。OK插件「顶点相关」功能里有个「辐射连线」功能,选择字母和圆后可以一键连线。接着选中所有字母,复制出一层新的,缩小,置底,放到各自的线上边,有长有短有对比就好,各自形成大字母-小字母-圆的三点一线。排版完,将新复制的所有小字母置于底层,把圆点和线条删除。接着可以开始做效果了,为了方便你观看,我暂时把背景换成深灰色,最后会换回黑色。逐个点选大字母(白色的),设置无填充,线条1.5磅,颜色橙红色。
接着逐个点击选中所有小字母(橙红色的),同样设置无填充,线条1.5磅,颜色橙红色。选中同一字母大小两个,在iSlide里用补间动画制作,生成后记得组合起来,方便后期调整。这个时候,一个页面上的形状太多,电脑可能会有些卡。怎么避免呢?你可以把字母分成2页或者4页,分开做,最后再统一放到一个页面里,这样就会好操作一点。效果已经8899了,美中不足的是版面四周有些空,我们做一些渐变矩形,放在四个角落。如果你把线条磅数设置到5磅以上,那么线框会扩大把空隙填满,变成这样:回过头来,纵观整篇文章,你会发现其实很大一部分,都是在讲前期准备的东西,包括字体的选择、字母排列、设置做出透视点透视线等等。而真正的效果,其实也就是补间动画,借助插件点几下的事情。这好像很不符合逻辑。但其实,设计工具始终只是工具,如何通过工具去达到目的,做出自己想要的效果,这背后的制作思路,才是文章的价值所在。或许你去试试,换一款字体,或者不拉透视线,做出来的效果会是什么样的,也许你就会懂得我的良苦用心了。最后,国际惯例,福利放送。
公众号后台回复: 科技感封面 ,即可免费获得本期案例的PPT源文件。公众号后台回复: 科技感封面 ,即可免费获得本期案例的PPT源文件。公众号后台回复: 科技感封面 ,即可免费获得本期案例的PPT源文件。如有收获,还请多多分享、转发,点个「在看」,非常需要你的支持,感谢!——
公众号:PK阿锴
原文链接:如何用PPT打造海报级别的科技感封面? | PPT保姆级教程第5期