お気に入りツール

Web2.0風ボタンの作り方

こんな感じの、いわゆるWEB2.0的なボタンの作り方です。

自分でゼロから作るには面倒だけど、使い道はある。

Photoshopなどの画像編集ソフトを使わずに、オンラインツールを使います。

MyCoolButton


WEB2.0風ボタンの作り方

1. 画像サイズを決める
2. 色を決める　ボタンの色・背景色
3. アイコンを決める（通常はNo ico　自分の画像を挿入することも可能）
4. アイコンのサイズを決める（通常は20）
5. アイコンの配置を決める
6. ボタン内の文字を決める（日本語不可）
7. フォントを決める
8. フォントの文字色を決める
9. Apply Change を押して変更点を適用
10. Download　を押して　pngファイルをダウンロード

完成です。

1～8まで手順はありますが、実際はテキストだけ入力すればそれなりのアイコンが出来上がります。

© 2007 異貌なメディア JJLW.