如何用PPT打造海报级别的科技感封面? | PPT保姆级教程第5期

进阶提高 2年前 (2019) PK阿锴
211 0 1
如何用PPT打造海报级别的科技感封面? | PPT保姆级教程第5期
嗨你好,我是阿锴。
前些天我在逛灵感的时候,看到一种非常酷的科技风海报,视觉效果非常不错。
如何用PPT打造海报级别的科技感封面? | PPT保姆级教程第5期
如何用PPT打造海报级别的科技感封面? | PPT保姆级教程第5期
如何用PPT打造海报级别的科技感封面? | PPT保姆级教程第5期
过后我就想着,这么棒的效果,能不能尝试着用PPT做出来。
于是在一个热到融化的下午,满身大汉的我,在电脑前百般琢磨,终于哼哧哼哧捣鼓出来了!
如何用PPT打造海报级别的科技感封面? | PPT保姆级教程第5期
如何用PPT打造海报级别的科技感封面? | PPT保姆级教程第5期
如何用PPT打造海报级别的科技感封面? | PPT保姆级教程第5期
一不做二不休,这么棒的东西,不能自己独享,干脆整理出文章分享给大家,也就有了今天这篇保姆级教程了!
 
重点提示:
  1. 实现以上效果需要用到iSlide插件,没有的话,可以到官网安装,地址如下:https://www.islide.cc/;
  2. 需要一点点耐心,但做出来的效果绝对值;
  3. 对电脑性能会有点考验,一不小心就卡到炸裂。但可以巧妙通过一些操作避免,这个我后边会说到。
那么我们开始,首先设置背景色为黑色,放入英文。
如何用PPT打造海报级别的科技感封面? | PPT保姆级教程第5期
接着挑选英文字体,我们需要挑一个笔划粗,且棱角尖锐的,这样做出来的效果才好看。
在字库里寻寻觅觅,最终我挑出来了三款,分别是 Lemon/Milk 、 Montserrat Medium 、以及 Dedecus 。 
都摆上来看看,选美。
如何用PPT打造海报级别的科技感封面? | PPT保姆级教程第5期
我想把字体弄成倾斜的,这样跟文本内容形成对比,整个页面也会更有动感一些。
三款字体里,Dedecus天生是倾斜的,为了统一对比,将其他两个字体也作倾斜处理。
统一着装,再次选美。
如何用PPT打造海报级别的科技感封面? | PPT保姆级教程第5期
仔细对比了一下,发现Lemon/Milk 的字型更加饱满有对比,棱角也尖锐,就它了。
一号佳丽胜出。
如何用PPT打造海报级别的科技感封面? | PPT保姆级教程第5期
字体选好了,把它代入主视觉英文里,并且设置倾斜效果。
如何用PPT打造海报级别的科技感封面? | PPT保姆级教程第5期
如何用PPT打造海报级别的科技感封面? | PPT保姆级教程第5期
由于补间动画功能不支持对字体线框渐变,直接用的话,会出Bug,就像下边这样:
如何用PPT打造海报级别的科技感封面? | PPT保姆级教程第5期
所以怎么办呢?
不难,把英文矢量化就好了。
文字矢量化的方法有两种,一种是借助PA插件直接转换,另一种是通过布尔运算实现,这里我介绍第二种,对大家都通用。
现在插入一个全屏矩形,要比英文大。
如何用PPT打造海报级别的科技感封面? | PPT保姆级教程第5期
接着选中英文以及矩形,进行布尔运算—拆分。
如何用PPT打造海报级别的科技感封面? | PPT保姆级教程第5期
拆分后英文变成矢量形状,且每个字母都独立出来,方便我们后续排版。
这一步很重要,由字体变成形状,才能进行后边的处理。需要注意的是,转成矢量形状后,文本内容就不能编辑了。
转化后,对字体进行排版,没什么技巧,就是纯手动排,尽可能弄得错落一点,各个字母有大有小,形成对比。
如何用PPT打造海报级别的科技感封面? | PPT保姆级教程第5期
为了效果更加精致,接下来需要做透视线,在页面中心插入一个圆,这是透视点。
如何用PPT打造海报级别的科技感封面? | PPT保姆级教程第5期
接着用线条把字母和透视点连接起来,做成一条条的透视线。
如何用PPT打造海报级别的科技感封面? | PPT保姆级教程第5期
OK插件「顶点相关」功能里有个「辐射连线」功能,选择字母和圆后可以一键连线。
如何用PPT打造海报级别的科技感封面? | PPT保姆级教程第5期
没装插件也没关系,手动连就好了。
接着选中所有字母,复制出一层新的,缩小,置底,放到各自的线上边,有长有短有对比就好,各自形成大字母-小字母-圆的三点一线。
如何用PPT打造海报级别的科技感封面? | PPT保姆级教程第5期
排版完,将新复制的所有小字母置于底层,把圆点和线条删除。
如何用PPT打造海报级别的科技感封面? | PPT保姆级教程第5期
弄出透视线是为了更加规范,有参照会更加统一。
接着可以开始做效果了,为了方便你观看,我暂时把背景换成深灰色,最后会换回黑色。
如何用PPT打造海报级别的科技感封面? | PPT保姆级教程第5期
逐个点选大字母(白色的),设置无填充,线条1.5磅,颜色橙红色。

 

