这是什么神仙网站,居然可以自动做超酷动图
作者:陈允信,来源:设计便利店(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)
转载请在文章开头和结尾显眼处标注:作者、出处和链接。不按规范转载侵权必究。
未经授权严禁转载,授权事宜请联系作者本人,侵权必究。
本文禁止转载,侵权必究。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权,侵权必究。
评论
评论
推荐评论
全部评论(12条)