本文要介绍「Svg Wave」是个免费背景生成,可以快速制作波浪背景,和前荐过 Get Waves 大小异:
Svg Wave 调整波浪的波峰数量、波浪层数和,有自定义颜色或是使渐层色效果,具有非的可自定义性。
如果你确定怎么做较好看,随机按钮点一就会立即产生某个样式,在 Svg Wave 将波浪图输出为 SVG 或 PNG 格(SVG 接出码),若你觉开发网页时使用单色背景看起来太过单调,Svg Wave 是个不选择。
Svg Wave
网站链接:https://svgwave.in/
使用教学
开启 Svg Wave 网站后会看到波浪背景范例,从「Color」选取颜色或「Gradient」以两个颜色生渐层色效,Svg Wave 可实时预览颜色。
渐层色是蛮有活力选项,选择两个颜色能生渐变效。
上 Waves、Layers 分代表波浪数量和层数,接以拖曳调会实时呈现在网页上,调 Height 可选择不浪高,看起来体感觉又会不太样。
如想知在深色背景呈现效,选 Svg Wave 右上图标可切换深色模。
最后,选右下「Export」选择要汇出为 SVG 或 PNG 格,如是 SVG 会接出码。
值得一试的三个理由:
- 可在线制作波浪图网页背景图片
- 定义波峰数量、波浪层数和高度并实预览
- 产 SVG 或 PNG 图片格式
© 版权声明
文章版权归作者所有,未经允许请勿转载。
暂无评论...
相关文章
前言 我相信大家肯定有遇到过,时间短,还需要一张漂亮的背景图,这肯定是弄不出来的呀,那么办?今天就给大家带来一个免费生...
偶尔会看到带有波浪形状的网页背景设计,通常会配合平面化设计风格一起使用,会让整体看起来更活泼。倒是从没想过这个效果是...
知名的免费图标网站 Iconfinder 要和大家一起对抗新冠病毒,和图标设计师联手推出一系列「防疫免费图标集」(Coronavirus awa...
年初在《免费可商用!这个网站有超多好看又能打的高质量视频素材!》一文介绍过这个网站,主要以收录高画质的影音素材为主,...
让Figma变成交互原型神器!ProtoPie这个插件官方都推荐过! 去年,当我认识Figma这款线上协作设计工具后,便爱上了它。没想到...
设计师们,以下情况你们遇到过吗? 繁琐和无效率的呈现方案 好不容易把产品经理各种奇妙的想法理解清楚后,费尽脑汁做了...
最新一期的设计圈实用干货大合集来了!和以往类似,11月的干货合集当中,涵盖了一些实用性颇为不错的设计工具和开发工具,但...
本文要介绍的「PICaboo!」是一个日本免费、可爱的向量图插图素材网站,无论是个人或商业用途皆可从网站下载EPS、PNG格式插图...