- 2007-08-22
- お気に入りツール
こんな感じの、いわゆるWEB2.0的なボタンの作り方です。
自分でゼロから作るには面倒だけど、使い道はある。
Photoshopなどの画像編集ソフトを使わずに、オンラインツールを使います。
WEB2.0風ボタンの作り方
- 画像サイズを決める
- 色を決める ボタンの色・背景色
- アイコンを決める（通常はNo ico 自分の画像を挿入することも可能）
- アイコンのサイズを決める（通常は20）
- アイコンの配置を決める
- ボタン内の文字を決める（日本語不可）
- フォントを決める
- フォントの文字色を決める
- Apply Change を押して変更点を適用
- Download を押して pngファイルをダウンロード
完成です。
1～8まで手順はありますが、実際はテキストだけ入力すればそれなりのアイコンが出来上がります。
- 前の記事: WebWidgetを解説するイメージ図
- 次の記事: 卓球(PingPong)ウィジェット シンプルゲーム
コメント:0
Trackbacks:0
- トラックバックURL
- http://900914.com/tools/tool/button.html/trackback