すもも３０１　映画とバラの日々

(^_-)作り

誰でも作れるアイコン

ちゅ～♪ アセアセシーンメソメソばんざいヤレヤレ

誰でも出来る？さやかのアイコン講座
ＨＰを立ち上げて１ヶ月、まして絵を描かせれば幼稚園児並、ペイントソフトも使った事が無い。そんなSayakaが恐れ多くも、アイコン（顔アニ）作りに挑戦♪何とか形になったので、『Sayakaはこんな風に作りましたよ～♪』と誰でも簡単に出来る、アイコン（顔アニ）作りをご披露～♪
注意：Sayakaはパソコンの事も、ソフトのことも良く知りません。だから質問されてもわかりませ～ん（＞_＜)よく似たソフトはフリーソフト屋さん等で捜してね♪Sayakaの場合は、ホームページビルダー使用です。
ステップ１（ＧＩＦ形式を作る）
WINDOWSの【スタート】→【プログラム】→【アクセサリ】→【ペイント】→【変形】→【キャンパスの色とサイズ】→幅・高さ共５０ピクセルにする。【キャンパスの色とサイズ】の画面下の透明度欄に背景色に透明を使用と有るが、陰になっていて、使用不可・・・ここからがSayaka流♪ペイントソフトのヘルプを読めば、もっと簡単に出来るのかも、でも読むのが邪魔くさい。
まず、描きたい絵に使わない色を選んで、その色でキャンバスを塗りつぶす。そのキャンバスを【ファイル】→【名前を付けて保存】ファイル名は仮に『back』とでも入力して、ファイルの種類をＧＩＦ形式を選び【保存】
【ファイル】→【開く】で今保存した『back』を開く、【変形】→【キャンパスの色とサイズ】透明度欄が使用可能になっているので、背景色に透明を使用をチェック→色の選択をクリックして、『back』で選んだ色を選び、【ＯＫ】
これをもう一度上書き保存、で準備完了♪
ＧＩＦ形式にしておかないと、作ったアイコンに背景が出てしまう。この『back』を保存しておくと、次からわざわざ、今までの作業をしなくても、『back』を呼び出すだけで、ＧＩＦ形式で始めることが出来る。『back』で選んだ色は、ここは透明ですよ～と言う意味の色。
ステップ２（絵を描く）
【表示】→【拡大】→【拡大率の指定】→８００%
【表示】→【拡大】→【グリッドを表示】→で好きな絵を描く、グリッドを使うと一升単位に描くことが出来るので、数を数えながら描いていけば、左右上下のバランスを保つ事も出来る。はみ出したとか、線の調整をしたい時は、『back』色を塗れば透明になり、消しゴムを使えば白になります。一升単位で調整出来ます。
光の当たる部分を明るめの色、陰に成る部分を暗めの色で調節すると、立体感が出ます。でも元々小さい絵なので、あまり色んな色を使っても、ファイルサイズが大きくなるだけです。
出来た絵を、【ファイル】→【名前を付けて保存】で仮に『icon01』で保存。保存したファイルを見ると、背景色が消えているはずです。
『icon01』を開いて、少しだけいらないところを消し、いるところを追加して動きを付ける。【ファイル】→【名前を付けて保存】で仮に『icon02』で保存。
『icon01』

『icon02』
ステップ３（アニメーション化）
Sayakaの場合ホームページビルダーに付属されているソフトを使用
他の作り方は、全然わかりませ～ん。
多分よく似たソフトが、幾らでもフリーで有ると思いますが・・・
自分で見つけてね、Sayakaも、もし見つけたら追加しますね。
まず、ホームページビルダーの【ウェプアートデザイナー】を起動して、先に作った『icon01』『icon02』をウェプアートデザイナーのキャンバスで開く、その開いた『icon01』『icon02』をそれぞれ、Ｗｅｂ用保存ウィザードを利用して、ＧＩＦでファイルに保存、名前は『icon01』『icon02』のまま（上書き保存の状態になる）すると、ファイルサイズが、ペイントソフトＧＩＦで保存したときの２／３位に減る。何故かは知りません。聞かないで～♪でも、同じ画像でファイルサイズが減るのは有り難いことです。多分透明の不要部分が自動的にカットされただけかな～？
次に、ホームページビルダーの【ウェプアニメータ】を起動して【アニメーションウィザード】→【複数の画像を利用して・・・】→【画像の追加】→『icon01』→【画像の追加】→『icon02』→【次へ】→→【次へ】→【無限】→【次へ】→【完了】→【ファィル】→【簡単最適化】→【名前を付けて保存】ファイル名は仮に『chuu』とでも入力して完了♪
『chuu』
どうでした～？できました～？簡単でしょ～♪後は自分のイメージとやる気次第です。
ド素人のSayakaでさえ出来るのですから、誰にでも出来ると思いますよ～ん
もしこのページをアイコン作りが得意な人が見て下さった場合、
『◯◯◯はどうした方が上手くいく』『◯◯◯は間違っている』
『◯◯に有る◯◯というソフトは使いやすい』等有りましたら、
またはこのページを参考にして『こんなアイコン出来たよ～』とか
有りましたら、もし宜しければ、掲示板で教えて下さいね♪
Sayakaも参考にさせていただきます。
でも、あくまでも『Sayakaは実際こうして作った～』一例ですので
自分の責任において作って下さいね。
苦情はいりませ～ん(^_^)v　　　ｂｙ　Sayaka

ジャンル別一覧