渋谷員子のドットの匠




渋谷員子のドットの匠　インデックス

こんにちは、渋谷です。

みなさん、かわいいキャラクターを描けましたか？
なんかやっぱり思うように描けないな～と言う人もいるかもしれませんが
まだまだドット絵修行は始まったばかり！

今回もはりきっていきましょう～



第１回「女の子キャラクターの描き方」

第２回「女の子キャラクター（リンダ）を歩かせる」

【描く】正面向きの歩き
【設定】正面向き歩き
【描く】背面向きの歩き
【描く】左向きの歩き
【設定】左向き歩き
【設定】右向き歩き
次回のお知らせ
第３回「背景の描き方」

第４回「小物の描き方」




【描く】正面向きの歩き


前回の続きからいってみましょう！







これが前回までのリンダです。
正面向きに立っているだけですね。
歩かせるには手足を一歩前に踏み出すように描きます。







左手を前にぐいっと。
右手は後ろに振るので影を濃くしてあります。







前に出した右足のスカートがふんわりめくれるように波型にラインをとります。
ドレス姿でも靴がちらっと見えてるとわかりやすいですね。






正面向きのアニメーションパターンは片側だけで準備OKです。
その秘密は次のステップで！


次のステップへ進む







【設定】正面向き歩き





リンダの歩きのアニメーションを作ってみましょう。
アニメーションを設定するには、アニメーションエディタを使います。
まずは、アニメーションエディタを起動させてください。










アニメーションエディタを起動すると、このような画面になります。
アニメーションエディタには、バンクの左上のキャラクターが初期値として登録されています。
今回はちょうど正面向きのパターンが登録されているので、これを利用して始めてみましょう。










１パターン目はすでに登録されるので、新規追加ボタンを押し、２パターン目を追加しましょう。










パターンが追加され、このような画面になりましたか？










次に、追加された２パターン目を選択しましょう。










選択したら、左右フリップボタンを押します。










押した瞬間に、２パターン目に登録されたドット絵が左右反転したはずです。










ループを設定して、このアニメーションを繰り返しさせます。
ここでループを設定しないと、ゲーム中ではループしませんので注意してください。










さあ、いよいよ再生です。
リンダはちゃんと歩いているように見えていますか？















ここまでで、正面向きのアニメーションを設定してみましたが、左右対称のキャラクターであれば
１パターン描けば、アニメーションが作れてしまうことが分かったと思います。


次のステップへ進む







【描く】背面向きの歩き


では、次は背面です。







これが前回までの背面向きのリンダです。







手振る時は正面向きよりも少し控え目に。







女の子らしく歩かせましょう。








前のステップでやったのと全く同じでしたね。
アニメーションも正面と同じようにつけてみてください。






こんなアニメーションになります。




次のステップへ進む







【描く】左向きの歩き

さて、いよいよ横向きです。
横向きは左右対称ではどうにもならないので、腕の見せ所です。







これが前回までの横向きのリンダです。
歩きは左右反転とはいかないので２パターン用意します。







左手を後ろにもっていきます。







足の動きが分かるようにスカートの形を強調します。







このとき、全体を１ドット下げるとアニメーションした時に非常に
それらしく見えて楽しいです。








次のステップでアニメーションを設定しますが、あえて、先に結果をお見せしちゃいます。






１ドット下げなかったものと下げたものを見比べてみてください。
どうです？、差は歴然ですよね。




次のステップへ進む






【設定】左向き歩き





では、左向きのアニメーションを作ってみましょう。










左向きはアニメーションIDの2に登録してみましょう。
ID2を選択してください。










ID2にも初期値として正面向きが登録されていますので、左向きに置き換えます。
それには、まず、バンクから左向きのキャラクターを選択します。










次に、パターンの置き換えボタンを押します。










正面向きから左向きになったはずです。
このようになりましたか？










次に、２パターン目にしたいキャラクターをバンクから選択します。










パターン追加ボタンを押します。










このようになりましたか？










ループを設定して、このアニメーションを繰り返しさせます。
ここでループを設定しないと、ゲーム中ではループしませんので注意してください。










最後に再生してみましょう。






これで左向きもできました。
残りは右向きだけです。


次のステップへ進む






【設定】右向き歩き





では、右向きのアニメーションを作ってみましょう。










右向きはアニメーションIDの3に登録してみましょう。
ID3を選択してください。










ID2にも初期値として正面向きが登録されていますので、左向きに置き換えて、フリップさせます。
番号順にやってみましょう。

１　バンクから左向きのキャラクターを選択します
２　パターン置き換えボタンを押します
３　左右フリップボタンを押します










このようになりましたか？










次は、２パターン目を作ります。

１　バンクから左向きのキャラクターを選択します
２　パターン追加ボタンを押します










このようになりましたか？










このままでは２パターン目が左向きのままです。
フリップさせたいので、まずは、２パターン目を選択します。










左右フリップボタンを押します。










左右フリップボタンを押した瞬間に、２パターン目の左右が反転したはずです。
このようになりましたか？










ループを設定して、このアニメーションを繰り返しさせます。
ここでループを設定しないと、ゲーム中ではループしませんので注意してください。











最後に再生してみましょう。






これで全て完成です！！



次回のお知らせ






次回のお知らせ

第１回と今回とでキャラクターについてレクチャーしてきましたが、いかがだったでしょうか？

キャラクターが動きだすと、嬉しくなってきますね。
手や足の振りはキャラクターの衣装や性格、性別によっても変わってきます。
街の人全員が同じ歩き方をしてるのも変でしょう？
おしとやかなお姫様ならエレガントに、勇ましい男性なら力強く、
小さい子供なら元気よく、お年寄りならのんびりと。

あなたの想像力がキャラクター達に命を吹き込むのです。

それぞれの個性でアニメーションをつけてあげてくださいね！


次回はRPGに出てきそうな背景を描いてみます。

背景とキャラクターを組み合わせると雰囲気がでますよ！

お楽しみに！！