Animateでの仮想カメラの使用

>> Animate CCの新しいカメラツールでは、ズーム、回転、パンを使って より面白いストーリーを作成できます このプロジェクトは、ダウンロードしてご利用いただけます では、プロジェクトの最初に戻します ここに、複数のレイヤーとフォルダーがあります ツールパネルで、新しいカメラツールを選択すると いくつかのプロパティが表示されます 「ズーム」、ステージ全体を回転できる「回転」 さらに「色合い」と「カラーの調整」があります このプロジェクトは、「色合い」と「カラーの調整」の両方を 使用できるよう、ActionScript形式に変換したものです 使用できる効果は、ドキュメント形式ごとに異なりますが カメラツール自体はどの形式でも使用できます タイムラインには、カメラレイヤーが追加されています ここにはカメラ用のUIがあり、ズームまたは回転を選択して スライダーで調整できます クリック＆ドラッグでパンも可能です カメラツールは、タイムラインの下のカメラボタンで オン／オフを切り替えられます オフにすると、すべてのカメラ機能がなくなります また、オンに戻します ここを見ると、ステージ外のコンテンツが ペーストボードに表示されていません これは、ステージ外のコンテンツを非表示にする この機能が有効になっているためです 無効にすると、コンテンツ全体が表示されます ここまでの手順をすべて取り消します では、カメラツールでカメラの動きを追加していきましょう まず、カメラツールを選択します フレーム1を見ると、カメラレイヤーにキーフレームがあり ズームを設定できます ズームは、スライダーで調整するか ここに値を入力します。

大幅にズームしたいので 「820」と入力します 次に、パン機能を使って、王子様の 顔にフォーカスします 今度は、フレーム50に移動して、キーフレームを挿入します 挿入／タイムライン／キーフレームを選択します このキーフレームでは、遠景にしたいので 値を「115」に戻してから 全景が入るようにパン機能で調整します これで、王子様の顔から全景に素早く切り替わります 引き続き、フレーム100に移動します ここでもキーフレームを挿入します 挿入／タイムライン／キーフレームを選択し、カメラツールを 選択して、600%までズームしてから 王子様の剣にパンします フレーム125にもキーフレームを挿入して 剣の柄までパンします フレーム145でも、同様にキーフレームを挿入します ここでも遠景にしたいので ズームを「110」にしてから 全景が入るようにパンします フレーム220のあたりでお城にズームしたいので 最後のフレームに移動して、キーフレームを挿入します ここでもカメラツールを使って 190パーセントにズームして、お城にパンします この状態では、所々にジャンプカットがあるので トゥイーン処理で、よりスムーズにしていきます まず、フレーム100から始まる部分に移動して 剣の先から柄までをスムーズに表示したいと思います 既にキーフレームがあるので トゥイーンスパン上で右クリックして モーションまたはクラシックいずれかの トゥイーン作成を選択するだけです ここでは「クラシックトゥイーンを作成」を選択します するとこのように 剣の先から柄までのパンが設定されました 次に、フレーム145から お城にズームする次のキーフレームまで トゥイーンを作成します 同様に右クリックし、「クラシックトゥイーンを作成」を選択します スムーズになりましたね 最後に、カメラ効果を いくつか追加したいと思います では、ここまで移動して フレーム200のあたりに新しいキーフレームを挿入します 次に、フレーム220に移動し、カメラツールを選択してから カラーを調整します 「明るさ」と「彩度」をともに 「-100」まで下げて 彩度が落ちてフェードアウトするような効果にします フレーム200にキーフレームを挿入しておいたので ここでは、調整前の明るさと彩度が 自動的に維持されています 仕上げにイージングを追加します では、最初のトゥイーンに戻ります クラシックトゥイーン上の任意の位置を 選択すると プロパティパネルに「イージング」が表示されます 基本的なイージングも適用できますが 今回は、イージングを編集したいと思います ゆっくりとイーズインおよびイーズアウトする 滑らかなイージングに変更してから 「OK」をクリックします 確認するには、Enterキーを押して再生します 次のトゥイーンでも同じ設定をします ゆっくりとしたイーズインに調整しますが 終わりは、このままにしておきます これは、ここにあるもう１つのトゥイーンで イーズアウトのみを調整すると ２つのトゥイーンにわたってS字カーブが形成されるからです 確認してみましょう 見事ですね これをHDビデオに書き出します ファイルメニューから 書き出し／ビデオを書き出しを選択します ここで、ビデオの書き出し先を選択できます 「CameraCompleted」という名前を付けて 「書き出し」をクリックします Adobe Animate CCの新しいカメラツールを使うと アニメーションを使ったストーリー作成の可能性が 大きく広がります