え - 詳細表示 - 気づきノート

動く絵文字（ドット絵）の描き方③最終回

今日は、動く絵文字（ドット絵）の作り方の３回目です。
今日のテーマは、
・実際に動かす方法について　です。

手順１６　フリーのGIFアニメーションソフト｢Giam｣をインストールします。
　ネット上に↓のダウンロードページがありますので、インストールしてください。
GIFアニメーション作成ソフト Giam ダウンロードページ

僕が今から説明するのは、Ver2.03ですが、今ネット上にあるのはver2.04です。特に、差はないと思いますので、そのままインストールしてください。

手順１７　Giamを開くと次のような画面になりますので、「ファイル」→「開く」で、前回作製した絵文字の1枚目を、自分のフォルダーから呼び出して下さい。例）「kaeru2」
http://www.geocities.jp/wander_border/dot31.gif

手順１８　次に「ファイル」→「コマの付け足し」で、前回作製した絵文字の２枚目を、自分のフォルダーから呼び出して下さい。例「kaeru3」
http://www.geocities.jp/wander_border/dot32.gif
http://www.geocities.jp/wander_border/dot33.gif
↑僕のフォルダーをちょっぴりお見せします。昔作った「まいう～」がありますね。

手順１９　次に１コマ目を選択し、「ウエイト有り」にチェックを入れます。これはコマの停止時間です。とりあえず、１００と入力してください。
http://www.geocities.jp/wander_border/dot34.gif
２コマ目も同じようにします。
http://www.geocities.jp/wander_border/dot35.gif

手順２０　次に「繰り返しセット」と「永久に繰り返す」にチェックを入れます。
※何回動かすかは、各人の自由です。普通は永久にします。
http://www.geocities.jp/wander_border/dot36.gif

手順２１　右上の実行ボタン押すと、ダイアログが出て、絵文字が動きます。
http://www.geocities.jp/wander_border/dot38.gif
最後の注意ですが、別の名前で保存してください。例　kaeru0

これで、完成です。
第２回で説明したような方法にて、ブログ上で使っていってください。

みなさんが、自分の好きな絵文字を書いて、まず、自分が気に入る記事を
書いてくれたら、とてもウレシイです。

転載元: 飽和生活のムコウ

コメント（4）

トラックバック（0）

動く絵文字（ドット絵）の描き方②（全３回）

今日は、動く絵文字（ドット絵）の作り方の２回目です。

今日のテーマは、
・もう１枚、絵を描く（前回の１枚と合わせ、２枚で紙芝居のように動かす）
・絵の保存時の注意
・ブログ記事、ゲスブで実際に使う方法
です。

あっ、ちなみに動かす方法は、最終回（第３回）で説明します。

手順１０　前回描いた蛙を、「選択」で囲み、ドラックしながら、下へ下げます。
http://www.geocities.jp/wander_border/dot21.jpg http://www.geocities.jp/wander_border/dot22.jpg
うん？ちと右側の画像が変だが、まっいいか（笑

手順１１　影を伸ばしてください。
http://www.geocities.jp/wander_border/dot23.jpg
本当は、口も開いたりさせると、動きがあっていいのですが、
今回は、忘れちゃいました（へへへ）
この段階で、絵をもう一度gif形式で保存しましょう。例）半角英数で「kaeru3」
※上書きしない様に、くれぐれも注意してね。上書きすると結構、凹みます（笑

この時点で、ファイル名「kaeru2」と「kaeru3」の２枚が完成しました。
ちなみに、「kaeru1」は、万が一、上書きしたり、えらく失敗した時のための保険です☆（特許申請中←嘘）

手順１２（コラム）最初の「kaeru1」を保存するときに、黒の枠線のみの状態で・・・とお願いしましたが、実は、色塗りまでしてから保存すると、なぜか、色がまだらになっちゃうんです（不思議～）
ところが、一度、黒枠だけで保存すると、その後、色塗りして、別のファイル名で保存したり、仮に上書き保存しても、色は綺麗に残ります。

手順１３　次に、ブログ記事、ゲスブで使う方法です。

これについては、いろんな方法があります。
大事なコト１点のみです。この絵文字くんに住所を持たせる必要があるんです。
僕は、ヤフーのジオシティーズに仮のホームページがありまして、画像の倉庫代わりに使用してますが、絵文字を作ると、そこへ登録すると、画像の住所をもらうコトが出来ます。これについては、ヤフーのホームページ作成からトライしてみてください。

