大好，我是小凹，是的，你没看错，又是我~们！
期打给你们分享一个文字效果的网站，并且它还以设置动态的样式，让你的报动来，来，网址先给你们：
spacetypegenerator.com
我们先看看，东宁老师用它设计的报是什么样子的吧？
知道我们怎么设的这几张动态海报吗？那跟着我继续学习今天教程吧！
打开后，是这样个页，这里很多选项和按钮，你可以随意调，先玩哈，大概了解这个网站功能了。
这网站，我们可以称之“空间类型器”，发者这佬。
他叫Kiel Mutschelknaus，这设师读研究间自学的3D编程，创建了这网站，过这几不断的新，这网站非常强，彻底弄明白里面的各种效果，就相当于学了一新的软件，所以，希望家今天可以我的思，打网站，看学，这样能好的吸收。
接来，我们来深入了解这个的功，从而为我们设计务。
网站包含5个功能分区
现在共有11个空类型，随着作者不断开发，类型会有所增加，所以大家平时可以多关注这个网站，说不定什么时候大佬更新了。
我们先来看看第个立体空类型——圆筒，这个也是我们打开网页后默认类型，首先我们看看它参数设都代表了什么
先看一部分的四个，是基础整，分别对应的是：
- 圆形的半径，数值越大，圆环越大；
- 圆形的个数，数值越大，楼越；
- 旋转的速度和方向，默认数值是-5，向左调整越大，圆环就向左旋转并且越快速，向右调整越大，圆环就向右旋转并且越快速；
- 最后层圆柱偏移。
第二分是7个调整命令，分别是：
- 波浪的数，这下面几项调整后再调整它会明显的效果，默认2，数越，波幅越多；
- 波浪的速，数值越大，起伏越快；
- 下面是经度纬度，数值越大，经纬度的文字变化越大；
- 波纹，数值越大，起伏越多；
- XY刻度上文，长度和高度。
这分就是对字本身的调整了，X越大，字越宽，Y越大，字越，重量就是字的粗细，这分个项和上面的XY轴对字体的变是一样的。
这部分面所都调整好之后，对XYZ轴文字的方向变化的设置。
这分就很简单了，要是对于视角的调整，想要么视角直接调整参数即可。
左上两个色块，是可以替换主体颜色和背景色，最上有个pride（自豪），应该是作者提供色参考，是个虹色渐变。
下它的动画效果
△ simple简
△ Jellyfish水母
△ Crown冠
△ Complex复杂
△ Weave编织
△ Hoops铁环
上面红区域，是文字内容，把你想要的文字信息输进去即，当，里只能输英文的，并且字没得选，（不，面有几个空间类型是以输文和韩文还有中文的）
下面蓝色块，点击之后会有窗弹出，显示的大概思是，如果你想使用这个网站，可以把做完的作品发给的邮箱，得允许方可商用，以及后续会添加其字体进来，完善这个网站。
第二个空间类型——领域
第一分的个，是基础调整，分别对应的是：
- 网格的栏数，数越，文字的度就越，
- 字距和行距就较好解了，和我们使的软件逻辑是一致的。
第二部主要是文本的调整
- X范围是横向进行整，注意里是直接拉动文框，数值越大，文字被拉动的幅度就越大。
- Y范围是竖向进行调整，数值越大，文字被竖向拉动的幅度就越大。
- 这里和平时使用软件是样。
第是对画的调整
在三的空间里面除去X轴和Y轴还有一个深度的Z轴，所以我们在整的程中，就以整出三的效果。
△ stack堆叠
△ bricks砖块
△ simple简易
△ complex z复杂Z
△ zebra斑马
△ harlequin花斑
领域里总共有6个画预设，在此基础上调整字和一些参数，就可作为自己画面的体或者背景了。
案方面，择了《微吹来年的心事》这本书，并为设计一款配套态海报，为了还原那种被微微吹的视觉效果，经过反复的尝试后，终于到了最适合它的设置参数。另外，版面的构成是影响画面情绪重要元素。标题通过错落的编呈现，是为了模仿的无形与变莫测。余的元素尽量预留更多的留白空间，整体显得更透气一些。
这个例子的参数设置实较直观，上方基本的改，实际上是在调整字的大小、距离、粗细等属性。而决定它要怎样的，是方的两个属性，分别是X轴和Z轴上的平滑，需要注意的是，的幅会影响我们对“”大小的判断，如果是微的话，抖的幅就要太大。
仅仅是对于参数的设置，在设计的很多领域里，都证明了“即是多”都重要性。谓贪多嚼烂，我们在接触事物都时候，心多会有一种把有要素都上都冲，过，相信我，真正成熟的做法，是了解每个命令的优缺点，然后针对同的应环境，斟酌和精简，克制的它们。最终会得到更好的效果。
第个空间类——条纹
第一部分依旧文本的调整
- X范围是进调，注意这里是接动文本框，数值越大，文被动幅度越大。
- Y范围竖向行调整，数越，文字被竖向拉动的幅度就越。
- 跟踪分可调整字的字距。
数量是可以规定画面中的丝带的数量，
X空和Y空是让个图形在三维空进旋转，
丝的小也可以通过命令行调整。
动画速度和波动激烈程度可以在这个部分进调。
△ marquee遮檐
△ subway地
△ wow哇哦
△ stacks堆叠
△ OLD SEA 黑白洋
△ color sea 彩洋
△ simple wave简单波纹
△ simple wave简单波纹2
△ not so werid不是太怪
△ racer赛车旗帜
丝带这部的动画预都比较动，建议大家在使用的候不要用预好的颜色，因为颜色过多，容易让你的计画面不受控制。个人比较喜欢“地铁”的动画预，置的好，可以让画面变得髦。
第四个空间类型——线圈
X范围和Y范围分别是调整字体的和宽，调整后整个矩形环会随着发生改变。
这部分可以调整图形的矩形数，每一宽度，还端点可以行调整选择否使用圆角。
调半径样可以改变圆环大小，注意这不会改变文大小和形状，起始位是从内更改圆环大小，旋转数默认是1，数值越大旋转速度越高。
如果觉纯的圆环转动有些调，可以尝使用这个部的命令，可以给圆环增加一些波动的属性在面。这的尺寸、数量和速度都是定的波动的属性。
△ wide宽广
△ super超级
△ amoeb变形虫
△ spacer隔档
△ kitty 凯特
△ hourglass 漏
△ star星星
△ Zztar异形星
△ pretzel糖果混合效果
△ lemniscate柠檬
有点爱圈里的动画预设，尤其是沙漏面的几个，是以为画面主形象而存在的，比部分的小标题我就是用的Zztar来整的。
5个空间类型——旗帜
X度Y度同样调整单文字的度宽度，数越效果越明显。
行数是调整整个图形的的。
最一个数值是以进行文字的大小的节，注意里的整是不改变文字的间距，是直接将文字在原文进行大小的整的。
波的调整就和前面的效果是一样的，
排数抵消以在不改变整高度的情况下，让整个画面由平滑的效果变成为尖锐的效果。
△ a banner横幅
△ a twist扭转
△ folds褶皱
△ flat sea平坦的海面
△ barber理发师
△ silos筒仓
△ mystery神秘
△ origami折纸
△ cola wave 可乐波
△ origami折纸2
△ B&W黑白
△ newsprint新闻纸
△ edge case盒
它的预设很像，「条纹」和「领域」空间类的预设结合，这里它默认的预设图像都较夸张，大的时候要适当的调整，虽然这里调整字体，但是如果作为一个画来说，你可试试字，择标点符号，或者一系特殊符号，有可会得到一个错的的画效果。
第6个空间类——森泽
这个效很适合文很多内容进编排，这里命令相来说比较简单，都是在调文关系。可以参考图片上翻译。
卷屏速度是设定动画速度，数值越大，速度越快。
蒙版这里设置动画的宽度，数越，动画的宽度越小。
△ 后置空间 post space
△ bridge 桥梁
△ beach 海滩
△ moon 月亮
△ whitney 惠特尼
△ recede 逐渐变小
相信大家看「森泽」的预设，满脑袋问号，像一堆代码啊，其也是它区别其他空间类型的地方，它里以以符号（字母）代替，做出不同的动画图形，适合大面积文信息和抽象类的设计。
这个部分主要是文本进个调，和前命令都是相似，X范围是文长度进调。符宽度是调文距。
了这个部是对动画的整体进行调整，主要是调整动画的激烈程度。
△ checker对人
△ cascade瀑布
△ classic经典
△ mosaic马赛克
△ ticket票据
△ run跑步
△ salmon发廊
△ gird格
△ web art 络艺术
△ sparkle闪耀
△ pixel gradient像素过渡
和「森泽」有点像，是不走寻常路的预设，只不它里以马赛克的形式为主，还有一射的波动，适合做背的大面积图像，从“廊”之，以尝试以空或者符号来代替字符，你得到很惊喜。
8个空间类型——丝带
第一部分也基础的调整：
- 段距：数值越大，距越宽松，带距也随变大。
- 段数：数字越小段落越多，数字越段落越少，转折也就越少。
- 字体：数值越大，字体越。
- 跟踪：个其是字的宽窄，数值越小，字越窄，最变成一条。
- 笔画的类型：相当于笔画的粗细，调整文字的字重。
速度就彩漂浮变化的速度，越，速度越。
这部分主要针色带调：
- 色带高度：数值越大，色带越高
- 色伸：数值越大，伸越长
- 色数：数越，色彩的层数越多
- 色带间距：层数拉开的距离，越大距离越大
- 带偏移：错开的距离，越大错位越大，在0和2的时带是对齐的，中间数值让彩产生错落感。
它面有个候补，点之后会给你一个随机的错落感。
比例：就是图像缩放的大小，越大图像在画面也就越大
左上角，一个是储存按钮，它可存储GIF格式的图片，一个是色彩的设置，可择给彩带设置渐变色或者纯色，每一面的颜色是可单独设置的。
△ Basic基本
△ Streamers带
△ Terrace梯
△ Link链接
△ Sea海洋
△ River河流
△ Web Art网络艺术
△ Primary初级
△ Snake蛇
△ Hot / Cold冷暖渐变
△ Track轨
△ Track II轨2
丝带这个命令，顾名思义，能够带来类似丝带效。是我偏偏不想让它像这样接呈现，为视觉传核心始终是内容，而酷炫形，在寻找内容时，我也在考虑怎样将这个效简化处理，并能够让我文案信息与匹配。
反标签，本身是个带有比喻性质标题。不过在视觉表现上，这比喻也是可以过动画来实现具象表。动态形色块，被我赋予了“标签”含义，而上文“label”也会随着标签流动而随反转。这很观，也很有抵制偏见属性在里。在版编排上，我也试图打破那标题在上，内容在下刻板印象，将大部分内容合到块视觉积上。在年轻又富有活力色烘托下，耳目新视觉感受。
参数的调整思路主要是，加大线段的对比，让绕转的字数减少，并且间距加大。同将色块的比例控制在近1：1的方形尺寸下，让文字变粗，并且在色块内置一个版心的大。
在呈现的视角中，把Y和Z轴的数值拉满，并且微X轴的角度，让画面呈现出最简化的正视角度。整的程需要不断反复尝试，才能得到自己想要的效果。随着字数的增加和减少，呈现出来的效果其也并不一样，所以里的数值是仅供参考的，大家千万别死硬背，重要的是理规律。
9个空间类型——次
这一些字体选择的，部分的设置：
层数越多，纵深的楼层就越多；字号，就是字体大小，，就是上两边的，宽，左右两边的宽；旋转默认是8，越向两边，旋转的角越。
△ Speed Racer 极速赛手
△ To Space前往太空
△ 나선형의 것螺旋形
△ Lost Time 失去时
△ Dot Spiral 螺旋线
△ Be ggressive 积极进取
△ Meat Space 空
相信很多同学网都看到过类似的动态海报，以只能用AE实。其实，这空间预设，毫不夸张的，每一屏截下都可以作一张海报了，只不过字体方面太多选择。
第10空间类型——危险
“危险”个空间类型，整的按钮比少，上部分个，分别是：
- 速：和前面一样，数值越大，作越快；
- 大小：指的是破碎斑驳的大小，数值为0时，没有任何变化；
- 列：向左或向右都可以加重破坏力度；
- 复杂：破坏复杂性；
- 行：向左水波纹的效果，向右支离破碎的效果，都横向破坏的力度加。
下部的几个设置按钮也非常简单
置文本内容，选择字体（可算有字体选择了），还有针对字体的大和行距进行调整，颜色可以和背景反向。
△ All yours都是你的
△ Just OK还可
△ Not so good太好
△ Cheer呼
△ Date 日期
△ Hopes希望
△ Circle圆
里大家设置文字信息的时，果是一句，尽量设置成有长短变化的文字组，包括里默认的文字组，是很注意长短节奏的变化，建议大家以参考。
老说，戏在头呢，个网站完印证，里11个空间类型，最个是我个人最喜欢的，因为它自带“钢笔工具”，以随意造型，甚至是设计文字。
第11个空间类型——串
因为最后这个功能较多，所以每一部，都给大家拆解出来，这更易懂
一行的英文，告诉你，你想新一个锚点，你就在鼠标没落下的地方，按下回车键，样就是单独的一条。
还有字体选择面，这次包含了各种语言，终于可以中文字了，而且是免费的思源黑体，以及日文的思源黑体粗字重。
带的数值越大，宽度越宽，带条数默认是1，数值越大，条数越，轮廓描边是根据条数描白边或者黑边，最一个是点选圆角端点。
这分就厉害了，可择任何一种模式，可是渐变，本，条状，还有有模式的混合，这对于我们设计师来说太强大了。
对于色彩也给了很多选择，五渐变节点可选，什么渐变都可以满足，背景色景色也可以改变的哦。
△ Vote 投票
△ Tracks 轨道
△ Dream-aqer梦者
△ Juicy多汁的
△ Yes &是
△ Guts胆量
△ Eels wind 鳗鱼风
△ Reset Points 重置点
「重置点」是针对上面所有预设的基款，在里你等新建一个画面，去添加锚点，绘图形，者大大太贴心。
串联个命令给我的印象，就是一个大号的贝塞尔曲工具，虽没有办法整角点，但是已经以轻松勾勒图形，不有一个问题需要注意的是，我现个工具像不能删除节点！
在调整造型的候，就遇过好次这种情况，调整好造型了，但是一滑，就要悲剧的重新来过了。
这是一本科幻书籍的宣传海报，名字是交错的界，如果想体现这个交错的概念，选择“串”这个命令觉就不错。别喜欢它拐点的位置，那种文字变形的视觉。在造型上，并没有选择别复杂的式，因为会觉得作为科幻题材，要做的其实是“减法”才对。除此之外呢，为了表现这种未来，也使用了黑色，让版面显得观，并且理性的印象。为了贯彻这个简的概念，层划上，也是尽量克制的使用对比，希望能够借由这的画面，让内容更好的传达。
这案例中的参数设置的操作其实并不算困难，主就选择了描黑白的配色，重点部分主随后的塞尔具的运用。
小贴士
如果你使了mac端自带的录屏工具（Shift+command+5），那么就需要手修改件的扩展名了。经过测试，ps软件可成功拖进.MP4格式的视频件。
另外，录屏的时机很重要，如果是设计类似的字效果，就需要起始点和终点的画面够正衔接，一定要把这些都录制进，更细节的调整就需要在软件里剪辑了。
把视频拖到PS的界面里之前，需要先打开口命令的时间轴。我们可在这个时间轴的口里适当裁剪画的长。
接来，就是把录制好的视频拖到PS软件里版了。扔到界面后，你会发现它是上图这样婶滴，这时千万要慌，在点一车键。我们就得到了一个类似图片的“东西”了。因为这个画面的边界分是没有画的，我给它了一层蒙版，这样一来，背景色分就被掉了，成为了一个退的视频。
最后，在件命令，到导-储存为web格式（旧版）这个命令。就可正得到一张态的海报图了，是是很简单呢？
看完11个空间类型，是不是感个网站非常的强大，以帮助我们决很技术上的问题，不，能很同学的思路还没有打开，里我们看看者人，用网站做的一设计吧
是不是又颠覆了自己这个网站认知，所以，不如大家自己多去实践看看吧！
欢迎关注研习设的微信公众：「Yanxishe2017」
浙公网安备33011002017549号