|
前回、名前アイコンの設定の説明を行いましたが、アイコン自体を作れない方もいると思います。そんなあなたに、ピッタリのサイトさんがありました。 Hyper Banner Maker(http://hbm.suepon.com/) こちらは、Web上でバナーなどの画像を作成できるサイトなのですが、はっきり言って素晴らしいです。 今回は、こちらのサイトを利用させて頂いて、名前アイコンを作成してみたいと思います。 はじめに、ここでどのように画像を作成するかを説明しておきます。 基本的には、以下のように大きく分けて4つの設定が必要になります。 １、背景となる「ベース画像」を決める ２、その上に乗せる「アクセサリ画像」を決める ３、その上に乗せる「挿入する文字列」を決める ４、出力の設定を決める まあ、ケーキ作りに例えると、「ベース画像」というスポンジに、「アクセサリ画像」というデコレーションをして、最後に"誕生日おめでとう！"みたいな「文字列」を入れるって感じでしょうか？ あ、余計分からなくなるかもしれませんので、とっとと始めましょう。 ※注）今回、設定するにあたり、数字を入力するときには必ず半角文字を使用してください。 １、「ベース画像」を決める（図1）  [図1] いろんなやり方があるようなのですが、今回はシンプルにベース画像は単色で作成します。 まずは、ベース画像の部分にある「色を指定して作成」ラジオボタン（図2）を選択し、その後にサイズを入力します。 今回の名前アイコンはサイズが（横60px・縦17px）ということなので、その数値を入力します。 さらに「ボタンの高さ」とあるのは、アイコンを作成した時に光や影を付けることで、立体的に見えるようになります。その立体の高さを入力します。とりあえず今回は「2」としておきます。  [図2] 次にカラーを選択します。ルービックキューブのようなアイコン（図3）（古くてわからないかな？）をクリックするとカラーパレットが現れます。そこで、好きな色を選択すると枠の中に色の値（例：00ff33等）が自動で入力されますので、決まったら、もう一度ルービックキューブをクリックしてください。  [図3] ２、「アクセサリ画像」を決める デコレーションははお好みですので、今回はシンプルになしで作成します。（図4）  [図4] ３、「挿入する文字列を決める」 アイコンに挿入したい文字列の設定をします。（図5）  [図5] 以下、各項目設定事項（図6）です。 ・[文字列] 好きな文字列を入れてください。あまり長すぎると入りませんね。 ・[影を付ける] チェックすると文字に影を付けます。 ・[文字色] 先ほどと同様のやり方で、好きな色を選択してください。 ・[文字サイズ] これもお好みですが、8〜10位が無難な気がします。 ・[配置設定] 文字をどこに挿入するかを決めます。特にこだわりが無ければ、横縦ともに中揃えで良いのではないでしょうか。 ・[余白調整] 配置設定で、「中揃え」以外を設定した時に、余白をどれくらい取るかを設定します。結果を見ながらこまめに設定すると良いと思います。 ・[フォント] 右側に見本がでますので、お好きなフォントを選んでください。  [図6] ４、「出力形式」を決める 出力形式を決定します。名前アイコンではgif形式しか利用できませんので、ここではその設定を行います。（図7）  [図7] 以下、設定項目です。（図8） ・[ファイル形式] 「*.GIF」を選択します。右側の保存品質は気にしないでください。 ・[インターレース化する] これは画像がゆっくり表示される時に必要なので、今の時代ではあまり必要ありません。と言う事で、チェックは要りません。 ・[処理中に256色を越えた場合は近似色を探して処理を続ける] これは、お好きな方で良いと思うのですが、いちいちエラーがでるのも面倒なので、チェックしておいた方が良いと思います。 ・[文字が画像をはみ出しても処理を続ける] あえて文字をはみ出させたい！という方以外はチェックは要らないと思います。  [図8] さて、ここまで設定すれば、あとは下にある「MAKE!」ボタン（図9）を押すだけ！  [図9] すると、別ウィンドウにて作成されたアイコン（図10）が現れました。おめでとうございまーす。もしも気に入らなかった場合は、入力した部分を微調整をして「MAKE!」をクリックしてください。  [図10] もう少しでおしまいです。最後に出来上がった名前アイコンを右クリックして保存（図11）します。（念のため、右クリックとはマウスの右側のボタンを押すことです。Macを使っている方は「Controlキー」を押しながらクリックしてください。）  [図11] すると、保存ウィンドウ（図12）が開きますので、保存場所を選んで保存してください。  [図12] いあー、うだうだ、ダラダラと説明してしまいました。最後まで読んでくれた方ありがとうございます。お疲れ様でした。 [お願い] この記事が参考になりましたら、右下の  ボタンを押して頂けるとありがたいです。[☆歓迎☆]
コメント・トラックバック大歓迎！ 転載をご希望の方は右下の  を押してください。 |
- >
- コンピュータとインターネット
- >
- インターネット
- >
- ネットサービス
はじめまして！これからお世話になります（*^^*）お気に入りさせて頂きます。
2005/9/20(火) 午前 0:21 [ mon*ic*i_*ri*a_atus*i ]
はじめまして。いきなりですが、質問です。名前バナーを作ってみたのですが、gifを選択して作っているのに、保存の段階で「ファイルの種類」にgifがでないんです。かわりに「ビットマップ」なるものしかないので、gifで保存ができないんです。どうしたらいいですか？
2005/10/30(日) 午後 4:59 [ - ]
できました〜〜〜〜！！同じ事で困った方がトラックバックしているのを、発見しました。お騒がせしました・・・・。
2005/10/30(日) 午後 5:44 [ - ]
念願の名前アイコン(#^.^#)本当に参考になりました！！！ありがとうございます★
2005/11/6(日) 午後 9:59 [ shi*suk**k_0811 ]
こんばんは。この記事の通りやっていって、名前アイコンが何とか作る事ができました。ありがとうございました！
2005/12/31(土) 午後 11:01 [ - ]
こんにちは。今日からブログを始めました。ブログバナーと名前アイコンが作りたくて調べていたら…ここへ来ました。いろんな言葉とかもわからなくて。失敗ばかりで…目をつぶって手で探しまわっている状態です。本当に助かりました。（コメント初めて書くのでちゃんと投稿できればいいのだけど…）
2006/3/7(火) 午後 5:28 [ みー ]
有難うございました。やっと名前アイコンとブログバナーが出来ました。 次はＨＴＭＬを勉強するつもりです。 今後とも宜しくお願い致します。
2006/3/12(日) 午前 11:38 [ 北さん ]
今作った名前アイコンが出ないですね？
2006/3/12(日) 午前 11:44 [ 北さん ]
有難うございました。やっと名前アイコンとブログバナーが出来ました。 次はＨＴＭＬを勉強するつもりです。 今後とも宜しくお願い致します。
2006/3/15(水) 午後 9:26
初めまして！！ずっとどうやって作ったら良いのか分からなかったので、本当に助かりました！ありがとうございました〜(o~ｰ~)o
2006/4/24(月) 午後 11:57
とても分かりやすく作れました。有難う御座います。
2006/5/29(月) 午前 0:48
私でも作れました。わかりやすくご紹介下さりありがとうございました。
2006/8/25(金) 午後 9:25
はじめまして！ずーっとアイコン作りたかったのですごい嬉しいです！わかりやすくて本当に良かったです！ありがとうございました♪
2006/11/23(木) 午前 1:28
転載させてください
2007/2/22(木) 午前 0:37
アイコンできました！
どのように作るのかず〜っと気になっていたのですが、これで一安心です。
本当に、本当にありがとうございました。
2007/8/28(火) 午後 9:00
なかなか出来なかったアイコンが簡単に出来ました
ありがとうございました
2007/9/4(火) 午後 10:28 [ リンママ ]
漫画のキャラの画像を背景にしたいんですが、できません！！
やり方を教えてください！！！
2007/9/23(日) 午後 1:43 [ あやみ ]
なんだかエラーになって使用方法が間違ってるて
言われました。。。
なんでだろう。。。
2008/6/7(土) 午後 2:46 [ Y家 ]
転載させていただきます★
時間のあるときにやってみようとおもいます
2008/8/28(木) 午後 8:54 [ 陸 ]
すごい！簡単にできました！ありがとうございました☆
2008/9/10(水) 午後 2:17 [ ともたん ]