アイコンの作り方
アイコンの作り方
初めて作る方・これまでに作った事のある方の参考に役立てれば嬉しいです。（あくまでもHiroの作り方）
| メニュー |
| プロフィール メール アイコンキャラ紹介 アイコンの作り方 カラーチャート ■ フリー素材 ■ ☆ご利用規約☆ 春の素材 夏の素材 秋の素材 冬の素材 季節外の素材 女の子素材 男の子素材 動物の素材 ハート・音符 星・月・虹・雲 木・風車・柵 ゲーム用素材 鉄道TK素材*はるか ポイント文字 蝶・昆虫の素材 零戦21型アイコン |
■1.絵を描く■
●「スタート」→「プログラム」→「アクセサリー」→「ペイント」をクリックします。
●ペイントが起動しましたら「変形」→「キャンパスの色とサイズ」をクリック。
幅と高さを指定し単位＝ピクセル・色＝カラーを選択でOKクリックです。（ペイント-1が表示されてます。）
●「表示」→「拡大」→「拡大率の指定」をクリックしてください。
800％でOKをクリック！！
「表示」→「拡大」→「グリッドを表示」をクリック。（ペイント-2のように表示されます。）
●次は「色」→「色の編集」で、自分のお好みで色を作成します。
●鉛筆・ブラシなどを使用して、グリッドを塗りつぶす感じで絵を描いてください。
（ペイント-3は完成♪ペイント-4は服のAあたりの拡大見本です。）
*私の場合、他のソフトでエアブラシ・レイアーの半透明などでも描いています。
●背景を透過する場合、描いた絵に無い1色で背景を塗りつぶしてください。（透過は1色だけ出来ます）
●完成したら「ファイル」→「名前を付けて保存」をクリック。
お好みのファイル名・24ビットビットマップ（拡張子ｂｍｐ）で保存して完了です。
（ペイント-1） （ペイント-2）
（ペイント-3） （ペイント-4）
■2.拡張子の変更＆透過処理■
●私の場合、ペイントではbmpの拡張子で保存しています。
（以前、gifですると画像がおかしくなったからです。）
gifファイルにするのに、私はAdobe Image Readyを利用しています。
拡張子を変更するソフトは色々あるので勉強してください。
●透過処理は、ビルダーを使用しています。
ページに画像を呼び込んで、画像をクリックします。
「編集」→「かんたん編集」→「その他の画像編集」→「画像の編集」をクリック。
すると下のような画面が出てきます。
透明化のボタンをクリックすると、カーソルがスポイトに変わります。
背景の青をクリックすると、背景の青色が透過されます。
あとは「Internet Exploer」を起動させ、右クリックで名前を付けて画像保存で完了です。
■アニメgifにする■
●透過処理した画像をペイントに呼び込んでください。
動かしたいところ、目や口など一部を修正します。
目を閉じた絵が出来るとしますと、ファイル名を変えて保存します。（これで違う絵が2枚出来ました）
●ビルダーの「ツール」→「ウェブ アニメーターの起動」をクリックしてください。
アニメーションウィザードをクリック。
「複数の画像ファイルを使用してアニメーションを作成」を選択し「次へ」をクリック。
「画像の追加」をクリックして、アニメにするファイルを追加していきます。
追加が終わったら「次へ」をクリックしてください。
中央に配置します。で「次へ」をクリック。
無限を選択して「次へ」をクリック。
アニメが表示されます。（この時のアニメスピードは、各0.5秒です）
良かったら「完了」をクリックですが、良くなかったら戻ってください。
「完了」をクリックしますと次の画面が出ます。
背景を透過した場合は、1つずつ絵をクリックし「編集」→「フレームのプロバティ」をクリック。
消去方法を「背景色で画像を消す」に各絵をしていきます。
OKでしたら「ファイル」→「名前を付けて保存」してください。
保存した画像は、下のように0.5秒で動くgifアニメです。
（1枚目）+ 
（2枚目） ＝ 
（0.5秒のgifアニメ）最後に私は、Adobe Image Readyで画像を開きスピード調整します。
（スピード調整は、他にどんなソフトがあるのかな？勉強してね！）
1枚目を2秒・2枚目を0.2秒にすると下のアイコンが出来上がり完了です。
（お好みのスピードにしてください）
◆アイコン完成♪◆Hiroのアイコン作成方法なので参考までにしてください。
もっと良い方法を知っている方や良いソフトがあると思います。