【MOHO Pro 13】効果【学び直し6】

MOHO Pro 13 チュートリアル６章のまとめです。

チュートリアル６章 効果

チュートリアル６章は、より複雑なアニメーションを実現するために使いたい機能が盛りだくさんです。

チュートリアルをパラパラと捲るだけでは難しそうに見える内容でしたが、実際に手を動かしてみると、作業自体は特別に難しいわけではありません。

どんな効果が使えるかをひと通り見ておくだけでも、次に役立つ内容だと思います。

6-1 シャドウに関するコツ

Mohoのレイヤーシャドウオプションを使うと、簡単に影の効果を設定できます。

設定は、レイヤーをダブルクリックして[レイヤー設定]ダイアログを開き、[シャドウ]タブに移動して行います。

同じ設定画面を使って、「グロー効果」と「アウトライン効果」の設定ができます。

チュートリアルでは、設定項目のオフセット、ぼかし、拡大の使い方次第で効果が変わる様子を確認します。

シャドウ（影）効果

グロー効果

アウトライン効果

6-2 カメラと奥行きの効果

カメラツールを使うと、カメラを向けているようにシーン全体を動かすことができます。

カメラ機能を使った動きは、アニメーション化もできます。

下図は、チュートリアル6-2で使ったサンプルです。複雑な背景は、複数のレイヤーに分けて作られています。

全体が見えるように引いて見ると、4枚のレイヤーが重なっているのがわかります。（下図）

[カメラ]の基本操作

使用するツール：

[カメラをトラック]ツールは、編集エリアでマウスをドラッグして、カメラを上下左右に動かします。

[カメラをトラック]ツールを使うと、全てのレイヤーを一斉に動かすことができます。

各レイヤーの[ポジション]に、それぞれ異なるZ値（奥行き）を設定すると、視差効果を生み出せます。

視差効果については、次の項目「奥行きの作成」で詳しく見ていきます。

カメラをリセットする場合は、ツールオプションエリアの[リセット]をクリックします。

使用するツール：

[カメラをズーム]ツールは、実際のカメラのズームコントロールと同様に、シーン上でカメラをズームイン／ズームアウトします。

カメラをリセットする場合は、ツールオプションエリアの[リセット]をクリックします。

他に[カメラのロール]と[カメラのパン/チルト]があります。

奥行きの作成

複数のレイヤーを使っている場合、レイヤーにポジションZ値を設定してそれぞれに異なる奥行きを設定できます。

チュートリアルのサンプルでは、4つのレイヤーにそれぞれ異なる奥行きを設けてカメラをトラックします。

レイヤー深度（奥行き）の違いによって、視差効果が発生し、カメラに近いオブジェクトは素早く過ぎ去り、遠いオブジェクトはゆっくり動くように見えます。

カメラの動きのアニメーション化

カメラの動きをアニメーション化することができます。

通常通り、タイムラインウィンドウで現在のフレームを選択してから、カメラを動かして表示位置を決めて、次のフレームに進む・・・を繰り返して、アニメーションを完成させます。

6-3 月と雲の効果

チュートリアル6-3では、移動するオブジェクトが、特定のオブジェクトの上を通過する時だけは「ぼかし効果」を発生させるアイデアを紹介しています。

サンプルでは、月と雲を使って紹介しています。

下のアニメーションをよく見ると、移動する雲が、月の上を通る時はぼやけた状態になるのがわかるでしょうか？

実際のサンプルを使って操作すれば、もっとボケ具合が分かると思います。

チュートリアルでは、ほとんど完成したプロジェクトを使って効果を確認します。

内容的には、雲用のレイヤーを作ったら複製し、レイヤーマスキングを使って、ひとつはレイヤーシャドウの「効果なし」に、もう片方は「効果あり」にしておくというものです。

これで、自動的に月の上でレイヤーが入れ替わります。

詳細はチュートリアルを確認しましょう。

6-4 パーティクル

[パーティクル]レイヤーを使うと、多数の小さなオブジェクトが飛び交うエフェクトを作成できます。

例えば、水、煙、昆虫の群れなどが広がる効果です。

パーティクルレイヤーは一種のグループレイヤーで、サブレイヤーを含めることができます。色や形の違うオブジェクトを別々のレイヤーに用意し、パーティクルレイヤーにまとめてエフェクト効果に活用できます。

パーティクルの動きは、レイヤー設定の[パーティクル]タブでコントロールします。

項目ごとの詳細は、こちら。

