X

photoshopを使って、歩くgifアニメを作ろう♪:歩く動きを作ろう!2

こんにちは!

今日も、歩く動きの続きを作っていきますよ☆

前回で、一番初めの動きと、その次の動きまで描けましたよね
その続きを早速作っていきましょうφ(..)

三枚目は、上げた足を地面に下ろしている絵を描きます

二枚目と考え方は同じです


一番両足の位置が遠くなる状態になります
なので、ひとつ前の絵より更に上体を下に下げましょう

次は足ですね
手前の足が地面につきます
次からは反対側の足が動きますから、少しかかとを浮かせておきましょう

腕も、次に動く奥の足に合わせて、少し前に移動を始めている感じにします

また、腕の始点、肩の部分も少し動かしておくと、上体に立体感が出ます

腕を振る時、肩も動いているものですよね(/・ω・)/

さあ、どんどん行きますよ!四枚目!

今度は上体の位置が上がります


頭の位置は、二枚目の時と同じにしましょう

はじめの方に、四枚を反転させて八枚にするとご説明しましたよね♪
ということは、次は一枚目と同じ頭の位置になります

頭の位置がゆるやかな波形を描きます


なので、二枚目と同じ頭の位置にすると山なりに頭が動いている感じになってキレイに見えるわけです(`・ω・´)
足は、今度は手前の足が地面について、そちらの方に後ろ足と体を引っ張っていくイメージで描きましょう

スタッフの見本だと奥の足が地面についていて、すり足にみえますね
少しだけ地面からはなして、前に持って行っているように描くほうがもっとキレイかもしれません(・・;)

腕も前に戻していきます
次が一枚目の反対(今まで進行方向と反対に動いていたので、進行方向)バージョンの位置に腕が来ることを意識して、三枚目との中間地点くらいに腕を描くとわかりやすいですかね?

さあ、これでやっと四枚が完成しました!
次は、これらをコピーして、サクッと反対の動きを作ってしまいましょう

シリーズ一覧

こんにちは!最近、やっと動くラインスタンプを手に入れました~いや~楽しいですね!やっぱり、そのうちクリエイターズスタンプでも、動くスタンプが登録出来るようになるのでしょうか?そんな日に備えて、アニメーションgifを作れるよう...
photoshopを使って、歩くgifアニメを作ろう♪:準備するもの - イラスト制作、キャラクター制作、インフォグラフ...


こんにちは!今日も、歩く動きの続きを作っていきますよ☆前回で、一番初めの動きと、その次の動きまで描けましたよねその続きを早速作っていきましょうφ(..)三枚目は、上げた足を地面に下ろしている絵を描きます...
photoshopを使って、歩くgifアニメを作ろう♪:歩く動きを作ろう!2 - イラスト制作、キャラクター制作、インフォグラフ...

こんにちは!前回までの足の動き、上手にできましたか?今回は、前回までの四枚をコピーして、反対側の動きを描いていきますよ(=^・^=)最初に、一枚目をコピーしたレイヤーを作りますやることは簡単、足と手の動きを奥...
photoshopを使って、歩くgifアニメを作ろう♪:歩く動きを作ろう!3 - イラスト制作、キャラクター制作、インフォグラフ...

こんにちは!前回まで説明で、歩く動きを描いた8枚の絵が完成しましたねφ(..)今回からはいよいよ!フォトショップのタイムラインパネルを使ってgifアニメーションにしていきますよ~(`・ω・´)前回の最後に、描いた絵を...
photoshopを使って、歩くgifアニメを作ろう♪:タイムラインパネルを使おう! - イラスト制作、キャラクター制作、インフォグラフ...

こんにちは!結構長めに続いてきた歩くgifアニメ講座もいよいよ最終回です!(´;ω;`)前回、とうとう歩くアニメーションが完成しましたね(`・ω-´)☆皆さん思うとおりに歩かせることができましたか?スタッフの見本では...
photoshopを使って、歩くgifアニメを作ろう♪:書き出ししよう! - イラスト制作、キャラクター制作、インフォグラフ...
https://any-illust.com/photoshop%e3%82%92%e4%bd%bf%e3%81%a3%e3%81%a6%e3%80%81%e6%ad%a9%e3%81%8fgif%e3%82%a2%e3%83%8b%e3%83%a1%e3%82%92%e4%bd%9c%e3%82%8d%e3%81%86%e2%99%aa%ef%bc%9a%e6%ad%a9%e3%81%8f%e5%8b%95%e3%81%8d-2/photoshopを使って、歩くgifアニメを作ろう♪:歩く動きを作ろう!2
anyillustinsync3465 :