手軽にパターン画像を作成することができるジェネレーター「Background Image Generator」の紹介です。これを使えば、Photoshopなどの画像編集ソフトを使用しなくても自分の好きなパターン画像を簡単に作ることができます。

Background Image Generatorの使い方

まずは、Background Image Generatorへアクセスします。すると、左側にパターンを作成するための項目がいくつかあるので、それぞれ好きな値を設定して画像を作成します。

Background Color

ここでは、配色の設定をすることができます。直接、カラーコードを入力するかカラーパレットをクリックして好きな色を指定します。

パターンの配色設定

Pattern

ここで、パターン画像にする柄を設定します。

パターン模様の設定

Blend Mode

ここでは、様々なフィルターをかけることができます。

パターンのフィルター設定

Pattern Intensity

ここで、彩度などパターンの強度を変えることができます。

パターンの色相設定

Noise

ここで、パターンにノイズの効果をつけることができます。

パターンのノイズ設定

パターン画像の作成が終了したら、画面下にある「Download Background Image」というボタンをクリックしてファイルをダウンロードします。
なお、作成したパターン画像は「/* Background pattern from subtlepatterns.com */」というクレジットをCSSファイルやHTMLファイルに記載することを求めているようなので、実際に使用する際はCSSやHTMLにコメントしておくと良いでしょう。

その他の記事