練習に、新しいベクターレイヤーを用意して[図形の作成]ツールで楕円、もしくは星などの簡単な図形を１個だけ、描画してみましょう。

[パーティクル]レイヤーを新規作成し、その中に図形を描いたベクターレイヤーを放り込んでみると、それだけでパーティクルの準備は完了です。

アニメーションを再生すると、図形が拡散して動くのが確認できるはずです。

あとは、レイヤー設定ダイアログの[パーティクル]タブを使って、お好みの動きに設定するだけです。

6-4-2 カスタムパーティクルジェネレータ

通常、パーティクル効果は単純な円をジェネレータ（発生元）にして広がります。

パーティクルレイヤーの下に図形を追加して、この図形をジェネレーターとして利用することができます。

この場合、レイヤー設定ダイアログ[パーティクル]タブで、「ベースレイヤーをソースとして使用」を有効にします。

6-5 パーティクルに関するコツ－草と群衆

パーティクル効果というと、何かが飛び回る、飛び散る、モクモクと煙る、といった、拡散のイメージがありますよね。

ところが、設定次第では、草が風になびくような表現にすることもできるんです！

という、目から鱗が落ちるような使い方を紹介しているのが「チュートリアル6-5」になります。

この「草原パーティクル」の設定は、下図のように指定されています。

設定項目の注目ポイントは、次の通りです。

• [パーティクル数]：500。草原では多数のパーティクルが必要です。
• [ソースの幅]：3。元のパーティクルをちょうど良い幅にして画面の幅をカバーします。
• [ソースの高さ]：0。平らな草原のため、高さは0 にします。
• [ソースの奥行き]：1。奥行き感を出すために、パーティクルをZ 方向に広げます。
• [速度]：0。草の葉が飛び回らないように0 を設定します。
• [拡散速度]：0。草の葉が飛び回らないように0 を設定します。
• [加速]：0。加速度を0 にするのも、草の葉が飛び回らないようにするためです。
• [レート]：0。これも、草の葉が飛び回らないようにするためです。
• [ランダム再生]：チェックあり。葉のアニメーションはランダム再生します。
  ランダム再生しないと、同期します。

ポイントを掴むと、草原以外のパーティクルを作るときの参考になりますね。

パーティクルの動きはPCに負荷かかるらしく、プレビューモードでは完成形を見ることはできません。結果はエクスポート後のお楽しみです。

6-5-2 群衆、パーティクル、および被写界深度

「被写界深度」なんて単語に縁のない私でしたが、「ピントの合う範囲」と言われればわかります。

つまり、チュートリアル6-5-2では、群衆などの奥行きのある動きを再現する場合に、カメラ目線の「ボケ」が表現できるということらしいです。

被写界深度の設定は、[プロジェクト設定]ダイアログで行います。

チュートリアルに描かれた通りに設定して元の画像と並べてみましたが、老眼のせいか、違いが出たような、出てないような…

6-6 あらかじめ作成されているパーティクルエフェクトの使用

Mohoで用意された、煙や爆発などのパーティクルエフェクトを使うことができます。

パーティクルエフェクトの種類を選択すると、設定用ダイアログが表示されるので、お好みの設定を行います。

ダイアログの設定を終えて[OK]をクリックすると、レイヤーパネルにはエフェクト用のグループレイヤーが生成されます。

エフェクト用のグループレイヤーが独立していると、同じ位置からエフェクト効果が表示されます。

移動のアニメーションを設定したグループレイヤーにエフェクト用のグループレイヤーを入れると、エフェクトも自動的にオブジェクトに追随します。

注意点としては、移動のアニメーションはサブレイヤーではなく、グループレイヤーに設定しておくことです。

サンプルでは、あらかじめ、移動（飛び回る）するロケットのアニメーションが用意されていて、このグループフォルダにエフェクト用のグループレイヤーを入れ、下のアニメーションが完成しました。

6-7 パーティクルエフェクトの高速化

パーティクルエフェクトのレンダリングには時間がかかることがあります。

特に、下のアニメーションのように複数のパーティクルエフェクトをプロジェクト内に入れる場合は、PCにかなりの負荷がかかります。

チュートリアル6-7では、パーティクルエフェクトの高速化を図るアイデアを紹介しています。

サンプルを使った一連の「高速化作業」は、ボタンや設定ひとつで高速化を図るものではないので、一見すると「意味なくない？」と思えるものでしたが、同じエフェクトを何回も繰り返す場面では、明らかに負荷が減るのが確認できたので、取り入れる価値はあると思います。

高速化の方法を簡単に書くと、、、

