背景画像生成ツール「Background Image Maker」
Posted by ramhorn05j
斜線やグラデーションといった“Web 2.0”的な背景画像を、Web上で簡単に生成できるツール「Background Image Maker」が便利です。
Type
……スラッシュ、ストライプ、ドット、グラデーションなど基本となるパターンを選択
Margin
……線の間隔
LineColor, BackgroundColor
……線色と背景色
Size
……大きさ
Option
……回転・反転など
各項目を調整して「Make」ボタンを押すと画像が生成されます。サンプルを見ながら、好みに合わせて数値を弄ってみましょう。透過PNGとして保存されるので、スタイルシートのbackground-colorプロパティと組み合わせると表現のバリエーションも広がります。生成されたURLをそのままスタイルシートに指定することも可能ですが、出来る得る限り、自分のサーバーに画像を保存して使用することを推奨しましょう。
Webデザインに重用されるこの手のテンプレート画像は、その都度一から作り起こすのは面倒で、地味に厄介な存在でしたが、それも今やWeb上のフリーツールで簡単に作成することが出来る時代です。手軽にWeb 2.0ライクな装飾を施すことが出来るこれらのソーシャルサービスは、単調な作業の手間が省けるだけ、重宝します。
