デザインに使える素材が作れるSVGツール

• Web Create
• 2022.08.17

今回はWebサイトやバナー等で背景やテクスチャとして使用できるSVGで生成できるオンラインツールをご紹介いたします。
様々な素材が作成できるのでいろいろな場面で役に立ちそうです。

今回ご紹介するのはfffuel.coというサイトになります。
こちらのサイトは上の画像のようにたくさんのパターン、シェイプ、グラデーション、装飾グラフィックなどを生成するページに別れていて、いろいろな素材をSVGで書き出すことができます。
中でも使い勝手の良さそうなものをピックアップしてみました。

mmmotif

三角や四角、様々なアイソメトリックのパターンをSVG背景で生成できます。

nnnoise

ノイズの入った背景を自由に調節して使用することができます。

ffflix

なめらかなグラデーションを作成できます。こういったグラデーションはPhotoshopでも作るのは難しいのでとても便利ですね。

bbbliurry

ぼかしたグラデーションの組み合わせを作成することができます。

oooscillate

なめらかな流線のシェイプを生成することができます。
背景などで使いやすい素材なのでとても助かりますね。

ssscales

グラデーション スケールのパターンを生成することができます。

まとめ

このように便利なサイト、オンラインツールを使用することで、今まで時間をかけて作成していたものを簡単に解決できるのはとても助かります。
こういった便利なサイトは積極的に使用していきたいですね。