アニメーションの描き方

【簡単パラパラ漫画】走るキャラアニメ講座!

カンタンパラパラ漫画動かし方アイキャッチ

 

簡単パラパラ漫画-アイデア2

GG(眼鏡)
キャラクターが走っているアニメーションの簡単な作り方が知りたいな!
Tiki(帽子)
この記事では、1番簡単に作れる「キャラクターが走るアニメーション」の方法を説明していきます!

カンタンパラパラ漫画動かし方9

カンタンパラパラ漫画動かし方15

 

この記事はこんな方におすすめ

  • flipa clipでカンタンにアニメを作りたい。
  • 手軽にキャラクターを動かして遊びたい!
  • このアニメーションがどうやって作られたか教えてほしい♪

はてな

iPadia(アイパディア)は、iPadブロガーのNhashiがiPad活用に関して発信しているサイトです。

カンタンパラパラアニメーション

簡単パラパラ漫画-アイデア2

通常のアニメーションは、何枚も少しずつ動くイラストを描く必要があります。

 

出来栄えは綺麗ですが、労力が必要なので初心者には作成のハードルが高いですよね・・・。

 

今回のアニメーションでは、1枚のイラストをコピーして動かす事を繰り返して作成しています。

カンタンパラパラ漫画動かし方10

こんな感じに動かしています。

今回紹介する方式のアニメーションであれば、アニメーション初心者の方も、1枚のイラストでカンタンにそれっぽくキャラクターを動かす事が可能ですよ。

カンタンパラパラ漫画動かし方2

これ1枚で出来ます!

コピーして移動するだけの方法ではありますが、

「走ってる」感を出すには動かし方のコツがあります。

Tiki(帽子)
そのコツを詳しく紹介していきます♪

【簡単アニメーション作成①】イラストを1枚描く

FlipaClip:プロ & 初心者向けのアニメ制作

FlipaClip:プロ & 初心者向けのアニメ制作
開発元:Visual Blasters LLC
無料
posted withアプリーチ

今回のアニメーションは、iPadの無料で使えるアニメーションソフト、flipa clipを使っています。

↓flipa clipの使い方はこちらの記事へ。

【FipaClip】初心者向け!手描きアニメーションアプリ使い方

GG(眼鏡)ipadでアニメを作ってみたいけど、やっぱり難しいのかな?何か良いアプリとかってないのかなあ・・ Tiki(帽子)それならflipa clipがオススメだよ。 無料でパラパラ漫画みたいにア ...

続きを見る

カンタンパラパラ漫画動かし方1

まず最初に、動かしたいキャラクターを 1枚描きます。

 

ポーズは何でも大丈夫ですが、今回は

「走っているポーズ」

のキャラクターを描きます。

カンタンパラパラ漫画動かし方2

走っている時は、「前に出ている腕」と「反対側の足」が前に出ますよ。

気をつけて描いてみましょう!

 

1枚描いたら、これをコピーして動かしていきます。

【簡単アニメーション作成②】イラストを複製

作成したイラストのコマを長押しすると、メニューが出て来ます。

カンタンパラパラ漫画動かし方4

この中のこのマークをタップ。

そうすると、マークが増えます。

 

カンタンパラパラ漫画動かし方5

一番右のこのマークをタップすると、コマが右側に複製されます。

【簡単アニメーション作成③】イラストを動かそう!

カンタンパラパラ漫画動かし方6

複製されたコマを選択してから、イラストを投げ縄ツールで囲みます。

カンタンパラパラ漫画動かし方7

 

カンタンパラパラ漫画動かし方8

そうすると、四角い枠がでて、キャラクターの移動が可能になります。

 

少し動かして、2枚目完成。

カンタンパラパラ漫画動かし方10

これを繰り返していきます。

Tiki(帽子)
進む方向に移動させれば良いのですが、走ってる風に見せるコツがありますよ♪

【簡単アニメーション作成④】不均等がコツ!走っているように見せる

カンタンパラパラ漫画動かし方13

そのまま走ってる方向に動かして作成すると、このようなアニメーションになります。

全コマ表示して並べると、こんな感じ。

カンタンパラパラ漫画動かし方14

これはこれで面白いアニメーションですが、

「走ってる感」はあまり感じられません。

GG(眼鏡)
流れるようにスーッとした動きだね。

 

このアニメーションなら、こういうポーズの方がしっくり来るかもしれませんね。

カンタンパラパラ漫画動かし方17

 

並べると、競争させる事も可能です。

カンタンパラパラ漫画動かし方18

 

今回のアニメーションは、「走ってる感」を出すために複数の動きを取り入れています。

