様々な画面サイズに合わせたアニメーションの再利用とリターゲティング

Animateでは、既存のプロジェクトのサイズを変更して 様々な画面サイズに合わせることができます このワイドスクリーン用プロジェクトを モバイルデバイスの解像度に合うように 変換する方法を説明します 現在のサイズは、プロパティパネルを見ると 1280×720アニメーションであることがわかります デスクトップ用には最適ですが モバイルデバイスで表示するには調整が必要です それには2通りの方法があります ひとつの方法は「コンテンツを伸縮」を使い コンテンツのサイズを変更します 例えば、幅を「640」にすると 高さは縦横比を維持して 自動的に設定されます 中央に配置して 画像をウィンドウサイズに合わせます 最初の画面とまったく同じように表示されるのは アセットがベクター画像だからです しかし「コンテンツを伸縮」をオフにして 縦横比を維持するリンクを解除することもできます 「640×960」に変更してみます ウィンドウに合わせます レイアウトがまったく変わってしまいました すべてのレイヤーのロックを解除して 最初のフレームに戻り オブジェクトを選択して 位置を調整します カバと陸地を 底部に移動し 月と雲が浮かぶ空だけを上に表示します オブジェクトのサイズを個別に変更するには 自由変形ツールを使用します 同じように位置を整えます では、いったんプロジェクトを元の状態に戻しましょう 初期状態です コンテンツのサイズを変更する別の方法を説明します ピン(アンカー)を設定してサイズ変更する方法です プロパティパネルの「詳細設定」を クリックします ここで例えば 「1280」を「720」に 「640」を「960」に変更します これがコンテンツを固定する 「アンカー」の設定です 「コンテンツを伸縮」をオンにすると アンカーは自動的に無効になるため このチェックは外します そして固定するポイントを指定します ここでは、右下に固定します 「OK」をクリックします 表示をウィンドウに合わせます ステージ外のコンテンツを切り抜きます ご覧ください このような方法でコンテンツのサイズを変更し 様々なステージのサイズに合わせることができます