「Fresco」アニメーション機能を使ってイラストを動かしたい【T】

「Fresco」を使って描いたキャラクターや背景の一部に、視線を惹きつけるような動きをつけたいと思ったことはありませんか?


静止画のイラストも魅力的ですが、髪の毛をなびかせたり、光の粒子を飛ばしたりするだけで、作品の世界観が一気に深まり、見る人の印象に強く残るようになります。

こうした表現は「Fresco」の「モーション」パネルから「パス」を描いたり、複数の「フレーム」を重ねたりする操作を行うことで実現できます。

自分の描いた絵が命を吹き込まれたように動き出すための、基本的なやり方を見ていきましょう。

イラストを動かす際にイメージ通りにならない原因

「Fresco」でアニメーションを作る際、すべての要素を一気に動かそうとすると、画面全体がバラバラな印象になり、本来見せたい部分が目立たなくなることがあります。

動きの「速度」や「タイミング」が一定すぎると、機械的な印象を与えてしまい、自然な揺らぎや躍動感を表現するのが難しくなるものです。

特に、レイヤーの構造が整理されていない状態でモーションを適用すると、動かしたくない部分まで一緒に動いてしまうトラブルに繋がります。

具体的には以下の状況が考えられます。

  • 動きの軌跡が不自然でキャラクターの動作に違和感がある。

  • ループの設定がうまくいかず動きの継ぎ目でイラストが飛んでしまう。

  • 複数のパーツを別々に動かしたいのに設定が干渉して制御できない。

アドバイスとして、まずは「瞬き」や「髪の揺れ」など、小さな一部分から動かし始めることで、全体のバランスを崩さずにクオリティを高められます。


モーションパスを使って自在に移動させたい

基本的な解決方法として、描いたイラストを指やペンでなぞった軌跡(パス)に沿って動かす手順を紹介します。

この操作を行うことで、複雑なフレームを一枚ずつ描かなくても、蝶が舞うような動きや雪が降るような演出を直感的に作り出すことが可能になります。

まずは、動かしたいパーツを独立したレイヤーに分け、進むべき道筋を描くことから始めてみましょう。

以下の手順で操作を進めます。

  1. 動かしたいオブジェクトが描かれたレイヤーを選択し、右下の「モーション」アイコンをタップする。

  2. モーションパネル内の「パス」を選択し、画面上をなぞって動かしたい軌跡を描き込む。

  3. 「パスに沿って方向を設定」をオンにして、進行方向に合わせてイラストの向きが変わるようにする。

  4. 「複数」の項目で数値を増やし、同じ動きをする複製を表示させて画面の密度を上げる。

注意点として、パスを描くときは一筆書きを意識すると、動きが途切れずスムーズなループアニメーションになります。


フレーム描画と特殊効果で表現を広げたい

単に移動させるだけでなく、形そのものを変化させたり、動きに緩急をつけたりするための高度な解決テクニックを紹介します。

「Fresco」の「フレームごと」の描画機能を使えば、少しずつ形の違う絵を重ねることで、炎の揺らめきや表情の変化など、より繊細なアニメーションを作成できるようになります。

解決方法が複数存在するため、作りたい動きの質感に合わせて最適な手法を選択しましょう。


「フレームごと」に描き込んで形を変化させたい

パラパラ漫画の要領で、一枚ずつ異なるポーズを描き足していくことで、本格的なアニメーションを作る方法です。

この機能を使えば、「パス」による移動だけでは表現できない、関節の曲げ伸ばしや服のしわの動きなどを自由に描写できるようになります。

これにより、クリエイターとしてのこだわりが詰まった、深みのあるブランドイメージを作品に持たせることができるはずです。

具体的な手順は以下の通りです。

  1. モーションパネルで「フレームごと」を選択し、現在の絵の後に新しい空のフレームを追加する。

  2. 「オニオンスキン」を有効にして、前のフレームの絵を薄く透かしながら次の動きを描く。

  3. 必要な回数だけフレームの追加と描き込みを繰り返し、動きの連なりを作る。

  4. 再生速度(FPS)を調整して、動きが速すぎたり遅すぎたりしないかを確認する。

アドバイスとして、最初は3フレーム程度の短いループから練習すると、アニメーションの構造を理解しやすくなります。


「エフェクト」と「イージング」で自然な質感を加えたい

動きの始まりと終わりに変化をつけたり、視覚的な効果を加えたりして、プロのような仕上がりに近づけるテクニックです。

「Fresco」の設定にある「イージング」を活用すれば、動き出しをゆっくりにしたり、急に停止させたりといった物理的な法則を簡単に再現できます。

これにより、単調な往復運動が心地よいリズムに変わり、いつまでも見ていられるような魅力的なループ動画が完成する可能性があります。

具体的には以下の手順で進めます。

  1. 作成したモーションの「設定」を開き、「イージング」の項目から加速や減速のパターンを選ぶ。

  2. 「パス」のプロパティで「ジッター」の数値を上げ、動きにランダムな揺らぎを加える。

  3. 背景レイヤーとモーションレイヤーの重ね順を確認し、奥行きを感じる配置に整える。

  4. 「公開と書き出し」から「モーション」を選択し、MP4やGIFアニメーションとして保存する。

アドバイスとして、書き出し前にプレビューを繰り返し、動きが背景と馴染んでいるかを確認すると、作品の完成度がさらに高まります。

高度な描画と緻密な設定を組み合わせることで、静止画の枠を超えたドラマチックな表現が可能になります。


イラストに命を吹き込み独自の表現を確立したい

アニメーション機能を自在に操れるようになることで、静止画だけでは伝えきれなかった物語や感情を視聴者に届ける結果が得られます。

「Fresco」の直感的なブラシとモーション機能が融合すれば、デジタルならではの表現を自分の武器として、いつでも自由自在に作品を進化させていけるはずです。

「まずは小さく動かし、徐々に変化を加える」というステップを大切にして、あなただけの動くイラストを形にしましょう。

一瞬の動きが加わるだけで、あなたの描いた世界はより鮮やかに、より深く人々の心に刻まれます。

具体的には以下の効果が期待できます。

  • SNSに投稿した際、静止画よりも目に留まりやすくなり、作品を見てもらえる機会が増える。

  • 髪の揺れや瞳の輝きを動かすことで、キャラクターの性格やその場の空気をよりリアルに演出できる。

  • 自分でアニメーションを完結させることで、動画用の素材制作の幅が大きく広がる。

  • フレーム描画の工程を通じて、キャラクターの構造や動きの仕組みへの理解が深まり、画力の向上に繋がる。

注意点として、あまりに複雑な動きを多用しすぎると視線が分散するため、最も動かしたい部分を一つに絞るのが効果的です。


人気のある投稿記事

「Excel」カーソルの白十字を元に戻したい

「Excel」を使ったことはあっても、他人が使ってる「Excel」って、変な設定になってることがありませんか?例えば、カーソルが白い十字のままで、通常ならばセルの右下端をドラッグすることができ、連番を振ったりできるのに、それができないこととか。