学会这个神器,动态海报一秒出图!

大家好,我是小凹,是的,你没看错,又是我~们!

这期打算给你们分享一个制作文字效果的网站,并且它还可以设置动态的样式,让你的海报动起来,来,网址先给你们:

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 凯特

版权声明:Ruyueji 发表于 2022年6月22日 上午6:45。
转载请注明:学会这个神器,动态海报一秒出图! | Ruyueji导航站

暂无评论

您必须登录才能参与评论!
立即登录
暂无评论...
一键登录,制作专属导航! 立即登录