（GIMP）5分でできるWeb2.0風バッジ
by zakki
「あの人のセリフ」のヘッダー部分にサイトロゴとしてバッジを作成する際、当初、phpspot開発日誌さんの『Web2.0風バッジをWEB上で作れる「Web 2.0 Badges」』というエントリーに紹介されている「Web 2.0 Badges - Useful collection of stylish web 2.0 badges and badge generator.」のジェネレータ・サービスを使用しようと考えておりました。
ですが、こちらのサイト、ロゴが日本語に対応しておりません。（いろいろ調べたのですが、ジェネレータ・サービスで日本語に対応しているものは無いに等しいようです。）
と言うことで、GIMPを使用して「Web2.0風バッジ」を作成しました。
作成方法は、
１、[ファイル]→[新規]で新規画像を作成します
２、[フィルタ]→[下塗り]→[Gfig]を開きます
３、左から7番目の“星の作成”をクリックします
ツールオプションの“角の数”を適当な数にします（今回は15にしました）
“ストローク描画”のチェックを外します
“塗りつぶし”を“色で塗りつぶす”を選択します（バッジの本体の色となります。今回は#FF2C00にしました）
４、すべての設定を終わったら、実際に 左の白いところに星を書きます。
自分の好みの大きさで書いてください。
（ここでは形は決定されません）
“１つのポイントを移動”（左から１１番目）を選択します。
ここで、自分の好きな形を決めてください
５、すべて終わりましたら、[閉じる]をクリックします
６、レイヤーを開きます（CTRL+L）
Gfigレイヤーの上で右クリックで”選択領域をアルファチャンネル”を選択
７、選択したまま、新規レイヤーを作成します
８、［選択］→［選択領域の拡大］を選択します。
[選択領域の拡大量]を適当な数にします（今回は1にしました）
８、［編集］ → ［背景色で塗りつぶす］ をしまして、塗りつぶします
（ここで本体の周りの色を決めます。今回は白色にしてあります）
９、［フィルタ］→［光と影］→［Drop Shadow］で縁にぼかしをつけます
オフセットX,Yは0 ぼかし半径は4-7ぐらいがいい感じです
色は好きな色で大丈夫です（今回は黒にしてあります）
１０、再度、新規レイヤーを作成します
１１、１０で作成したレイヤーにグラデーョンをかけます 。
設定において描画色は白です。
好きな感じにグラデーションをかけてください。今回は
のようにかけました。
１２、文字入れをします
１３、文字を回転させます。
好きな感じに回転させます。（今回は-10にしました ）
以上、保存して完成です。
晋遊舎 (2006/12)
売り上げランキング: 24865
本のデザインは一見取っ付き易いように見えるが・・・ 私も素人ですが・・・・・・
広告のプロもオススメです！
Popularity: 26 %
この記事のお役立ち度を評価してください
(1 投票, 平均: 1 中 5)
Loading ...ブックマークの追加はこちらから、どうぞ
コメントはまだありません。