- 2008年9月 4日 10:30
- Web制作
最近HP上でWeb2.0風のボタンやバッジなど見かける事も
多いと思いますがこのバッジを1から作るのは難しいですよね？
そんなときにこの「Fresh Badge Generator」を使って頂くと
簡単に作成する事が出来ます。
作成方法の基本は画面上部のボタンを使い設定します。
各リンクをクリックすると詳細設定（画面下部）へ移動しますので
設定を行って下さい。
まず、「Fresh Badge Generator」を立ち上げてから
画面上部の【start now】を選択します。
次にそれぞれ
【Badge Shape/Colors 】で形式と色を
【Add Text {w/Options}】で中に入れる文字を
【Freshen Overall Look of Your Badge】で影をつけたりつやを出し
【Peel an Edge 】で外側を削ったりしてみて下さい！
ちなみにそれぞれの設定画面はこのようになっています。
（形式と色の場合）
デザインや色やテキスト内容が決まったら
【Update/Create Badge Now】を選択します。
少し待ちますが、作成完了後はpngイメージが表示されます。
あとは、jpgかgifのどちらかのファイルタイプを選択しドラッグして保存して下さい！
かなり詳細な部分まで設定できますので、
オリジナルのWeb2.0風なバッジを作成する事が出来ます！
みなさんも、一度作成してみて下さい！
多いと思いますがこのバッジを1から作るのは難しいですよね？
そんなときにこの「Fresh Badge Generator」を使って頂くと
簡単に作成する事が出来ます。
作成方法の基本は画面上部のボタンを使い設定します。
各リンクをクリックすると詳細設定（画面下部）へ移動しますので
設定を行って下さい。
まず、「Fresh Badge Generator」を立ち上げてから
画面上部の【start now】を選択します。
次にそれぞれ
【Badge Shape/Colors 】で形式と色を
【Add Text {w/Options}】で中に入れる文字を
【Freshen Overall Look of Your Badge】で影をつけたりつやを出し
【Peel an Edge 】で外側を削ったりしてみて下さい！
ちなみにそれぞれの設定画面はこのようになっています。
（形式と色の場合）
デザインや色やテキスト内容が決まったら
【Update/Create Badge Now】を選択します。
少し待ちますが、作成完了後はpngイメージが表示されます。
あとは、jpgかgifのどちらかのファイルタイプを選択しドラッグして保存して下さい！
ちなみにこちらが作成後のバッジです。
かなり詳細な部分まで設定できますので、
オリジナルのWeb2.0風なバッジを作成する事が出来ます！
みなさんも、一度作成してみて下さい！
- Newer: mailer-daemonって何？「RFC1893」のコードやメッセージからエラー原因を特定する
- Older: 簡単にgifローディングイメージができる「Load Info - gif generator」
Comments:0
Trackbacks:0
- TrackBack URL for this entry
- http://webpersons.jp/mt/mt-tb.cgi/518
- Listed below are links to weblogs that reference
- Web2.0風なバッジを簡単に作れる「Fresh Badge Generator」 from Web Persons [ウェブパーソンズ]｜Web担当者向け情報サイト