ひとつの完成したパーティクルエフェクトを、一度、画像シーケンス（連続画像）として書き出し（エクスポート）ます。

パーティクルエフェクトをパラパラ漫画のように作り替える手法です。

そして、あらためて画像シーケンスを読み込んで、エフェクトとして活用します。同じ効果を繰り返す場合は、シーケンス画像の複製を作ります。

エフェクトを画像シーケンスに書き出す作業にはそれなりの時間がかかりましたが、複数の画像シーケンスをエフェクトとして使った場合のレンダリング時間は、かなりの時間短縮ができていました。

画像シーケンスを作る

画像シーケンスは連番の付いた静止画を読み込んで、動画のように扱う機能です。

Mohoには、アニメーションを画像シーケンスとして書き出す機能と、連続画像を画像シーケンスとして読み込む機能があります。

画像シーケンスをインポート

今度は、画像シーケンスをパーティクルエフェクトとして活用します。

画像シーケンスを作るためのプロジェクトとは別に、新しいプロジェクトを用意しておきましょう。（ファイル→新規）

画像レイヤーそのものがパーティクルとして追加されているので、[レイヤーを変形]ツールを使って任意の位置に移動したり、サイズを変えたりできます。

複数のパーティクルエフェクトとして活用

インポートした画像シーケンスは、レイヤーパネルの[レイヤーを複製]をクリックすれば、簡単に複製できます。（複製直後は同じ位置に重なって追加されます）

必要な数だけ複製したら、任意のサイズ、位置にドラッグします。

エフェクト発生に時間差を設定する場合は、タイムラインで[シーケンサ]タブに切り替えて、各エフェクトの開始時間がズレるようにドラッグで調整します。

アニメーションをエクスポート

プレジェクトが完成したら、通常通りに動画としてエクスポートします。

画像シーケンスを活用すれば、複数のパーティクルエフェクトのままでエクスポートするよりも、大幅な時間短縮になるはずです。

6-8 パースペクティブシャドウ

ここまで「パーティクルエフェクト」のチュートリアルが続き、すっかり「パーティクル」という単語に慣れてきたところに登場したのが「パースペクティブシャドウ」です。

てっきり「パーティクルシャドウ」だと思い込んで作業をしてみたら、どこにもパーティクルする様子がないので不思議に思って見返したところ、違う単語でした。

パーティクルとパースペクティブでは意味も全然違うので注意しましょうね。

• パーティクル（Particle）＝ 粒子
• パースペクティブ（Perspective）＝ 視点

とはいえ、チュートリアルを読み返しても「パースペクティブシャドウとは何か？」の説明が無いじゃありませんか。そこで英語版を訳してわかったのは次の通りです。

チュートリアル6-8では、遠近感のある影を作るためのちょっとしたコツを学びます。レイヤーマスク機能を活用するのがコツとなります。

単純明快な答えが書いてありました。

作成したサンプルは下のアニメーションです。男性の動きに合わせて影も動きます。

この「影」は男性と同じ形をしていますが、影らしく遠近感が表現されていますよね。

この状況を作るのが、チュートリアルの主旨になります。

男性の形に一致するシャドウを作る

サンプルでは男性イラストを使いましたが、「男性」と書いてある部分をオリジナルのキャラクターに変えれば、同じようにシャドウ効果を設定できます。

男性の形と動きにピッタリと一致する形のシャドウを作る必要があります。

そこで、まずはベースとなる男性をベクターレイヤーに作り、ボーンレイヤーに入れて、ボーンの追加とアニメーションの設定を行った上で、ボーンレイヤーごと複製を作ってシャドウに変えます。

チュートリアル上にハッキリと「パースペクティブ」という操作や機能はありませんが、どうやら上の手順❽～❾で、パースペクティブな形に変わっているようです。

マスキングする

シャドウの準備が整ったので、マスキングを使って本格的な「影」にしていきます。

ぼかし効果を設定する

最後の仕上げとして、シャドウの見た目を洗練させます。

編集エリアでの再生や、アニメーションのプレビューをしても、シャドウに設定したぼかし効果は再生できません。完全なアニメーションは、動画ファイルとしてエクスポートを行って確認できます。

まとめ

６章が終わりました。

アニメーションに様々な効果を付けられることを学ぶ内容になっていましたが、かなり多彩な内容でしたね。

必ず身に付けなければならない機能というわけではなくても、使い方次第で作業の効率アップになったり、より高度なアニメーションが作れたりするものでした。

実践を繰り返していけば、余計にありがたみがわかる機能かもしれませんね。