上周末,我给大家分享了 120 张高质量的动感曲线,而且都是矢量素材。
如果刚好错过了,可以回头翻翻看:
今天趁热打铁,分享一下动感曲线素材的来源、制作方法,以及如何使用。
01. 曲线素材的来源
我整理的这批矢量曲线素材,都是从国外素材网站下载的,源文件是 EPS 矢量格式。
需要在 AI 等矢量编辑软件中打开后,简单编辑后复制到 PPT 中,再在 PPT 中转换为形状。
如果你能够从 freepik 等素材网站下载素材,那可以试着搜索关键词:wavy lines
![没想到,PPT中的矢量动感曲线,又被玩出了新花样!](https://tu.aboutppt.com/2021/07/frc-f2f1ceef88e92d3e0daa2eb3de054e31.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
顺藤摸瓜,能找到一大批类似的素材,而且都是矢量可编辑的。
如果你访问不了国外素材站,也可以在国内的素材网站搜索关键词:动感曲线
![没想到,PPT中的矢量动感曲线,又被玩出了新花样!](https://tu.aboutppt.com/2021/07/frc-0a6540f4fe2fcc2a2e8bd9e7058428fa.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
除了在上图所示的觅元素网站搜索,还可以在花瓣网搜索波浪曲线:
![没想到,PPT中的矢量动感曲线,又被玩出了新花样!](https://tu.aboutppt.com/2021/07/frc-0f888e0e9ffb355ad9a5896dcebe2d84.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
唯一不足的是,国内素材站下载的很多都不是矢量素材,可编辑性稍微差一些。
这些曲线素材虽好,但要么需要会员才能下载,要么下载后没有特别合适的,亦或者线下定制 PPT 压根不能联网。
因此,不妨学会自己动手造一些曲线。
02. 曲线的制作方法
如果你有一定的 PPT 学习基础,应该了解这种曲线素材,可以使用插件的补间功能来制作完成。
具体的操作步骤,可以参考一下 @只为设计 的这篇文章:
就是通过绘制曲线,复制调整顶点位置,再补间一定数量得到的。
除了文中提到的英豪插件,也可以使用 iSlide 和口袋动画插件来制作,操作步骤几乎一致,就不详细展示了。
三个插件的补间功能,窗口如下图所示,方便大家对照查找:
![没想到,PPT中的矢量动感曲线,又被玩出了新花样!](https://tu.aboutppt.com/2021/07/frc-dd9305d7ece614d016530690ba0b9774.jpeg?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
虽然三款插件都有类似补间的功能,但实际得到的效果却不一样。
如下图所示,以两根相同的渐变曲线为基准,三个插件都补间 30 份:
![没想到,PPT中的矢量动感曲线,又被玩出了新花样!](https://tu.aboutppt.com/2021/07/frc-4e1957c2e66caefc6cee6a396a81ebba.jpeg?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
可以看到,补间得到的结果完全不同,其中英豪插件的补间效果最好,口袋动画次之,iSlide 则感觉对曲线不太友好。
再换两条曲线测试一下,结果就更加明显了:
![没想到,PPT中的矢量动感曲线,又被玩出了新花样!](https://tu.aboutppt.com/2021/07/frc-d80a6f2c89dda13743a02378cfb4f79a.jpeg?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
相对来说,英豪插件补间之后,曲线过度更加自然,而口袋动画需要把初始曲线删掉才行。
至于 iSlide 补间后得到的,emmmm,可能是算法不一样吧。
需要注意的是,不同插件不仅补间后的结果不同,补间之前对曲线的要求也有所不同。
简单举个例子,如果是下图这种正常的补间操作,使用英豪插件得到的效果是最好的。
![没想到,PPT中的矢量动感曲线,又被玩出了新花样!](https://tu.aboutppt.com/2021/07/frc-0dc60fd8491df9622d8984c8f58fa5d1.jpeg?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
但是,英豪插件的补间,要求两条曲线的顶点数量必须一致。
而且只能对矢量形态进行补间,如果两条曲线有粗细变化,英豪插件就计算不出来:
![没想到,PPT中的矢量动感曲线,又被玩出了新花样!](https://tu.aboutppt.com/2021/07/frc-f34288f2f20e13da6cda7deb6248f35c.jpeg?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
可以看到,其他两款插件,对线条粗细变化,也有不错的补间效果。
相对来说 iSlide 补间的可选参数更多,而口袋动画的效果稍好,并且支持不同顶点数量曲线之间的补间操作。
除此之外,直接编辑曲线顶点再补间,与直接旋转角度或翻转后补间,得到的结果也是不一样的。
![没想到,PPT中的矢量动感曲线,又被玩出了新花样!](https://tu.aboutppt.com/2021/07/frc-0015bf97ee0e2bf3b29f0e56782506f9.jpeg?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
了解了矢量曲线的制作方法,以及三款插件补间结果之间的区别,我们就可以大胆的造素材了。
例如上述补间得到的素材,不仅可以把曲线网格当作背景纹理,还可以简单错位叠加:
![没想到,PPT中的矢量动感曲线,又被玩出了新花样!](https://tu.aboutppt.com/2021/07/frc-24f13bdb914c1c8a94f4081a77322035.jpeg?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
或者干脆转图后加虚化效果,放在页面的四周作为装饰元素。
还可以通过补间得到特殊渐变的圆形,不论是作为视觉主体,还是虚化后作为装饰元素,都有很多玩法:
![没想到,PPT中的矢量动感曲线,又被玩出了新花样!](https://tu.aboutppt.com/2021/07/frc-abbb3610dcf4206e5ed071b98ee062ec.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
像上图这种特殊的渐变,实际上就是给所有的补间形状,设置了线条渐变填充而已。
![没想到,PPT中的矢量动感曲线,又被玩出了新花样!](https://tu.aboutppt.com/2021/07/frc-885f4f4206eb09731923160a8f690cb7.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
除了用补间来融合颜色,我们还可以用上以前介绍过的沿线分布功能:
![没想到,PPT中的矢量动感曲线,又被玩出了新花样!](https://tu.aboutppt.com/2021/07/frc-77dd7c64c644ae056c4dd6fb77e73b82.jpeg?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
这些抽象图案,用在科技风、未来感的 PPT 主题中非常合适。
关于沿线分布功能,如果不太了解的话,可以看看这篇文章:
掌握了之后,咱们再脑洞一些,就可以做出伪立体效果了:
![没想到,PPT中的矢量动感曲线,又被玩出了新花样!](https://tu.aboutppt.com/2021/07/frc-b6d2791684463be7adf7b73f228539d8.jpeg?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
如果觉得过渡不够自然,只需要在补间的时候,把补间数量调高一些就好了。
需要注意,补间数量不宜过多,否则电脑很容易卡死。
额外提示:使用了补间之后,最好把智能参考线功能关掉,或者直接原位转成图片,否则移动的时候会很卡。
以上是在 PPT 中制作动感曲线的方法,如果你对 AI 中制作的方法感兴趣,这里留两篇参考资料,应该会有所帮助:
03. 动感曲线的使用
除了上面提到的,通过补间操作,由线变面或者变成立体效果,做出特殊渐变与材质的素材。
还可以用最简单的方式,直接添加透明度渐变,放在背景里当纹理。
![没想到,PPT中的矢量动感曲线,又被玩出了新花样!](https://tu.aboutppt.com/2021/07/frc-7980109e71e008c42e2626c068b0b6f1.jpeg?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
亦或者利用曲线的趋势变化,放在页面四周作为装饰元素,辅助视觉聚焦:
![没想到,PPT中的矢量动感曲线,又被玩出了新花样!](https://tu.aboutppt.com/2021/07/frc-061317c5c0f4f6301790dbbb480d6371.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
![没想到,PPT中的矢量动感曲线,又被玩出了新花样!](https://tu.aboutppt.com/2021/07/frc-00047f1a280418f07eaef94b7d6802fe.jpeg?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
甚至,直接作为视觉主体,吸引观众的注意力:
![没想到,PPT中的矢量动感曲线,又被玩出了新花样!](https://tu.aboutppt.com/2021/07/frc-422e1486a96194a52b3702b24f5bd127.jpeg?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
这里特别感谢音神 @澄音 支持的案例,时间轴页面收藏+1
以上,就是今天分享的全部内容,希望对大家有所启发~
——
公众号:自律的音律
原文链接:没想到,PPT中的矢量动感曲线,又被玩出了新花样!