初めて動くイラストを作るなら、複雑なキャラクター設定や何十枚もの描き込んだフレームは必要ありません。形をひとつ、動きをひとつに絞れば、重さ、タイミング、方向を十分に練習できます。
WigglyPaint は本格的な2Dアニメーション制作ソフトとは役割が異なります。描いた線が自動でくねくね動き、必要ならフレームを追加して GIFアニメに書き出せます。「アニメーション 作り方」で情報を探し始めた人でも、タイムライン操作より先に動きそのものを観察しやすいツールです。
動くイラストを作る前の4つの決めごと
最初の動くイラストでは、題材を丸、花、星、小さな顔のどれかにします。動きは「跳ねる」「まばたき」「揺れる」「ふくらむ」からひとつ。色は3色以内にし、ループアニメーションの始点と終点を先に決めます。
「動くイラスト 作り方」と「アニメーション 描き方」は別の検索語でも、土台は同じです。シルエットだけで動作が伝わることを先に目指します。
練習1：つぶしと伸ばしで重さを出す
「アニメーション 12原則」と呼ばれる考え方の中でも、つぶしと伸ばしは結果を確認しやすい練習です。ボールが着地した瞬間は横に広く、上昇中は縦に長くします。体積が急に増減しないようにすると、柔らかさと重さが伝わります。
この動くイラストでは太い輪郭と少ない内側の線を使います。ブラシの揺れが表面の動きを作り、シルエットの変化が主動作を伝えます。
練習2：予備動作を入れる
ジャンプ前にしゃがむ、手を振る前に少し後ろへ引く、花が開く前に閉じる。予備動作があると、次の動きを観客が予測できます。
低く縮んだ形と上へ伸びた形の2姿勢で動くイラストを作ってください。文字なしで「これから跳ぶ」と読めれば成功です。かわいい動くイラストほど、飾りより姿勢の差が効きます。
練習3：タイミングと間隔
タイミングは動作の長さ、間隔はフレーム間で位置がどれだけ変わるかです。位置が近いと遅く、急に離れると速く見えます。
3つの点を曲線上に置く動くイラストで試しましょう。最初の2点を近く、3点目を遠くします。「GIFアニメ 作り方」を調べるときに見落としやすいのが、ループの継ぎ目です。繰り返し再生し、最後から最初へ跳ねるフレームを調整します。
練習4：弧とフォロースルー
腕、ボール、落ち葉は直線より弧に沿って動きます。薄い曲線をガイドにし、主要な姿勢を置いてからガイドを消します。
フォロースルーとは、本体が向きを変えた後も髪、リボン、耳、しっぽなどが動き続けることです。ひとつの動くイラストには、まず1か所だけ追加してください。小さな画面で全部を動かすと読みにくくなります。
練習5：副次動作ときれいなループ
植物が揺れたあと、葉が少し遅れてついてくるようにします。まばたきに合わせてハイライトを下げるのも一例です。副次動作は主役を説明するためのもの。「静止—動作—戻り—静止」でつなぐと短いループになります。
完成した動くイラストをスタンプ程度まで小さく表示し、形が読めるか確認します。GIFアニメでは、細部よりシルエットとリズムが優先です。
書き出し前のチェック
主動作を動詞ひとつで言えるか、小さくしても輪郭が読めるか、準備と終わりがあるか、最後が最初につながるか、削れる線がないかを確認します。
「アニメーション 練習」で大切なのは、最初から完成作品を作ることではありません。動くイラストを短時間で完成し、見直し、もう一度試すことです。
次に作るもの
跳ねる点、まばたきする顔、揺れる植物を、それぞれ10分で作ります。毎回ひとつの動くイラストに絞り、いちばん動きが伝わるものを残してください。
準備ができたら WigglyPaint を開き、動くイラストを作りましょう。簡単な形から始め、動くブラシに手描きの揺れを任せ、必要なときだけフレームを加えて GIF に書き出せます。