「PPT教程」 来一场文字“变异”的游戏
在PPT中除了给文字加边框阴影,你还会什么玩法,来看看公子式Play...
![](https://img.haomeiwen.com/i8897345/becd33a120501c54.png)
![](https://img.haomeiwen.com/i8897345/476cc60cc730edbe.jpg)
经常看公子模板的“病友”们应该会多少了解一些公子的风格,我不是很喜欢在PPT中拿文字做文章。
至少不是普遍印象中的玩法,比如边框、阴影、发光之类的效果......我个人是比较排斥的,就好比我上学时老师们的PPT特别像一页页的宣传单,五彩斑斓,可以做到一组文字一种效果,我也表示很佩服了!
那文字就没有什么高大上的玩法了吗?当然不,公子今天就要教你们一些变异玩法,听上去是不是有点酷,瞬间想到了基因突变是什么鬼......
今天分享的玩法可能会比较多,各位请耐心或者可以先马住,等有时间再同步练习,这意味着公子又要催作业了!
01
利用自定义形状“延展”文字
循序渐进,第一种方法肯定是最简单的,利用自定义形状与文字的搭配,产生文字向外延展的视觉效果。
这种方法是不会破坏文本框自身的,也就是说根本不用动它...hh
![](https://img.haomeiwen.com/i8897345/0d5287ad4767c6af.jpg)
比如说以上这页效果就非常的简单,用几个黑色矩形和文字的某部分相连接,就达到了延展文字的目的。
![](https://img.haomeiwen.com/i8897345/60214bb196105ba4.jpg)
这种方法用到的场合还是比较多的,而且完全不费力就能设计出类似海报的感觉,简单又高效!
![](https://img.haomeiwen.com/i8897345/0aec67873fc14bd3.jpg)
![](https://img.haomeiwen.com/i8897345/1bf842c6e34aa93d.jpg)
02
文字拉长“普拉提”
第二种玩法稍微复杂一些,不知道你们有没有见过一些文字拉长的海报或者logo。
比如C罗转会尤文的时候,一些官方或饭制海报,多半就是这种效果!
![](https://img.haomeiwen.com/i8897345/e5784c89910f0bfe.jpg)
或者公子做的这页PPT封面,就是把部分文字做了拉长而已,但整个设计就已经非常完整了,而且效果绝对不输!
![](https://img.haomeiwen.com/i8897345/4e9add698ae46e5c.jpg)
想要实现这种效果其实并不难,就怕大家会走弯路,首先你肯定会想到把需要拉长的文字单独用一个文本框来输入。
然后这时你大概就准备直接放大字号了,顺便说一下这页公子用的字体是MDTall,之前给你们分享过!免费可商用的字体资源
![](https://img.haomeiwen.com/i8897345/35ea5e67cd863839.jpg)
放大字号的时候你会发现,文字变长的同时也会变宽,这是必然的,所以它不是我想要的效果,pass!
那我们就首先确定了一点,要保证文字变长后,粗细与原文字一致,字号不能变!
![](https://img.haomeiwen.com/i8897345/d675a0376d7461da.jpg)
这时候我们就要换个思路,把文字矢量化!
什么叫文字矢量化,其实就是把文本框与自定义形状相交,这个方法公子经常使用,你们应该不会感到陌生!
![](https://img.haomeiwen.com/i8897345/0914e377060b318e.jpg)
随便插入一个自定义形状与文字相交后,我们得到的就是一个矢量图形了,它不再是文本框属性。
所以我一再强调过,任何合并形状操作之前,一定要反复确认,否则操作不可逆,你会无形之中加大工作量!
既然现在文字已经等同于一个图形了,我们是不是就可以直接拉长它呢?
![](https://img.haomeiwen.com/i8897345/f310d73405f74ed9.gif)
道理上是这样的,但我们实际操作后会发现,文字拉长后会有一些变形,这绝对是强迫症所难以接受的......
![](https://img.haomeiwen.com/i8897345/e22cbaaf2d31901d.jpg)
所以问题出在哪又该如何解决呢?我们回到文本框与自定义形状相交的这个环节。
这次我要插入三个矩形,然后再原位复制出两份文字,分别进行合并形状...你是不是已经了解公子要做什么了!
![](https://img.haomeiwen.com/i8897345/00fb52e1266afe2e.jpg)
没错,我要做的就是只拉长文字的中间部分,保留始末!
这个方法在使用时,根据不同的文字你自然可以截取不同的部分,灵活使用。
![](https://img.haomeiwen.com/i8897345/5796b3516d143007.gif)
以上我们就做到了在基本保证文字形态的同时,实现了拉长延伸的效果!
![](https://img.haomeiwen.com/i8897345/640ae1b0e0c68f7f.jpg)
如果你已经掌握了这个方法,以下这个页面是不是就一目了然了,试着练习一下可好!
![](https://img.haomeiwen.com/i8897345/11eca72213cfcfdf.jpg)
03
文字矢量化衍生的错位游戏
上一个方法中有一个很重要的核心步骤,就是把文字矢量化!
其实如果我们把文字矢量化之后就等同于进入了一个新世界,形状可以怎么处理,这时候你就可以怎么处理文字了!
比如最简单的,随意输入一组文字,再原位复制出去两份,分别与形状相交。
![](https://img.haomeiwen.com/i8897345/7f8576b4345f9a3f.jpg)
得到三个矢量图形后,我们把中间的部分稍微错开一些!
![](https://img.haomeiwen.com/i8897345/2efe0e46542643d3.gif)
我们就这样简单的得到了一页设计感还不错的封面,而且不妨碍它有点酷,so easy!
![](https://img.haomeiwen.com/i8897345/45382eb3cbe0b497.jpg)
其实文字矢量化后,可玩的方法就多了,这里公子就是给你们简单举个例子,创造力和想象力就看你们的了,我期待中!
04
文字矢量化的终极大招——编辑顶点
上面我说过如果文字已经转变为图形了,那就等于进入了一个新世界。
而我个人认为在这个新世界里最好用也是最神奇的大招就是“编辑顶点”。因为它就像是脱缰的野马,可以不受限制的自由发挥......
![](https://img.haomeiwen.com/i8897345/9f9d84663d805a6e.jpg)
比如以上这个页面,它是什么花体字吗,no这是公子自己随意“画”的而已,为了配合底图比较迷茫混乱的感觉!
首先我们要做的肯定是把文字矢量化,因为这是前提,也就是用自定义形状与文本框相交。
![](https://img.haomeiwen.com/i8897345/dd52cedd36200e11.jpg)
那现在我们得到的就是4个图形了,所以我要右键选择“编辑顶点”,这是针对图形才有的操作。
![](https://img.haomeiwen.com/i8897345/bdc2cad262d95466.jpg)
进入“编辑顶点”状态后,我们会看到有很多的锚点,这里和PS的钢笔工具基本是一个道理,我们可以增加或删除顶点并随意拖拽。
同时每个顶点的两端都是有控制手柄的,可以调节曲度和平滑度。
![](https://img.haomeiwen.com/i8897345/c85b3f5e7ef18263.jpg)
所以现在来看这个页面是不是就显得非常简单了,你可以试着做一下,或者你有更好的创意!
05
旋转玩法,爱的魔力转圈圈...
标题是什么鬼,请不要太介意,写到这里公子可能已经有些疲惫,正在听DJ提神...
文字的旋转我们先从最基本的开始
![](https://img.haomeiwen.com/i8897345/37f96d0ed7b437db.jpg)
为什么我要举一个这么简单的例子呢,因为我发现有很多人在做旋转角度的处理上非常的笨!
为什么这么说呢,比如以上这个页面,有没有人会分别旋转各个元素,不管是文本框还是图形,然后去一点点的贴合调整......
我相信是有的,这里公子要教给你们的是,千万不要这样去做,就算你找的准角度又不嫌累,也没必要浪费时间成本......
![](https://img.haomeiwen.com/i8897345/b831a9f7779f6540.gif)
这种情况下,你可以和公子一样,先按水平角度去排版,然后右键组合所有元素,统一旋转它们,精准又省时省力,记住了吗!
文本框的基本旋转除了这点,我觉得没有什么好讲的,你可以试着模仿一下公子的这页案例。
![](https://img.haomeiwen.com/i8897345/af2c6f395d89a1f2.jpg)
06
文字的三维旋转与文本效果
其实上一种玩法不过是热身,目的是为了抛砖引玉,这里才是公子真正要讲的好玩的旋转。
![](https://img.haomeiwen.com/i8897345/23ec22a085e957f2.jpg)
比如这一页简单的旋转可做不到,我们需要用到的是三维旋转!
![](https://img.haomeiwen.com/i8897345/b72f99a9325c246b.jpg)
我们给第一组文本框设置好三维旋转的各参数后,接下来处理第二组文本。
如果你像公子一样第二组文本的内容不多,字号可以稍微放大,而且这里我选择了文字黑色透明度0到100的渐变填充!
![](https://img.haomeiwen.com/i8897345/235f8a56ac879941.jpg)
经过两组文本的三维旋转设置后,其实效果已经基本出来了,如果你还想再特别一些,可以用到“文本效果”的“转换”。
![](https://img.haomeiwen.com/i8897345/a5899b3aab0a03c3.jpg)
文本转换后基本都会有一个黄色控点,可以根据需要来调节角度。
![](https://img.haomeiwen.com/i8897345/f2049eb56586439e.gif)
这里说一下我对“文本效果“里的各功能并不是很感冒,但并不妨碍它有时是可以实现很好的效果,当然还要看你怎么运用!
比如下面这个页面设计:
![](https://img.haomeiwen.com/i8897345/ee54b3091d87a0a6.jpg)
公子就只用到了文本转换里的正梯形
![](https://img.haomeiwen.com/i8897345/524c8e33911ffeeb.jpg)
这页我就不细拆分了,你们可以自己动手试试看,并不复杂。
最后我要给你们举一个文字转图形和三维旋转结合的例子!
![](https://img.haomeiwen.com/i8897345/f40d5544e2a5cf4a.jpg)
通过前面的讲解,你能迅速想到这页设计是如何实现的吗?
首先我们肯定是要把文字矢量化的,因为很明显文本被拆开了两部分。
![](https://img.haomeiwen.com/i8897345/79e982f35c2ab859.jpg)
这一步前面已经提到很多次了,自定义形状分别与文本相交得到图形属性的“文字”。
如此文字就成功被拆分成了两部分,然后我们分别设置它们的三维旋转参数。
![](https://img.haomeiwen.com/i8897345/c22a27d677cff6fc.jpg)
最后你只要把两部分贴合在一起就OK了,然后复制出N份堆叠,这样看来是不是就非常的简单,有多少人被它的效果唬住了!
![](https://img.haomeiwen.com/i8897345/a4e6c40c6bfdb7d1.jpg)
所以公子说过PPT可以玩出很多花样,你们觉得呢!
07
文字模糊,抽象迷离
下面要介绍的这个方法是公子本人最喜欢的效果之一,文字模糊!
文字本身在PPT中是无法实现模糊效果的,但我们都知道图片是可以的,我在“PPT中如何PS图片”的教程中提到过,还记得吗?
所以想要让文字在PPT中实现模糊效果,那就要把文字转为图片格式!
以公子做的这页设计为例:
![](https://img.haomeiwen.com/i8897345/ae607be40caac51b.jpg)
在PPT中把文字转图片格式,其实很简单,我们ctrl+c先复制文字,也可以ctrl+x剪切,如果你后面不再需要它了,然后ctrl+alt+v,粘贴为图片就可以了。
![](https://img.haomeiwen.com/i8897345/a8d08ddb65c7a775.jpg)
这样我们的文本框就转变为一张图片了,在PPT中可以对图片进行的操作,这时就可以同样对它使用,就比如我需要用到的模糊效果。
![](https://img.haomeiwen.com/i8897345/6513fd10bc3167ca.jpg)
模糊半径你可以随意调整,它决定了模糊的程度,但整个页面中不建议使用统一半径,因为会看着比较刻板。
再比如这样一页设计,也是利用的文字模糊,如果配合交替出现的动画会更完美,奈何到这里公子已经累了......哈哈
![](https://img.haomeiwen.com/i8897345/75adb9566e3c2031.jpg)
你们可以帮我实现吗,或者只模仿静态效果也可以!有时间公子会把动态给你们补全的
08
利用切换动画出奇迹
最后这个方法是阿文大神所分享的,非常简单但效果很赞!
![](https://img.haomeiwen.com/i8897345/8b7941e9ae7c0252.jpg)
看到这个页面你们是不是有点懵逼,其实我们什么都不需要做,做好一页PPT后,我们在下一页选择切换动画中的“折断”,然后等着截屏...嗯...没错,就是截屏!
![](https://img.haomeiwen.com/i8897345/4c639e484cde6018.jpg)
![](https://img.haomeiwen.com/i8897345/855ac607fe555790.jpg)
如果你表示时间太短截不到,延长持续时间就好了,10秒20秒随你!
以上就是公子今天分享给你们的多个文字变形游戏,到这里我可能快要累脱力了,公子也许不会每天都更新干货,但我希望每周一篇的教程能够做到诚意满满!
今天涉及到的作业选题就比较多了,不管你们喜欢哪种方法哪种设计,我都希望你们可以自己动手试一试,也许就会有比我更好的创意!
公子也有点累了,就不啰嗦了,希望你们会喜欢......
OK,那今天就这样了,Good Luck
![](https://img.haomeiwen.com/i8897345/23cc093804689d7e.jpg)