这是什么神仙网站，居然可以自动做超酷动图

作者：陈允信，来源：设计便利店（ID：designmart）

如今制作动图已经变成设计师常用的表现手法之一，AE、C4D这样的工具相信大家都知道，虽然好用但学习成本超高，今天，就给大家介绍一个神奇的网站，可以用代码一键生成超酷的动效！

一、来，给你们介绍下，这个神奇的网站

Space Type Generator是一个用代码自动生成动效的网站！只需要细微的参数改动，就可以创造截然不同的效果变化，完全称得上四两拨千斤的动效生成方案。

比起依靠脚踏实地制作的AE和C4D，代码生成的动效更有一种买彩票时刮奖的悸动，因为你永远不能确定，一段代码加入之后，它可能会产生什么样的变化！

二、6种风格，任意选择

Space type generator使用非常简单，只需要输入文字，它就而已自动生成各种各样的动效，你也可以根据想法调整参数！同时它已经预设了6个样式，风格非常特别！

Type 01：全屏文字律动

非常具有实验性的一种效果，各种奇特的文字律动和文字图形化的处理，喜欢的同学可以尝试一下，说不定会有意想不到的效果！

Type 02：飘带

这个效果可以让文字随着一定的节奏律动，不管是简单的动效，还是效果炸裂的全屏效果，它都可以实现！

Type 03：离心自转效果

这个效果画面非常炸，所有的动态都是围绕着中心旋转！

Type 04：立体环形

这个效果可以让文字随着环形旋转，旋转的形式非常多变，而且只需要一点点参数变化，会让它的旋转形式变得非常魔性！

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

Type 05：文字扭曲

这个效果可以让文字以各种各样的方式扭曲！不仅适用于简短的标题，同时也可以做成独立的动图！

不仅仅是动效，这个效果甚至可以录制下来制作成为视频。

Type 06 ：旗帜效果

这个效果可以让文字像旗帜一样飘动！有一种windows 95时代的视觉感，非常酷，并且有很多小型动效，很适合运用在标题中！

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

三、使用方法，看这里

Space tpye generator操作也非常简单，只需要弄清每个区域的作用就可以了！

Step 01：选择动效类型

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

Step 02：输入文字

网站右下角的对话框可以输入动图中的文字内容，遗憾的是由于网站目前仅支持英文，所以输入中文是没有用的。

Step 03：选择动效样式

网站左下角的按钮，可以选择不同的动效样式，每种不同的动效类型下，都有非常多的样式可供选择，并且每种样式风格都非常独特，各位可以根据需求自行选择！

Step 04：调整参数

需要再根据自己的喜好和需求，调整左边区域的各类参数，可以让动图呈现出完全不同的效果，可自由调节都非常高。

Step 05：导出GIF

最后，将已经调整好的画面导出即可，点击Save loop按钮，需要注意的是由于动图尺寸非常大，所以保存的时间也比较长，请耐心等待弹出下载提示即可！

四、工具是死的，人是活的，尽情创作吧！各位！

这个工具实际上是由设计师Kiel Danger Mutschelknaus打造，通过这个有趣的工具，可以让那些动效界的新手，只需要打开网页，就能拥有一个随时可用的动效工作站！ 

Kiel非常善于使用全新的工具和技术创造和设计，他认为，在如今的平面设计大背景下，不断的创新同样也适用于技术和手段的革新，完全未知领域的探索总会让人异常兴奋！ 

而这个工具，便是他将自己的想法分享出来的结果，他希望自己设计的是一个创造的工具，帮助大家思考，开拓全新的设计方式，而不仅仅是一个设计工具，其实对设计师而言也是如此，保持思考而不是单纯的利用工具更重要！

网站地址：www.spacetypegenerator.com（需翻墙）

作者公众号：设计便利店（designmart）

今日视频

京东电器“220V带电新人类”第三弹发布，请别再提沙雕了

推荐理由：

从去年国庆大促开始，京东电器就走起了沙雕文案卖货路线。此次618的第三弹也是一脉相承，一本正经玩转各种让人秒懂的梗，这套路真是百看不腻，也反复加深了受众记忆。20支小广告，选取极富生活气息的场景，给人极强代入感，加上冷幽默神转折，在不断吸引观众往下看的同时，又很好地种了一把草。