Photoshop CS6にタイムラインパネルが導入されたことで、Adobeは、Photoshopで直接ビデオを編集、拡張、およびレンダリングできる新しいビデオ編集機能を最大限に活用しました。アドビは主にビデオ編集ツールとして宣伝していますが、私にとって本当に興味深いのは、ソフトウェアパッケージを切り替えることなく、Photoshopから直接アニメーションの刺し傷をすばやく作成できることです。
ここでは、iPad用の短いアニメーションスプラッシュ画面をすばやく作成する方法を紹介します。 FlashやAfterEffectsの操作に慣れているデザイナーにとって、これらのツールは非常に基本的なように見えるかもしれませんが、モーショングラフィックスに手を出したいデザイナーにとっては、タイムラインとキーフレームの概念をすばやく簡単に紹介します。もちろん、最終的な出力はiPadのスプラッシュ画面用である必要はありません。そのため、最終的な出力が何に使用されるかについての想像力によってのみ制限されます。
01 [モバイルとデバイス]ドロップダウンメニューから、希望するiPadの解像度で新しいドキュメントを設定することから始めます。背景を選択した色(この場合は灰色)で塗りつぶし、新しいレイヤーの中央に白い正方形を作成してから、2つの黒い点を作成し、それらを2つの反対側のコーナーにスナップします。後で生活を楽にするために、すべてに適切なラベルを付けます。
02 タイムラインパネルで、[ビデオタイムラインの作成]をクリックすると、すべてのレイヤーがタイムライン内に表示されます。 00:00に設定し、スポット01を選択し、三角形のアイコンを使用してレイヤーを展開します。次に、[位置]タブを押して、キーフレームを作成します。タイムラインを01:00に移動し、別の位置キーフレームを作成します。次に、スポットを正方形の左下に移動し、まったく同じタイミングを使用して2番目のスポットに対してプロセスを繰り返します。 3秒のマークまで1秒間隔でスポットを使用してプロセスを繰り返し、進行中にキーフレームを作成します。
03 00:00に戻り、背景のすぐ上の新しいレイヤーで、斜めの選択範囲を作成し、色で塗りつぶします。この形状をスワイプして出し入れしたいと思います。 00:00に位置キーフレームを作成し、Shiftキーを押しながらシェイプをキャンバスから移動します。 01:00に別のキーフレームを作成し、シェイプを元の位置に戻します。再生すると、スワイプインしているように見えます。キーフレームがスポットのキーフレームとどのように一致しているかを確認できます。
04 次に、タイムラインをさらに10フレームに沿って01:10に移動し、図形をドキュメントの境界内の位置に戻します。タイムラインを01:00に戻し、シェイプが完全に表示されている状態で、すべてを選択してレイヤーをコピーします。正方形のレイヤーでCmd / Ctrl + Aを押して選択し、[編集]> [貼り付け]に移動して、正方形内の形状を新しいレイヤーに貼り付けます。黒で塗りつぶし、適切にラベルを付けて、元の正方形のレイヤーの上に移動します。
05 次に、黒い内側の形状を黄色の形状に合わせてスワイプします。レイヤーをタイムライン上で00:00に戻し、前の黄色の図形からプロセスを繰り返します。最初のキーフレームを00:00に設定し、図形をキャンバスから完全に外し、01:00に設定して完全に表示します。キーフレームをこれ以上追加しないでください。黄色のレイヤーでスワイプして表示されますが、所定の位置に留まります。