Adobe　PremierePro 2025

モーションテロップの基礎を習得するなら、まずは”スライドイン”

モーションテロップ（テロップを動かすこと）を使うと、内容をよりわかりやすく伝えることができて、動画のクオリティがあがります。

数あるモーションテロップの中でも、PremierePro初心者が始めやすいのは「スライドイン」です。「スライドイン」は制作前にどんな動きになるかを想像できるだけでなく、テロップを動かすための一連の流れを習得できるからです。

では早速、スライドインのやり方をご紹介します。

気になる箇所だけ見ることもできます。
目次から、気になる箇所をクリックまたはタップしてください。

1.　テロップを用意する

まず背景となる動画またはカラーパネルを用意し、スライドインさせたいテロップを準備します。

テロップはドロップシャドウをつけて、目立つようなデザインにしました。
背景は白のカラーパレットにしています。

見本のテロップの設定はプロパティからできます。今回のデザインの設置は以下の通りです。

今回はドロップシャドウに動きをつけないので、プロパティから設定しました。他にもエフェクトから設定することもできます。

ドロップシャドウのやり方は、こちらでご紹介しています。気になる方はこちら↓

あわせて読みたい

PremierePro初心者さん向け　テロップ基礎編②ドロップシャドウ

テロップをデザインできたら、テンプレとして使い回せるように保存するのがおすすめです！
PremiereProのテンプレは、リンクスタイルといいます。

テロップデザインの保存方法は、こちらの記事でご紹介しています。気になる方はこちら↓

あわせて読みたい

PremierePro初心者さん向け　テロップ基礎編①デザインテンプレートの作り方

２．スライドインのエフェクトはトランスフォーム

横からスライドする動きのエフェクトの名称は、トランスフォームといいます。
これは覚えておきましょう。（スライドインって名称だと覚えやすくて良かった、、、）

１.　トランスフォームをテキストクリップに適応させる

エフェクトパネルの検索窓にトランスフォームと入力＞
トランスフォームが出たら、テキストトラックにドラッグして適応させます。

次に、スライドインの設定をしていきます。

２.　テキストの位置を決める

まず、スライドインしたあとの着地点を決めます。
テキストの位置はテキストを選択し、プロパティ＞アピアランス＞整列と変形で設定します。
今回は、画面の左右中央でやや下のほうに設定しました。（X:953/Y:910）

余談ですが、
私は大体の場合、設定（X軸・Y軸）の数値は整数にします。小数点は四捨五入したり切り捨てたりして整数にし、さらにできるだけ末尾は0になるように設定しています。
位置だけでなくテキストやオブジェクトのサイズ、アートボードのサイズ、線の太さ、クリックボタンなどの細かいオブジェクトも基本的に整数にします。

これは、PremiereProだけではなくIllustrator、Photoshopなどすべてそうしています。整数にすると覚えやすいし、コーディングにも役立ちます。習慣づけましょう、オススメです！

３.　動かすのは２つのキーフレーム

次は動きをつけるためにエフェクトコントロールパネルを使ってキーフレームを打っていきます。
キーフレームについてわからない方はこちらをクリック！

１．１つ目（動く始点となる）のキーフレーム

エフェクトのトランスフォーム横の▼ボタンをクリックすると、詳細が表示されます。
位置はここから設定します。

動かしたいテキストを選択し、
エフェクトコントロール＞トランスフォーム＞位置のX軸にマウスをあわせたまま、
マウスを左へ動かして、画面の外へテキストを移動させます。
（プロジェクトパネルでカラーパレットの外に移動すればOKです）
このとき、縦のY軸は動かないようにしてください。

移動したら、位置の隣のストップウォッチマークをクリックします。
すると再生ヘッドがある場所に１つ目のキーフレームがマークされます。

２．２つ目（動きの終点となる）のキーフレーム

次に２つ目のキーフレームを打ちます。
今回は、2つ目のキーフレームの位置は10フレーム目にします。（フレームの位置は任意）

再生ヘッドを選択したまま、右矢印で動かしてキーフレームを打ちます。

再生ヘッドは、右矢印を１クリックすると１フレーム移動します。
５フレーム動かしたい場合は、Shiftを押しながら右矢印をクリックします。
従って10フレーム移動するには、Shift+右矢印を2回クリックします。

10フレーム目に再生ヘッドを移動させたら、パラメーターをリセット（初期設定に戻す）をクリックします。
パラメーターリセットは、スライドインの動き以外にもなんでも使える便利なボタンですので、覚えておきたいところです。パラメーターリセットはこちら＞＞＞

これで最初に設定したX軸953px、Y軸910px（画面中央）に戻ります。

