// This article is ...

お気に入りツール

Web2.0風ボタンの作り方

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

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

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

MyCoolButton

web2.0ボタン作り
WEB2.0風ボタンの作り方

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

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

記事終わり



人気記事とコメント一覧

No comments for “Web2.0風ボタンの作り方”


900914

コメントする