さて、ここで説明する方法は、ブログの中で、その作業をしてしまう方法で、これは、ひとみさんとあゆみさんからアドバイスを受けました。
http://www.geocities.jp/wander_border/dot24.gif

・まず、ブログ上で書庫を作ります。例「画像置き場」など
・ここで注意ですが、基本的にこの書庫は「非公開」にした方がいいと思います。
（おもちゃ箱みたいなものですからね～）
・普通に、記事を書く要領で、タイトル、簡単な一文、そして画像（絵文字）登録します。
・もう、これで住所が出来たんですよ。

手順１４　先ほど登録した絵文字を、プロパティ（右クリック→一番下）見ますと、このような住所ができているのがわかります。これをコピーします。
http://www.geocities.jp/wander_border/dot25.gif

手順１５　それをゲスブに貼り付けます。
http://www.geocities.jp/wander_border/dot26.gif

そうすると、このようにちゃんと絵文字が出てきました。
http://www.geocities.jp/wander_border/dot27.gif

もちろん、記事にも貼れますので使ってみてください（Wiki文法にチェックを忘れずにね）

次の最終回は、「Giam」を使って２枚の絵文字を動かします。

転載元: 飽和生活のムコウ

コメント（4）

トラックバック（0）

動く絵文字（ドット絵）の作り方①（全３回です、多分？）

え～、今回から３回（多分？）にわたって、動く絵文字の
作り方を説明いたします。

以前にも同じ記事を書きましたが、今回は、
ウインドウズのペイントを使って、ドット絵を描き、
動く絵文字を作ります。
「１キロバイトの素材屋」さんみたいな
動く絵文字が作れます。

第１回のテーマは、「ドット絵を描こう」です。
動きが必要なければ、今回の内容だけでＯＫです。
では、さっそく始めたいと思います。
描く絵文字はカエルで、動きは上下に動かす予定です（３回目で説明）
http://www.geocities.jp/wander_border/kuma0.GIF

手順１　ウインドウズの「アクセサリ」→「ペイント」を開く
 http://www.geocities.jp/wander_border/dot1.gif

手順２　ファイルは、いつも新規なので気にせず、「変形」→「キャンバスの色とサイズ」を開く
 http://www.geocities.jp/wander_border/dot2.gif

手順３　幅と高さをそれぞれ「２１」と入れて、ピクセルにＯＮする。
※もっと小さくしたいとか大きくしたい場合には、この数字を任意に変える。
http://www.geocities.jp/wander_border/dot3.gif

手順４「表示」→「拡大」→「拡大率の指定」を開く
 http://www.geocities.jp/wander_border/dot4.gif

手順５「拡大率」の８００％にＯＮする。（一番見やすいから）
http://www.geocities.jp/wander_border/dot5.gif http://www.geocities.jp/wander_border/dot6.gif

手順６「表示」→「拡大」→「グリッドの表示」を開く
 http://www.geocities.jp/wander_border/dot7.gif http://www.geocities.jp/wander_border/dot8.gif

手順７（鉛筆）や（直線）を使って、マスを埋めながら、好きな絵を描きます。
ただ、この段階では、色の塗りつぶしはしないで、大まかな枠線だけ描いてね。
この時の色パレットは、黒を選んでください（理由は次回へ）
失敗したら、（消しゴム）を使うか、色パレットの白を選んで、なぞってみて。
http://www.geocities.jp/wander_border/dot91.gif
注）この段階で、絵を一度gif形式で保存しましょう。例）半角英数で「kaeru1」

手順８（塗りつぶし）で、色パレットの緑系の色を選んで、蛙の顔にあわせてクリック。
http://www.geocities.jp/wander_border/dot101.gif

手順９（直線）で、灰色を選んで、下の方に影を描く
 http://www.geocities.jp/wander_border/dot11.gif
注）この段階で、絵をもう一度gif形式で保存しましょう。例）半角英数で「kaeru2」

　先ほどの絵に、上書しないように、注意してね☆

一応、ここまでで、１枚の絵文字が完成しました。
今
の状態ですと、ブログの記事の中で、画像として扱うことができますが、
記事の任意の場所や、ゲスブへの使うのは、この絵に住所を持たせる必要
があります。（それも次回以降説明します、自分もちょい勉強不足なため）

おまけで、今回のカエルも、少し変えてあげると、白クマ風になります。
http://www.geocities.jp/wander_border/dot12.gif

では、また☆
（今週中に、残りの②、③の記事のＵＰ目指します）

転載元: 飽和生活のムコウ