・前傾姿勢、後傾姿勢織り交ぜつつ

・1コマで進む距離は不均等にする

・それをしながら、横に移動

ただ横に進むだけでなく、キャラクターの頭が上下するようにしながら、わざと不均等に進ませています。

カンタンパラパラ漫画動かし方15

均一ではなく、進む距離は不均等

カンタンパラパラ漫画動かし方16

 

最初の方をピックアップしてみます。

カンタンパラパラ漫画動かし方11

分かりやすく色を塗るとこんな感じ。

カンタンパラパラ漫画動かし方12

全体を並べるとこんな感じです。

カンタンパラパラ漫画動かし方9

実際走る時は、そのまま横移動ではなく、頭が上下に動いたり、ガタガタして見えます。

それを意識した動かし方をするだけで、コピーするだけでも少し「走ってる感」を出す事が出来ますよ。

簡単パラパラ漫画-アイデア2

コツは「不規則、ランダム感」を意識する事です。

【簡単パラパラ漫画】キャラを走らせよう!まとめ

コピーペーストで簡単に出来るキャラクターが走るアニメーションの作り方でした。

 

シンプルなアニメーションですが、やり方によってはパタパタ動いて見せる事が出来ます♪

 

簡単に楽しめるので、是非真似して好きなキャラクターを動かしてみてくださいね!

ゆるいアイコンアイキャッチ
【初心者向け】ゆるいイラストアイコン!可愛い描き方講座

GG(眼鏡)SNSで、自分で作ったゆるいアイコンを使いたいな。 ゆるいアイコンの描き方のコツってあるのかな? Tiki(帽子)ゆるいアイコン、カワイイですよね♪ この記事では、ゆるいアイコンの書き方に ...

続きを見る

人気記事

pixivサイズ早見表 1

GG(眼鏡)pixivとか、イラストSNSに僕も絵をアップしてみたい! アップする時に、画像サイズとか、決まりはあるのかな? Tiki(帽子)SNSなどのwebページに絵をアップロードする時は、web ...

iPad液タブ化アイキャッチ 2

GG(眼鏡)せっかくiPadがあるし、PCと繋いで液タブみたいに使えないのかな。 どうやってやるんだろう? Tiki(帽子)この記事では、Mac、WindowsごとにiPadを液タブ/ペンタブとして使 ...

3

GG(眼鏡)ipadでアニメを作ってみたいけど、やっぱり難しいのかな?何か良いアプリとかってないのかなあ・・ Tiki(帽子)それならflipa clipがオススメだよ。 無料でパラパラ漫画みたいにア ...

ipadメモリオススメアイキャッチ 4

GG(眼鏡)イラストを描きたいからiPadが欲しい。 メモリが64GBとか128GBとか、どれを選んだら良いか分からないよ・・ 足りないと困るから、512GB買った方が良いのか?! Tiki(帽子)ち ...

5

GG(眼鏡)デジタルで絵を描きたい… iPad、良さそうだけど上手く使えるかな。 Tiki(帽子)この記事では、iPadを利用して5年の管理人が 「買ってよかった」 と満足する理由と、注意点をお伝えし ...

100均タッチペンオススメ 6

GG(眼鏡)100均にタッチペンが売ってるけど、どれが1番使いやすいんだろう? 性能的にイラストは描けるのかな。 Tiki(帽子)この記事では、元アシの管理人が ・ダイソー ・セリア ・キャンドゥ の ...

7

GG(眼鏡)LINEスタンプって作れるんだよね? 友達とのトークで自作のスタンプを送れたら、ちょっと楽しいだろうなあ…!! 自分だけだから、申請はしないで作れないかな? Tiki(帽子)自分だけでスタ ...

アイビスペイント配布ブラシ使い方アイキャッチ 8

GG(眼鏡)憧れの絵師さん達が配布してくれてるブラシを使えば、あんな風に描けるのか・・! 今すぐ使いたい! どうすれば使えるんだろう? Tiki(帽子)この記事では、ブラシを配布してくれている人気yo ...

iPadアニメーションおすすめソフト 9

GG(眼鏡)ipadでアニメーションを作りたい!でもあまり自信がないんだよね・・ 初心者でも作れるアプリってあるんだろうか? Tiki(帽子)この記事では、初心者でも楽しんでアニメーション制作ができる ...

アイビスペイント-厚塗り-アイキャッチ 10

GG(眼鏡)厚塗りって、なんか格好良いよね〜。 どうやったらあんな風に描けるようになるんだろう。 Tiki(帽子)ここからは、元漫画アシスタントでほとんど色塗りをやってこなかった管理人が、厚塗りが出来 ...

error: Content is protected !!