设计神器Wickedbackgrounds！一键生成精美波浪背景！

admin

在设计⽇常中，我们不乏需要波浪背景，那⼤家都是怎么制作波浪背景的呢？ 刚⼊⾏的同学可能会直接打开某图、某瓣去找素材吧，不过⼤多数朋友应该会选择去 AI 画⼀个出来。但是现在我要告诉你，制作波浪背景不要翻牌某图某瓣了，去宠幸下⾯这个神器吧，事半功倍！

神器介绍

Wickedbackground，挺⻓的名字，中⽂名叫邪恶的/顽⽪的背景。它是⼀个免费且开源的背景⽣成器，针对性提供按⾃定义数值实时⽣成波浪背景的功能。⽹站虽功能单⼀，但⼗分精美，动 效丝滑、版式⼤⽓，不愧是四家知名⼯作室联合制作的产品！ 那接下来请允许我为⼤家介绍它的使⽤！

生成方法

进⼊⽹站后我们打开的是神器的⾃我介绍⻚，想要使⽤它的话还要点⼀点⻔铃，⻔铃在⾸屏，就 是「Launch Generator」这个按钮。点击之后就可以⻅到⽣成功能⾯板啦～

功能⾯板⼗分简洁，⼀⽬了然，家⾥有⼏头⽜都能看出来。 总的来说，左侧⾯板是我们⾃定义操作的区域，导出功能也在这⾥。⽽右侧是⾃定义数值后的结 果显示区，会根据不同的设置实时⽣成对应样式。下⾯我就演示⼀下各项⾃定义项⽬～

01.颜⾊选择

Pick Color 是颜⾊选择器，定义⽅式基本跟 PS ⼀样，没 PS 复杂⽽已。选择某个颜⾊后，会把选择后的颜⾊作为主⾊，然后⾃动按系统写死的梯度进⾏⽣成。

关于颜⾊还有另外⼀项设置：Color mode（⾊彩模式）。

Color mode 会默认为 Lighten（明亮），我们可以设置成 Darken（暗⾊）、Spin（就理解成 RGB 吧），如果你希望主⾊向浅⾊变化就选 Lighten；希望往暗⾊变化就选 Darken；希望花⾥胡 哨就 Spin。 每次选择颜⾊后都会⽣成不同幅度的波浪，幅度怎么控制呢，⻢上开始介绍～

02.幅度定义

这⾥说的幅度主要设计到三项数值的控制：Angle（⻆度）、Waves（波浪数）、Randomize （不规则分布度）。

在上⾯的演示中，我先定义了波浪的⻆度，⻆度有⼋种数值：从 0 到 270 度，全⾯覆盖所有⻆度可能性。其后，直接拉满 Waves 的滑动条，可以看到波浪的数量⼀下变多了，所以如果想控制波浪多少的话，就像滑板鞋⼀样滑它吧！最后我⼜拉满了 Randomize，右边的波浪瞬间变得调⽪了起来，⼗分的不规则，就像幼⼉园上体育课乱跑的⼩孩⼉，不过越不规则越显得灵动活泼，⼤ 家可以操作它去找到适合⾃⼰的样式。

03.随机⽣成

在 Pick Color 的上⽅，有⼀个 Regenerate（再⽣）按钮，点击它，会⾃动按照当前下⾯的预设值，再次随机⽣成不同样式的波浪。 如果预设出来的样式不能满⾜你的需要，那就点它吧，⼗分有趣！

导出方法

⽣成结果的导出有两种形式：Download（下载）、Copy SVG。均在左侧⾯板的上⽅。 Download 下载下来是⼀张 SVG 图，不是 PNG 也不是 JPG ⼤家得注意下。所以需要 PNG/JPG的 话，需要再去软件⾥处理⼀下。

Copy SVG ⼤家应该都知道是怎么个效果，没错，就是跟复制粘贴⼀样的⽤法，⽐如我 Copy SVG，然后在 XD ⾥⾯粘贴，就会得到⼀个⽮量对象：

每⼀层都是可以独⽴编辑的，所以⼤家需要对某⼀图层做颜⾊样式变化的话，就 Copy SVG 到软件⾥处理吧，这样⽐ Download 快⼀点。

是不是感觉⽐找素材快多了⽅便多了呢～⾄于它的应⽤范围，其实很⼴阔，⽤来做壁纸就不说 了，其他的应⽤点⽐如：PPT 背景、海报/ Banner 素材等等等等，就像这样：

做个⼩ banner 也是唾⼿可得，只有想不到，没有⽤不到～

结语

神器的介绍就到这⾥了，实践出真知，我是觉得⽤它⽐在 AI 做效果快多了，链接在下⾯，不信你试试！

神器地址：Wickedbackgrounds

https://wickedbackgrounds.com/