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ライクな装飾を施すことが出来るこれらのソーシャルサービスは、単調な作業の手間が省けるだけ、重宝します。

INFORMATION

RECENT ENTRIES

ARCHIVES

  • Browse All Archives [1680] »

COUNTERS

  • 01,498,525
    Y: 591 - T: 272

CREDITS

  • Powered by Movable Type Pro 6.3.3
  • さくらのレンタルサーバ  ムームードメイン
  • Made on a Mac  Composed and Posted with ecto for Mac OS X 3.0.2
  • Valid XHTML 1.0 Transitional  Valid CSS version 3.0

STATISTICS

  • Data: O.Z.K.
  • URL: http://ramhorn05j.com/weblog/
  • Author: ramhorn05j
  • Total Entries: 1680
  • Timezone: +09:00
  • PublishCharset: UTF-8
  • Last Updated: 2017年10月23日 (月) 05:26