photoshopを使って、歩くgifアニメを作ろう♪:準備するもの

photoshopを使って、歩くgifアニメを作ろう♪

こんにちは!

最近、やっと動くラインスタンプを手に入れました~いや~楽しいですね!
やっぱり、そのうちクリエイターズスタンプでも、動くスタンプが登録出来るようになるのでしょうか?
そんな日に備えて、アニメーションgifを作れるようになっておきたいですよね

今回は、photoshopを使って、アニメーションgifを作る方法を説明しちゃいます☆

photoshopには、タイムラインパネルというものがあるのをご存知ですか?
これを使うことで、photoshopだけで簡単にgifアニメを作ることができちゃうんです♪

今日は、まだアニメーションには入りません
まずは動かすキャラクターを描いて、その後どんなふうにアニメーションを作るのかを解説していきます
どんなものが必要なのか、しっかりとチェックしちゃいましょう☆

せっかくの動くイラスト、どうせなら歩く人とかを作ってみたい!
でも、歩かせるアニメーションって結構難しいですよね
ちょっとしたコツがあるので、イラストを使って簡単に紹介していきます
ぜひ、みなさんも一緒に歩くgifアニメを作りましょう♪

まずは、棒立ちのキャラクターを描いてください

なるべく、3等身程度の等身が低いものからはじめましょう
(高い等身のキャラクターは、普段見慣れている分リアルさが求められるのでとても難しいです)

したがき

後で清書するので、ラフで大丈夫です


これが基本となる絵になります
これを透かせながら、他の絵を差分のようにして描いていくわけです!

できたら、まずはスタッフが用意した歩くgifアニメ用イラストを並べた画像を見てみましょう

スタッフの見本

スタッフが用意したアニメーション用の素材を並べたものです


このように、8枚のイラストを用意しました
8枚も描くのは大変と思われましたか?

実はこの8枚、前半4枚と後半4枚をシルエットにすると、全く同じになっています

右足を前に出す動きと左足を前に出す動きですが、横から見ればかわらないという具合ですね☆
なので、とりあえず4枚を用意すれば、残りの4枚はその半分以下の時間でさくっと描けてしまうわけです!

どうですか?
結構簡単かも!と、やる気になってきませんか?

次回は、歩いているように見える動きについて解説します!

シリーズ一覧






ピックアップ記事

  1. フォトショップで線画をきれいに透過しよう!
    こんにちは! 最近ラインスタンプの申請がとても早くなりましたね。 これからラインスタンプ…
  2. 20150724-うさたま
    今回新しいLINEスタンプがリリースされたのでお知らせです! ぜひ、使ってみてくださいね! 「う…
  3. 物語
    絵には慣れてきたから一歩進んで絵本や、紙芝居を描いてみよう、漫画を描いてみよう… たとえ一枚で完結…
  4. にゃんごろうさん
    今回新しいLINEスタンプがリリースされたのでお知らせです! ぜひ、使ってみてくださいね! …
ページ上部へ戻る