これでスライドインの動きができました。

パラメーターリセットを使わない、キーフレームの位置の数値を指定する方法もあります。

２つ目のキーフレームに再生ヘッドを合わせ（今回は先程と同じ10フレーム目）、位置のX軸の数値を画面中央に設定したときの数値を入力します。（今回は953px）

この方法でもスライドインができるので、お好きなやり方で挑戦してみてください。

２つのキーフレームの位置を変えたら、左から文字がスライドインする動きは完成です。
再生してみましょう。

再生ボタンをクリックまたはタップしてご覧ください。

３.　単調な動きに緩急をつくる、イーズイン・アウト

先述のスライドインは、10フレーム内で同じスピードで移動してくるので、動きが単調です。
少しタメを作ったり、スピードを早めたりして変化をつけていこうと思います。

１．イーズイン・アウトの設定方法

動きに緩急をつけるのはイーズイン・イーズアウトです。
イーズイン、イーズアウトについての詳細はこちら>>>

イーズイン・アウトは、エフェクトコントロールで設定します。
２つのキーフレームを選択したまま右クリック＞時間補間法＞イーズインを選択します。

すると、キーフレームの形が砂時計に変わります。

では早速、動きを見比べてみましょう。赤い文字がイーズインをかけていない状態、青い文字がイーズインをかけた状態です。

再生ボタンをクリックまたはタップしてご覧ください。

明らかに動きが違いますね。最初のスライドインは動きが単調（同じ早さ）ですが、２つ目のスライドインは最初が早くて終わりが遅いのがわかります。

もっと露骨に緩急をつけたい！いうことでグラフをいじっていきます。

２．イーズイン・アウトの速度のカスタマイズ方法

イーズイン・アウトは、速度の調整をカスタマイズできます。

トランスフォーム＞位置のストップウォッチの隣の▼をクリックすると、このような曲線グラフが出てくるので、このグラフの部分をいじって細かくカスタマイズします。

イーズインをかけた状態は、このようにアーチがかかっています。上に行けば行くほど早く、下が遅い状態です。この曲線は最初は早くだんだん遅くなるアーチ形です。

ここから、もう少し強調していきたいと思います。
キーフレームを選択したまま、パスをクリックして左へ動かします。

するとまあるいアーチ型だった曲線が、少し変形します。

先述のアーチ形よりさらに
最初に早くて、後ろに行けば行くほど遅くなる設定になりました。

再生ボタンをクリックまたはタップしてご覧ください。

青文字がノーマルなイーズイン・アウトで、緑文字が少し強調したバージョンです。
（赤文字はイーズイン・アウトなし）
移動距離も短いので、緑がただ早くなっただけっぽい気もしますが、とにかく違いはありますね。

４.　最後に残存つきのスライドイン

再生ボタンをクリックまたはタップしてご覧ください。

こんな感じの残像のある、スライドインテロップを作ってみました。（残存をわかりやすくするために、カラーマットを黒にしてテロップを白文字にしました）

残存を作るのは、シャッター角度です。
エフェクトコントロール＞トランスフォーム＞シャッター角度から設定していきます。

テロップを選択してシャッター角度を180°にするだけです。（数値は任意）

シャッター角度を変えただけで、こんな感じで残存みたいにブレができます。

５.　作ったモーションテロップを保存する方法

作ったスライドインのモーションテロップは保存して、使い回すことができます。

作ったテロップのクリップを右クリックして、モーショングラフィックスとして書き出しを選びます。

好きな名前を入れてOKをクリックします。今回は、slide in textという名称にしました。

するとグラフィックテンプレートの中のローカルテンプレートフォルダに保存されます。

６.　保存したスライドインを使い回す方法

保存先であるグラフィックテンプレートにある、「Slide in text」を適応させます。

まず、グラフィックテンプレートの検索窓に「Slide in text」と入力すると見つかるので、
適応したいテロップのタイムラインにあるクリップにドラッグするだけです。

適応させただけだと、文字はスライドインのままなので、文字は都度打ち替える必要があります。

スライドインの作り方まとめ

以上です。

スライドインをマスターしてから、徐々に他のエフェクトを覚えようと思います。

最後までご覧いただきありがとうございました♪

ちょびとみい

ちょびとみい

アートディレクター、グラフィックデザイナー

X

都内の広告代理店で働く、アートディレクターです。

デザイナー必須のAdobeアプリの操作方法や、
小技とpremiereproの初心者の備忘録を中心にご紹介しています。

Adobe Illustrator・Photoshop歴／20年
Adobe premierepro歴／2024年5月から始めた超初心者
ブログ歴／2024年2月から始めた超初心者