手軽にパターン画像を作成することができるジェネレーター「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にコメントしておくと良いでしょう。






Illustratorでモザイク柄とドット絵に加工する
CSS3を使ってグラデーションを作成
Photoshopで人物の目の色を加工する【カラコン風】
Photoshopで水滴やしずくを表現する方法
Bootstrapのテーブルスタイルの使い方
【Photoshop】写真を紅葉の季節に変える方法