PhotoshopでWeb2.0なロゴマークを作る方法

Photoshopで、Web2.0系サイトでよくあるギザギザしたロゴマークを制作する方法がWeb 2.0 Badge Photoshop Tutorialに載っていたので作ってみたところ、簡単だったので日本語で分かり易く解説します。

Photoshopで、Web2.0系サイトでよくあるギザギザしたロゴマークを制作する方法がWeb 2.0 Badge Photoshop Tutorialに載っていたので作ってみたところ、簡単だったので日本語で分かり易く解説します。
各ジャンル多数のイラストを使用して、それなりに見えるロゴを即席で作ることが出来るロゴメーカーサービス。
WEB2.0系というか、グラデーション文字と水面に反射したような例のロゴがジェネレーターですぐに作れるサービスです。以前あったWEB2.0ロゴジェネレーターWeb2.0 Logo Creatorは消滅していたので新しいものを探しました。

Logo Maker : Web 2.0 Stylr
WEB2.0スタイルのロゴメーカー。
グラデーションの始まりと終わりの色指定と、フォント指定、画像ファイルを読み込んでロゴと組み合わせることが出来る。
出力されるロゴが小さい。

web2logo
Flash版のWeb2.0 Logo Creatorっぽい感じのサイト。
![]()
下のフォーム部分のタグを改変すると画面に反映されます。
画像出力はされないので自分でキャプチャーする必要あり。

Web2.0 - Logo Creatr
よくある3タイプから選択できます。

一枚の画像とCSSでフォームボタンをWiiブラウザのボタンっぽくする方法。
IE6, IE5.5, IE7, Safari 2, Firefox 2, Opera 9に対応していて、タグもシンプル。
![]()
それぞれ、EPS,SVGなどベクター画像形式で配布されている(PNG,JPGもアリ)ので、そのまま使わなくてもベースにしていろいろカスタマイズできる画像素材です。

Web2.0風でよくあるギザギザボタン。

MacのAqua風ボタン素材。