有氧周末公众号:

查看: 359|回复: 1

设计神器!5分钟就能上手的动态文字生成网站 – Space Type ...

[复制链接]

9020

主题

9494

帖子

249万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
2490097
发表于 2022-3-16 10:07:03 | 显示全部楼层 |阅读模式
微信截图_20240811125935.png

你是不是在为不会使用AE、C4D制作动效很头疼?或者在为制作灵感而烦恼?又或是因为制作动效麻烦繁琐而熬夜秃头?
今天小编为你带来超炫酷超强大动效文字生成器——Space Type Generator,让你通过简单的参数调整就能创造无限种创意可能!
网页概述
Space Type Generator是一个用代码自动生成动效的网站,作者是设计师Danger Mutschelknaus,意在通过这个有趣的工具,可以让动效界的新手只需要打开网页,就能拥有一个随时可用的动效工作站!
我想未来(或一个设计的未来)是在创造的工具,而不是设计的创作。——Kiel D. Mutschelknaus
网页特点
首先一起来看看网页都有哪些有趣好玩让人记忆深刻的特点吧~
参数代码,随心定义
Space Type Generator可以自定义文字内容,但目前仅限于英文字母和符号哦~并且网页针对每一款动效都列出了极为详细的参数调整项目,包括旋转速度、旋转方向、文字倾斜、文字间距、波浪弯度等等,我们可以动过调整任何一个参数的数值来改变整体的效果。只有你想不到,没有Space Type Generator做不到!
明确分区,操作简便
网页将界面的大致划分为参数区、预设效果区、项目选择区、文本输入区五个部分,并且根据每个效果不同的功能进行了相应的调整。
输入文字内容-拖动滑条-调整到到想要的效果-保存,简单四步就能让你拥有一份专属动态效果!
十一款模式,多样选择
随着网站的不断优化完善,现已经开发更新到十一款效果!每一款都创意十足,炫酷无比~
动态展示,实时预览
网页界面除了参数调整区的遮盖外,整个界面都是图形展示区域,随着参数的调整,图形相应变化,更直观方便地帮助我们调整到自己想要的效果~
效果选项
十一种神器好玩的效果都是什么样子呢~一起来看看吧!一定会有你想要的那一款~
CYLINDER-立体环形文字绕转
文字环形动态,通过参数的调整可以改变圆环形状、环绕方式、文字效果等等!看起来复杂高难度的图形,通过简单的参数调整就可以实现啦!
FIELD-方形文字律动
以方形的基本形态给文字加入不同形态的律动,可以改变文字重复方式、文字字重、律动长度、波动幅度等等,何尝不是给文字排版加效果的好方法!
STRIPES-波动横幅
条形横幅与文字的结合动态!可以改变横幅大小、文字大小、波动幅度、波形数量等等, 改变参数做出风格不同、令人惊艳的各种效果!
COIL-平面环形文字
文字和背景颜色绕转形成的平面圆盘,可以修改环形颜色的有无、环形的形状、弧形的圆滑度等等,满屏文字高级效果分分钟完成!
FLAG-飘动旗帜
形态不同的旗帜效果!修改旗帜形态、飘动方式、颜色搭配等等,炫酷、新潮、时尚,各种风格简单形成!
MORISAMA-文字浪潮
满屏超酷文字效果!调整文字密集程度、图形分区、整体宽度等等,图形的加入可以让效果妙趣横生,快来挑战你的脑洞!
CASCADE-文字马赛克
将色块与文字结合形成一个个的小方块,形成类似马赛克的趣味效果,通过调整图形大小、密集程度、生成不同的视觉效果,更多好玩有趣的效果等你来发掘!
RIBBON-文字飘带
顺滑条形文字飘带效果,我们常用的效果在这里轻松完成!图形大小、折叠数量、搭配颜色等等!多个旗帜的饱满感,单个旗帜的极简风都能轻松创作!
LAYERS-层叠空间
通过文字大小的变化做出层叠的空间延伸感,可以任意改变层叠数量、远近距离差、文字字体等,炫酷前卫的字效说来就来!
DANGER-文字消散
时髦流行的文字消散动态效果!文字字体、字重颜色、消散程度等等完全自定义!没有繁琐的步骤~超吸睛文字效果简单生成!
STRING-路径混合轴
超心动!AI里复杂的混合轴效果在这里轻松展现,还能将文字插入缓和的轴中完美展现,路径随心调整,粗细便捷修改!
想要学习更多造型的动态字效制作方法?请戳→动态字效教程大合集
操作方法
看到这里,是不是迫不及待想要学习使用呢,跟着小编一起来看看具体的操作吧!
样式选择
点击网页右上角【Select】进行样式选择,选择自己喜欢的模式就可以开始你的创作啦!
参数调整
在页面的参数调整区域滑动滑块即可调整,参数的名称都是英文,英语不够优秀的你也不用担心~根据页面的效果调整简单又直观!而且细心观察就可以发现,参数区域根据调整内容记性了简单的分区,更方便我们使用和记忆啦!
下面,我们以项目【STRIPES】为例,一起来看看每个参数的作用吧!
TYPE区域:
X-Scale:控制整个横幅与填充文字的横向长度
Y-Scale:控制整个横幅与填充文字的纵向宽度
weight:控制填充文字的字重
Tracking:控制横幅的横向长度,文字间距也会相应变化
RIBBON区域:
count:控制横幅的条数
X space:控制横幅的横向距离
Y space:控制横幅的纵向距离
Size:控制横幅的纵向宽度,但不修改填充文字的大小
Offset:控制每个条幅的最大弧度位置
WAVE区域:
Size:控制横幅波动幅度的大小
Speed:控制横幅波动的速度
wavelength:控制最大弧度之间的距离,也就是每条横幅上弧形的数量
Slope:控制弧形最高处的平滑度。
PRIDE!
点击即可为图形添加彩虹色彩效果!
横幅颜色选择
取消色块前的对勾选择,图形中相应颜色的横幅就会消失喔~
背景颜色更改
点击色块出现调色板,就可以任意设置你想要的颜色啦,背景颜色也可以实时预览哦~
效果预设
下方的方块处是网页提供的效果预设,点击就可以跳转保存使用啦!如果效果不满意的话,也可以在参数区继续调整哦~切换预设效果之前记得保存你的创作效果哦~
图片保存
方式一:在参数区域会有按钮【Save Loop】或【Save PNG】,点击就可以保存效果动图或者PNG图片啦!
方式二:没有保存按钮的效果里,可以通过点击右键-图片另存为,保存效果静态图片。
方式三:录屏软件进行录屏,保存视频开始你想要的编辑!
注意事项
在网页的使用中会遇到一些小问题,小编列出几项,希望能让你的使用过程更加顺利便捷!
提示一:在不同的样式中,右上角的【Select】展示出的样式数目不一样哦~回到CYLINDER才能找到找到最全的11种效果!
提示二:电脑尺寸不同,展示出的页面效果会有所区别,尺寸较小的显示屏,左下角的参数调整区域会交叉在一起,可以试着调整网页缩放,或者找个更大的显示屏来获取更好的使用体验,但是并不影响具体操作使用和最终效果展示喔~
网页功能如此高级,小小的问题可以忽略不计啦~网页也一直在更新改进完善,让我们怀着感恩的心一起期待更多功能的上线和更好的操作体验吧!
如果你在使用过程中有任何问题,或有其他宝贵的意见和建议,欢迎在下方评论区留言,和更多优秀设计师一起交流学习!

神器链接:Space Type Generator
https://spacetypegenerator.com/

回复

使用道具 举报

0

主题

1667

帖子

3912

积分

禁止访问

积分
3912
发表于 2022-3-16 11:03:10 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

站长推荐上一条 /3 下一条

快速回复 返回顶部 返回列表