2006年07月29日 (土)

背景画像生成ツール「Background Image Maker」

斜線やグラデーションといった“Web 2.0”的な背景画像を、Web上で簡単に生成できるツール「Background Image Maker」が便利です。

Type
  ……スラッシュ、ストライプ、ドット、グラデーションなど基本となるパターンを選択
Margin
  ……線の間隔
LineColor, BackgroundColor
  ……線色と背景色
Size
  ……大きさ
Option
  ……回転・反転など

各項目を調整して「Make」ボタンを押すと画像が生成されます。サンプルを見ながら、好みに合わせて数値を弄ってみましょう。透過PNGとして保存されるので、スタイルシートのbackground-colorプロパティと組み合わせると表現のバリエーションも広がります。生成されたURLをそのままスタイルシートに指定することも可能ですが、出来る得る限り、自分のサーバーに画像を保存して使用することを推奨しましょう。

Webデザインに重用されるこの手のテンプレート画像は、その都度一から作り起こすのは面倒で、地味に厄介な存在でしたが、それも今やWeb上のフリーツールで簡単に作成することが出来る時代です。手軽にWeb 2.0ライクな装飾を施すことが出来るこれらのソーシャルサービスは、単調な作業の手間が省けるだけ、重宝します。

ARCHIVES

  • Browse All Archives [1746] »

RECENT ENTRIES