接着逐个点击选中所有小字母(橙红色的),同样设置无填充,线条1.5磅,颜色橙红色。
如何用PPT打造海报级别的科技感封面? | PPT保姆级教程第5期
如何用PPT打造海报级别的科技感封面? | PPT保姆级教程第5期
如何用PPT打造海报级别的科技感封面? | PPT保姆级教程第5期
到这一步,前期工作终于处理好了,现在做效果。
选中同一字母大小两个,在iSlide里用补间动画制作,生成后记得组合起来,方便后期调整。
如何用PPT打造海报级别的科技感封面? | PPT保姆级教程第5期
如何用PPT打造海报级别的科技感封面? | PPT保姆级教程第5期
动图展示:
如何用PPT打造海报级别的科技感封面? | PPT保姆级教程第5期
依样画葫芦,一个个来,完成后效果如下:
如何用PPT打造海报级别的科技感封面? | PPT保姆级教程第5期
这个时候,一个页面上的形状太多,电脑可能会有些卡。
怎么避免呢?你可以把字母分成2页或者4页,分开做,最后再统一放到一个页面里,这样就会好操作一点。
如何用PPT打造海报级别的科技感封面? | PPT保姆级教程第5期
如何用PPT打造海报级别的科技感封面? | PPT保姆级教程第5期
现在可以把背景换成黑色了。
如何用PPT打造海报级别的科技感封面? | PPT保姆级教程第5期
放上文字。
如何用PPT打造海报级别的科技感封面? | PPT保姆级教程第5期
效果已经8899了,美中不足的是版面四周有些空,我们做一些渐变矩形,放在四个角落。
如何用PPT打造海报级别的科技感封面? | PPT保姆级教程第5期
再放进主板面
如何用PPT打造海报级别的科技感封面? | PPT保姆级教程第5期
大功告成,哦森!
Tips
如果你把线条磅数设置到5磅以上,那么线框会扩大把空隙填满,变成这样:
如何用PPT打造海报级别的科技感封面? | PPT保姆级教程第5期
那么也就可以错落设置,做出多一层对比。
如何用PPT打造海报级别的科技感封面? | PPT保姆级教程第5期
如何用PPT打造海报级别的科技感封面? | PPT保姆级教程第5期
就是这样。(≧∇≦)ノ
回过头来,纵观整篇文章,你会发现其实很大一部分,都是在讲前期准备的东西,包括字体的选择、字母排列、设置做出透视点透视线等等。
 
而真正的效果,其实也就是补间动画,借助插件点几下的事情。
这好像很不符合逻辑。但其实,设计工具始终只是工具,如何通过工具去达到目的,做出自己想要的效果,这背后的制作思路,才是文章的价值所在。
或许你去试试,换一款字体,或者不拉透视线,做出来的效果会是什么样的,也许你就会懂得我的良苦用心了。

最后,国际惯例,福利放送。

公众号后台回复: 科技感封面 ,即可免费获得本期案例PPT源文件
公众号后台回复: 科技感封面 ,即可免费获得本期案例PPT源文件
公众号后台回复: 科技感封面 ,即可免费获得本期案例的PPT源文件。
 
如有收获,还请多多分享、转发,点个「在看」,非常需要你的支持,感谢!
ヾ(•ω•`)o

------
公众号:PK阿锴
原文链接:如何用PPT打造海报级别的科技感封面? | PPT保姆级教程第5期

版权声明:PK阿锴 发表于 2019年8月1日 下午5:47。
转载请注明:如何用PPT打造海报级别的科技感封面? | PPT保姆级教程第5期 | AboutPPT导航

相关文章

暂无评论

暂无评论...