VIVABlog

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

Continue reading…

各ジャンル多数のイラストを使用して、それなりに見えるロゴを即席で作ることが出来るロゴメーカーサービス。

LogoMakerの使い方

使用したいアイコンのジャンルを選択します。
後々変更が可能なのでなんでもOK。

Continue reading…

Googleロゴからコカコーラ、スターウォーズやスパイダーマンなど有名どころのフォントをつかってそれ風のロゴを作成出来るサービス。

google風

一応スターウォーズ

古いけどグーニーズ

映画紹介サイトとかにいいかもね。

[ Logo Maker : Search Engine Maker ]

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に対応していて、タグもシンプル。

1. 画像とCSSをダウンロード
2. 画像をアップロードして、round-button.cssのbackground:url(btn0.png) 100% 0 no-repeat;部分を自サイト用に変更。現在使用しているCSSにコピペするか、round-button.cssをアップロードして、ヘッダー内にリンクを貼る。
3. formのinputボタンを以下に書き換え

   <span class="button"><button type="submit" name="foo" value="yout text">yout text</button></span>

[Simple Round CSS Links ( Wii Buttons )]

それぞれ、EPS,SVGなどベクター画像形式で配布されている（PNG,JPGもアリ）ので、そのまま使わなくてもベースにしていろいろカスタマイズできる画像素材です。

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

MacのAqua風ボタン素材。

[ Free Vector Downloads ]