
大家好,我是薯条!感兴趣的男孩女孩,欢迎扫描文章下方二维码或微信搜索公众号“折腾男孩”,快来关注我们吧!
人果然还是惰性的,你们是否有过这种感受,决心去做一件事,但因为自己的执行力不够而苦恼,这种情绪实在太强大了,大抵是自己还不够资格去面对他。
我唯一能做的是,把目标再分小一点,一点一点的去完成他。
好了,感叹到此,希望我们都能成为自己。
今天想要和大家聊聊PPT中的线。
线其实还可以这么玩
平时无事,便打开浏览器东看看西看看,最近无意中看到一个很有特色的网页设计,整个网页设计,看起来逻辑明了,主线清晰,最重要的还是我喜欢的简洁风。
在好奇心的驱使下,我决定把他模仿模仿,于是便有了下面的这个。

看起来是不是还不错,这份PPT始终用一条线将各个主体联系起来,渐变线条贯穿整个演示,使得他看起来不那么单调。
然而让我感觉很有质感的细节在于演示中的黑色圆形色块,大家仔细观察的话可以发现,背景颜色和色块颜色其实很相近。
巧妙的是,在设计中通过微调各部分的灰度,让这两种黑还是有了些许区别,大家可以自己操作试试这种效果。
而说他有质感其实是在于色块的阴影,阴影的使用让它看起来不那么沉闷(大概这就是色彩斑斓的黑吧)。
说了这么多“废话”,不来点干货我都不好意思了。
下面,我将给大家说说制作这种PPT时,需要注意的地方。
第一点,渐变线条的处理。
我们绘制一条曲线,设置【线条】为渐变,可以看到如下的效果。

既然这种是我们不想要的效果,那么应该怎么做才能达到案例中的效果呢?
还是先绘制一条曲线。

接下来,我们打开【编辑形状】观察下。

通过观察,我将曲线分成了3段。

我分别对这三段线条添加了渐变,渐变设置如下。

这里我使用的是线性渐变,因为你可以选择渐变的方向(至于为什么,当你操作几次你大概就能深刻理解了)。
你们看到这,可能还有点云里雾里,看看下面这张图或许你就豁然开朗了。

是不是一下子就明了了。
不过还是给你们准备了操作演示。

我们再加点难度,试试做做下面的这种。

还是同样的步骤,先分析顶点。


我同样将他划分为了三段线段,并分别对他们添加了渐变。最终我们就能做出想要的渐变效果。
不过这个渐变中,还是有一些细节变化的,比如三段的渐变方向是各不相同的(不知道你们操作中是否注意到了)。
第二点,黑色的灰度。

嗯~就是这么简单,哈哈哈。
第三点,加阴影提质感。
我准备了一个矩形和一个圆形,其中矩形的填充颜色就是PPT中背景颜色,而圆形则是增加了灰度的,因此会黑点,不仅如此,我还为他添加了阴影。

阴影设置如下。

我给大家演示下他们组合的效果。

是不是看起来还挺不错的,打开电脑试试吧。
好了,到这,我认为较为重点的部分我都介绍了下,你以为他的玩法只有这么多?
别急,给他们加点动画试试~
当然还有更多创意等你开发。
最后,还是来简单总结下:
1.线条渐变的局限和解决方法
2.黑色灰度的调整
3.加阴影升质感
4.用线条把你任何想要表达的联系起来
这期尽管内容不算太多,但你若理解到,一定可以有更多的创意玩法。
ONE MORE THING
最近闲来无事,便自己做了个简单的交互PPT,给大家看看吧。
大家如果感兴趣的话,可以在微信公众号“折腾男孩”后台回复关键字【交互简介】获取源文件,当然如果你有什么不太明白的地方,也可以在下方留言和我交流。
希望大家能够喜欢今天的文章,记得给我点个赞哟,这会是你们对我最大的鼓励,谢谢你们。

