こんにちは!
最近、やっと動くラインスタンプを手に入れました~いや~楽しいですね!
やっぱり、そのうちクリエイターズスタンプでも、動くスタンプが登録出来るようになるのでしょうか?
そんな日に備えて、アニメーションgifを作れるようになっておきたいですよね
今回は、photoshopを使って、アニメーションgifを作る方法を説明しちゃいます☆
photoshopには、タイムラインパネルというものがあるのをご存知ですか?
これを使うことで、photoshopだけで簡単にgifアニメを作ることができちゃうんです♪
今日は、まだアニメーションには入りません
まずは動かすキャラクターを描いて、その後どんなふうにアニメーションを作るのかを解説していきます
どんなものが必要なのか、しっかりとチェックしちゃいましょう☆
せっかくの動くイラスト、どうせなら歩く人とかを作ってみたい!
でも、歩かせるアニメーションって結構難しいですよね
ちょっとしたコツがあるので、イラストを使って簡単に紹介していきます
ぜひ、みなさんも一緒に歩くgifアニメを作りましょう♪
まずは、棒立ちのキャラクターを描いてください
なるべく、3等身程度の等身が低いものからはじめましょう
(高い等身のキャラクターは、普段見慣れている分リアルさが求められるのでとても難しいです)
これが基本となる絵になります
これを透かせながら、他の絵を差分のようにして描いていくわけです!
できたら、まずはスタッフが用意した歩くgifアニメ用イラストを並べた画像を見てみましょう
このように、8枚のイラストを用意しました
8枚も描くのは大変と思われましたか?
実はこの8枚、前半4枚と後半4枚をシルエットにすると、全く同じになっています
右足を前に出す動きと左足を前に出す動きですが、横から見ればかわらないという具合ですね☆
なので、とりあえず4枚を用意すれば、残りの4枚はその半分以下の時間でさくっと描けてしまうわけです!
どうですか?
結構簡単かも!と、やる気になってきませんか?
次回は、歩いているように見える動きについて解説します!
シリーズ一覧
こんにちは!最近、やっと動くラインスタンプを手に入れました~いや~楽しいですね!やっぱり、そのうちクリエイターズスタンプでも、動くスタンプが登録出来るようになるのでしょうか?そんな日に備えて、アニメーションgifを作れるよう... photoshopを使って、歩くgifアニメを作ろう♪:準備するもの - イラスト制作、キャラクター制作、インフォグラフ... |
こんにちは!今日も、歩く動きの続きを作っていきますよ☆前回で、一番初めの動きと、その次の動きまで描けましたよねその続きを早速作っていきましょうφ(..)三枚目は、上げた足を地面に下ろしている絵を描きます... photoshopを使って、歩くgifアニメを作ろう♪:歩く動きを作ろう!2 - イラスト制作、キャラクター制作、インフォグラフ... |
こんにちは!前回までの足の動き、上手にできましたか?今回は、前回までの四枚をコピーして、反対側の動きを描いていきますよ(=^・^=)最初に、一枚目をコピーしたレイヤーを作りますやることは簡単、足と手の動きを奥... photoshopを使って、歩くgifアニメを作ろう♪:歩く動きを作ろう!3 - イラスト制作、キャラクター制作、インフォグラフ... |
こんにちは!前回まで説明で、歩く動きを描いた8枚の絵が完成しましたねφ(..)今回からはいよいよ!フォトショップのタイムラインパネルを使ってgifアニメーションにしていきますよ~(`・ω・´)前回の最後に、描いた絵を... photoshopを使って、歩くgifアニメを作ろう♪:タイムラインパネルを使おう! - イラスト制作、キャラクター制作、インフォグラフ... |
こんにちは!結構長めに続いてきた歩くgifアニメ講座もいよいよ最終回です!(´;ω;`)前回、とうとう歩くアニメーションが完成しましたね(`・ω-´)☆皆さん思うとおりに歩かせることができましたか?スタッフの見本では... photoshopを使って、歩くgifアニメを作ろう♪:書き出ししよう! - イラスト制作、キャラクター制作、インフォグラフ... |