打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
不会PPT动画,用这个网站,也能做出超酷的动态效果!

大家好,我是秋小叶~

今天给大家带来一个超神奇的网站!

就算你是动画小白,也可以做出炫酷动图~

记得先收藏,早晚用得上!
作者:陈允信
来源:设计便利店(ID:designmart)

如今,会制作动图已经成为很多职场人必备技能之一。

AE、C4D 这样的工具相信大家都知道,虽然好用,但学习成本超高。

今天就给大家介绍一个神奇的网站,可以用代码一键生成超酷的动效

01

神奇的网站

Space Type Generator,是一个用代码自动生成动效的网站!

网址:https://spacetypegenerator.com/

只需要细微的参数改动,就可以创造出截然不同的效果、变化。

比起脚踏实地制作 AE 和 C4D,用代码生成动效,更有一种买彩票时刮奖的悸动。

因为你永远不能确定,一段代码加入后,它会产生什么样的变化!

02

6 种风格任意选择

Space Type Generator 使用起来非常简单。

只需要输入文字,它就可以自动生成各种各样的动效。

你也可以根据自己的想法调整参数!

同时,它已经预设了 6 个格特别的样式!

 Type 01:全屏文字律动 

这是非常具有实验性的一种效果!

有各种奇特的文字律动和文字图形化的处理。

喜欢的同学可以尝试一下,说不定会产生意想不到的效果!

 Type 02:飘带 

可以让文字随着一定的节奏律动。

不管是简单的动效,还是炸裂全屏的效果,它都可以实现!

 Type 03:离心自转效果 

这个效果,画面非常炸。

所有的动态都是围绕着中心旋转!

 Type 04:立体环形 

文字随着环形旋转旋转的形式非常多变。

而且只需要一点点参数变化,就会让它的旋转形式变得非常魔性!

甚至可以让它不仅仅是围绕环形旋转。

 Type 05:文字扭曲 

这个效果,可以让文字以各种各样的方式扭曲!

不仅适用于简短的标题,也可以做成独立的动图!


除了动效,甚至可以录制下来,制作成为视频。


 Type 06:旗帜效果 

「文字像旗帜一样飘动!」

有一种 Windows 95 时代的视觉感,非常酷。

而且有很多小型动效,很适合运用在标题中!

不仅仅是旗帜,它还可以完成各种各样的飘动效果!

03
使用方法


Space Tpye Generator 操作也非常简单,只需要弄清每个区域的作用就可以了!

选择动效类型。

网站为用户预设的 6 个动效类型,点击网页右上角的 Select 即可切换!

输入文字。

网站右下角的对话框可以输入动图中的文字内容。

遗憾的是由于网站目前仅支持英文,所以输入中文是没有用的。

选择动效样式。

网站左下角的按钮,可以选择不同的动效样式。

每种不同的动效类型下,都有非常多的样式可供选择,并且每种样式风格都非常独特,各位可以根据需求自行选择!

调整参数。

需要再根据自己的喜好和需求,调整左边区域的各类参数。

可以让动图呈现出完全不同的效果,自由度调节非常高。

导出 GIF。

最后,将已经调整好的画面导出即可,点击 Save Loop 按钮。

PS:由于动图尺寸非常大,所以保存的时间也比较长,请耐心等待,弹出下载提示即可!

04
尽情创作

这个网站由设计师 Kiel Danger Mutschelknaus 打造。

这个有趣的网站,可以让那些动效界的新手,只需要打开网页,就能拥有一个随时可用的动效工作站! 

Kiel 非常善于使用全新的工具、技术创造和设计。

他认为:

在如今的平面设计大背景下,不断地创新,同样也适用于技术和手段的革新,完全未知领域的探索总会让人异常兴奋! 

这个工具,便是他将自己的想法分享出来的结果。

他希望自己设计的是一个创造的工具,帮助大家思考,开拓全新的设计方式,而不仅仅是一个设计工具。

其实对我们 PPTer 来说也是如此,保持思考,比单纯地利用神器工具更重要!

你们还有什么神仙网站?

留言区分享给大家吧!



本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
团队没有 UI 怎么办?分享 6 款能为独立网页开发者提效的免费工具
如何优化广告提高点击率
Bootstrap题目小测试
Photoshop制作喜庆的红色水晶纹理字
666 ! PPT文字灌水效果简单玩法!
二十三节(3)只应用文字标签,把滤镜样式设置在文字标签中
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服