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

时间:2021-12-09
类别:在线工具
观众:14867
这是一个能让你爱上画画,找回画画成就感,甚至画上瘾的练习方法 👉 立即点击

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

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

神器介绍

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

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

生成方法

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

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

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

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

01.颜⾊选择

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

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

关于颜⾊还有另外⼀项设置:Color mode(⾊彩模式)。

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

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

02.幅度定义

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

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

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

03.随机⽣成

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

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

导出方法

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

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

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

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

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

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

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

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

结语

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

神器地址:Wickedbackgrounds

本⽂编辑:CCOA

看过这篇文章的朋友也看过...

14 收藏 42

非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,原作品版权归属原作者,转载请联系 @优优教程网 授权。

转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。

复制本文链接

发表评论 已发布 3

还可以输入 800 个字
 
 

优优教程网 365 天打卡计划

点击 #优设每日作业# 进入微博超话页面,上传并发布你的练习作业,话题微博格式【 优优教程网365打卡计划 – DAY 01 】,优秀作业将有机会被 @优优教程网 官方微博转发点评。

/

支持键盘 ← → 键翻阅图片