チュートリアルを見る
ステップ1:スイッチの土台を描く
ツールバーからRectangle Toolを選び、Program Monitorでクリック&ドラッグして長方形を描きます。シェイプレイヤーを選択したまま、パネルが表示されていなければWindow > Essential Graphicsを開き、Editタブをクリックします。
ステップ2:角を丸くする
Essential Graphicsで、幅と高さの隣にあるcorner radiusの値を探します。最大値の1000まで上げましょう。長方形が錠剤のような形になり、これがスイッチの土台です。Fillは、オフ状態のiPhoneスイッチのような濃いグレーにします。サイズを変えるにはSelection Toolを選び、シェイプのハンドルをドラッグします。

ステップ3:白い円を追加する
タイムラインの何もないグレーの部分をクリックして、レイヤーの選択を解除します。次にツールバーのシェイプツールを長押ししてEllipse Toolを選びます。Program MonitorでShiftを押しながらドラッグすると、正円を描けます。Essential GraphicsでFillの色を白に変更します。Selection Toolで円を錠剤の左端に移動し、きれいに収まるようにサイズを調整します。

ステップ4:Positionキーフレームで円をアニメーションさせる
円のレイヤーを選択してEffect Controlsを開きます。スイッチが動き始める位置に再生ヘッドを移動し、Positionの横のストップウォッチをクリックしてキーフレームを作成します。アニメーションが完了してほしい位置まで進み、円が錠剤の反対側の端にくるようにPositionの値を変更します。速くしたい場合は、2つのキーフレームを近づけてください。

ステップ5:動きをなめらかにする
本物のスイッチは、動き出しと止まりがなめらかです。両方のキーフレームを選択し、どちらか一方を右クリックしてTemporal Interpolation > Ease Inを選びます。続けて同じ操作でEase Outを選びます。さらに細かく調整したい場合は、Positionの横にある小さな矢印をクリックして速度グラフを開きます。キーフレームを選択するとハンドルが表示されるので、自分だけの速度カーブを作りましょう。
EaseFlowでもっとなめらかに:キーフレームを選択して、Bezierハンドルをドラッグする代わりにワンクリックで本格的なイージングカーブを適用できます。EaseFlowを見る
ステップ6:Tintエフェクトを追加する
次に、スイッチがオンになったときに緑に変わるようにします。Effectsパネルを開き、Tint(Video Effects > Color Correctionの中)を検索して、一番下のレイヤーである錠剤に適用します。

BetterFXでもっと速く:Effectsパネルは不要です。BetterFXのショートカットを押し、Tintの最初の数文字を入力してEnterを押すと、選択中のクリップに適用されます。BetterFXを入手
ステップ7:色にキーフレームを打つ
色を変える前に、再生ヘッドをアニメーションの位置に合わせます。上のクリップを選択して Effect Controls を開き、Positionの横の矢印で最初のキーフレームにジャンプします。次に下のレイヤーをもう一度選択し、Map Black ToとMap White Toの横のストップウォッチをクリックして、元の色でキーフレームを作成します。
もう一度円のレイヤーを選択し、再生ヘッドを最後のキーフレームに移動します。下のレイヤーに戻り、Map White Toを明るい緑に設定します。Map Black Toはもう少し暗い緑にします。好みで他の色にしても構いません。再生すると、スイッチがスライドしながら同時に緑に変わります。

ヒント
- レイヤーをグループ化する。錠剤と円をネスト(Nest)にまとめると、スイッチ全体を1つのオブジェクトとして移動・拡大縮小できます。
- クリック音を加える。円が動くときに小さなクリック音を入れると、アニメーションがよりリアルになります。
- 逆再生させる。ネストを複製して反転させれば、スイッチがもう一度オフになります。
FAQ
Premiere Proで錠剤形を作るには?
長方形を描き、Essential Graphicsでcorner radiusを最大値まで上げます。
Premiere Proで正円を描くには?
Ellipse Toolを選び、Program MonitorでShiftを押しながらドラッグします。
Premiere Proで色の変化をアニメーションさせるには?
Tintエフェクトを適用し、アニメーションの開始時と終了時にMap Black ToとMap White Toの色へキーフレームを打ちます。
完成済みのアニメーショングラフィックスをお探しですか?Motion Graphic Templatesをご覧ください。








