WEB素材:背景画像を簡単に作成してくれるサイト

background-imageの素材を簡単に作れて、さらにCSS上で背景画像自体を調整できる超便利なサイトです。

Background Image Maker
lab.rails2u.com/bgmaker/


背景画像のタイプは4種類（・Slash・Strip・Dot・Gradation）
いずれも背景画像として良く使うタイプが準備されています。
設定は、線の間隔と線の色、背景の色、大きさを好みで指定でき、Optionsを使って反転や回転も可能。

全ての設定が完了→「Make」ボタンをクリックすると設定した画像のURLと実際の生成画像、使用した際のサンプル画像が表示されます。

CSSのbackground-image：url(” “);にこのURLを指定すると背景画像として使用でき、URL内のmargin、linecolor、bgcolorの値をCSS内で変更させることで、画像を変更させることができます。
※微調整をした後にイメージに合う背景になった後、自分のサーバに保存して使う事がオススメです。