X

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

こんにちは!

前回までの足の動き、上手にできましたか?
今回は、前回までの四枚をコピーして、反対側の動きを描いていきますよ(=^・^=)

最初に、一枚目をコピーしたレイヤーを作ります

やることは簡単、足と手の動きを奥と手前で逆にしてあげるだけです

一枚目のアウトラインを利用して描きます


まずは足ですね、一枚目は手前の足が進行方向と反対、奥の足が進行方向に出ています
これを反転させます

奥の足の線をそのまま使って、手前の足を描き
逆に手前の足の線を使って、奥の足を描く、これだけです

線をそのまま利用できるので、楽でいいですよね(o・ω・o)

腕はそのままというわけには行きません

だいたい体の真ん中に線を引いて、そこから同じだけの距離を反対に動いていることを意識して描いていきましょう

また、肩の動きに関しては、上から見た図を想像するとわかりやすいですよ♪

これを4枚分繰り返すと…

並びは後で使うタイムラインパネルに合わせています


どうですか?
スタッフがはじめに用意したのと同じ画像ができましたね(`・ω・´)

最後に、アニメーションを作る準備をしましょう


これらの絵をすべて同じファイルの別レイヤーに順番に配置しておいてください
一つの絵にレイヤーを2,3枚使っている場合は、グループの中に入れて順番に並べてくださいね☆

次からは、いよいよタイムラインパネルを使ってgifアニメを作ります(っ・ω・)っ

シリーズ一覧

こんにちは!最近、やっと動くラインスタンプを手に入れました~いや~楽しいですね!やっぱり、そのうちクリエイターズスタンプでも、動くスタンプが登録出来るようになるのでしょうか?そんな日に備えて、アニメーション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-3/photoshopを使って、歩くgifアニメを作ろう♪:歩く動きを作ろう!3
anyillustinsync3465 :