![](https://studypremiere.info/wp-content/uploads/2023/12/Q.png)
テロップをなんて言うか、いい感じにシュパッてできませんか?シュパッ!と
![](https://studypremiere.info/wp-content/uploads/2023/12/A.png)
![](https://studypremiere.info/wp-content/uploads/2023/12/A.png)
![](https://studypremiere.info/wp-content/uploads/2023/12/A.png)
え~💦横から文字を入ってくる動きを作ってみましょう。
テロップをただ出しているだけだと単調になりがちです。ですから、テロップを効果的に動かすことで視聴者が楽しんでくれるように工夫しましょう。動画編集者の方はテロップも役者だと思ってらっしゃる方もおられます。文字や画像を動かすのにはエフェクトというものを使用します。エフェクトもたくさんあります。今回はトランスフォームというエフェクトを使っていちばん簡単な動きをつけていきましょう。そして、一度作った動きを保存する方法と再使用の方法までを解説していきます。
- エフェクトの使い方がわかる
- エフェクトの使いまわし方がわかる
カラーマット
![初期のプログラムパネル【Windows】](https://studypremiere.info/wp-content/uploads/2024/01/telop-effect-01.png)
![初期のプログラムパネル【Windows】](https://studypremiere.info/wp-content/uploads/2024/01/telop-effect-01.png)
まずはこのままだと見にくいので背景にカラーマットを置きたいと思います。カラーマットとは簡単に言えば単色塗りのシートです。
![メニュー「ファイル」⇒「新規」⇒「カラーマット」【Windows画面】](https://studypremiere.info/wp-content/uploads/2024/01/telop-effect-02.jpg)
![メニュー「ファイル」⇒「新規」⇒「カラーマット」【Windows画面】](https://studypremiere.info/wp-content/uploads/2024/01/telop-effect-02.jpg)
メニュー「ファイル」⇒「新規」⇒「カラーマット」
を選択します。
![新規カラーマット画面【Windows画面】](https://studypremiere.info/wp-content/uploads/2024/01/telop-effect-03.png)
![新規カラーマット画面【Windows画面】](https://studypremiere.info/wp-content/uploads/2024/01/telop-effect-03.png)
「新規カラーマット」ウィンドウが開かれるので「OK」をクリックします。
![カラーピッカー【Windows画面】](https://studypremiere.info/wp-content/uploads/2024/01/telop-effect-04.png)
![カラーピッカー【Windows画面】](https://studypremiere.info/wp-content/uploads/2024/01/telop-effect-04.png)
「カラーピッカー」ウィンドウが開くので好きな色を選んで「OK」を押します。今回は肌色っぽい色にしてみました。
![カラーマット名【Windows画面】](https://studypremiere.info/wp-content/uploads/2024/01/telop-effect-05.png)
![カラーマット名【Windows画面】](https://studypremiere.info/wp-content/uploads/2024/01/telop-effect-05.png)
「名前」ウィンドウが開くので任意の名前を入れて「OK」を押下します。
![カラーマットをタイムラインパネルに配置【Windows画面】](https://studypremiere.info/wp-content/uploads/2024/01/telop-effect-06.png)
![カラーマットをタイムラインパネルに配置【Windows画面】](https://studypremiere.info/wp-content/uploads/2024/01/telop-effect-06.png)
プロジェクトパネルに「カラーマット」が作成されました。これをドラッグ・アンド・ドロップでタイムラインパネルに配置します。これで画面が肌色っぽい色になりました。
以下の記事で紹介した「調整レイヤー」のように、プロジェクトファイルの右クリックから「カラーマット」も作成することもできます。
テロップを動かす
![テロップを入力【Windows画面】](https://studypremiere.info/wp-content/uploads/2024/01/telop-effect-07.png)
![テロップを入力【Windows画面】](https://studypremiere.info/wp-content/uploads/2024/01/telop-effect-07.png)
テロップを動かすのでまずはテロップを入力し、見た目を整えます。
入力の仕方は以下の記事にまとめています。
テロップスタイルについてはこちらにまとめています。
エフェクトの適用
![エフェクトパネル【Windows画面】](https://studypremiere.info/wp-content/uploads/2024/01/telop-effect-08.png)
![エフェクトパネル【Windows画面】](https://studypremiere.info/wp-content/uploads/2024/01/telop-effect-08.png)
文字を動かしたり、画像を動かしたりするときにはエフェクトを使用します。エフェクトはエフェクトパネルで管理され、このパネルに使用できる全てのエフェクトが入っています。
![エフェクトパネルの検索欄を使ってトランスフォームで絞り込み【Windows画面】](https://studypremiere.info/wp-content/uploads/2024/01/telop-effect-09.png)
![エフェクトパネルの検索欄を使ってトランスフォームで絞り込み【Windows画面】](https://studypremiere.info/wp-content/uploads/2024/01/telop-effect-09.png)
今回は最もよく使うエフェクトの代名詞とも言える「トランスフォーム」を使います。検索ボックスに「トランスフォーム」と入力してください。名前にトランスフォームが使われているもののみが表示されます。
のような形のものがエフェクトです。![エフェクトの適用方法【Windows画面】](https://studypremiere.info/wp-content/uploads/2024/01/telop-effect-10.jpg)
![エフェクトの適用方法【Windows画面】](https://studypremiere.info/wp-content/uploads/2024/01/telop-effect-10.jpg)
トランスフォームをテロップのクリップにドラッグ&ドロップして、エフェクトを適用します。
![エフェクトコントロールパネル【Windows画面】](https://studypremiere.info/wp-content/uploads/2024/01/telop-effect-11.png)
![エフェクトコントロールパネル【Windows画面】](https://studypremiere.info/wp-content/uploads/2024/01/telop-effect-11.png)
クリップにエフェクトが適用されると、エフェクトコントロールパネルにエフェクトが表示されます。
![適用されたエフェクト【Windows画面】](https://studypremiere.info/wp-content/uploads/2024/01/telop-effect-12.png)
![適用されたエフェクト【Windows画面】](https://studypremiere.info/wp-content/uploads/2024/01/telop-effect-12.png)
「トランスフォーム」の項目がありますね。ここの設定値を変更することで色々な効果や見せ方をすることができます。
キーフレームをうつ
![キーフレームの打ち方【Windows画面】](https://studypremiere.info/wp-content/uploads/2024/01/telop-effect-13.png)
![キーフレームの打ち方【Windows画面】](https://studypremiere.info/wp-content/uploads/2024/01/telop-effect-13.png)
- 再生ヘッドを一番最初に持っていきます
- ストップウォッチのマークをクリックします。
![キーフレーム【Windows画面】](https://studypremiere.info/wp-content/uploads/2024/01/telop-effect-14.png)
![キーフレーム【Windows画面】](https://studypremiere.info/wp-content/uploads/2024/01/telop-effect-14.png)
ストップウォッチのマークが青くなり、◇のマークが再生ヘッドのところに付きました。これをキーフレームと言います。
![再生ヘッドを10フレーム進める【Windows画面】](https://studypremiere.info/wp-content/uploads/2024/01/telop-effect-15-e1704123823793.png)
![再生ヘッドを10フレーム進める【Windows画面】](https://studypremiere.info/wp-content/uploads/2024/01/telop-effect-15-e1704123823793.png)
「
キー」を10回押して10フレーム進んでください。「Sift+ キー」で5フレーム進むので、「Sift+ キー」を2回押してもOKです。![キーフレームを追加【Windows画面】](https://studypremiere.info/wp-content/uploads/2024/01/telop-effect-16.png)
![キーフレームを追加【Windows画面】](https://studypremiere.info/wp-content/uploads/2024/01/telop-effect-16.png)
- ●ボタンを押します
- 再生ヘッドの位置にキーフレームが打たれます
![前のキーフレームに移動【Windows画面】](https://studypremiere.info/wp-content/uploads/2024/01/telop-effect-17.png)
![前のキーフレームに移動【Windows画面】](https://studypremiere.info/wp-content/uploads/2024/01/telop-effect-17.png)
「
」を押して、前のキーフレームに移動します。![横の位置を「3000」に設定【Windows画面】](https://studypremiere.info/wp-content/uploads/2024/01/telop-effect-18.png)
![横の位置を「3000」に設定【Windows画面】](https://studypremiere.info/wp-content/uploads/2024/01/telop-effect-18.png)
位置の左側をクリックし「3000」と入力しましょう。
これでどうなったのか説明します。
フレーム数 | 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | |
---|---|---|---|---|---|---|---|---|---|---|---|---|
位置の値 | 3000 | 960 |
上の表のように設定しました。赤文字がキーフレームを打った位置です。
フレーム数 | 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | |
---|---|---|---|---|---|---|---|---|---|---|---|---|
位置の値 | 3000 | 2796 | 2592 | 2388 | 2184 | 1980 | 1776 | 1572 | 1368 | 1164 | 960 |
すると自動的に間の値を補間してくれます。黒文字の値を自動的入力してくれるわけです。このように間の値を気にせず始点と終点だけに値を設定するだけで簡単にアニメーションを作る事ができるのがキーフレームの機能です。この設定のまま動かすと次のようなアニメーショーンをしてくれます。
![テロップスライド](https://studypremiere.info/wp-content/uploads/2024/01/telop-effect-1-1.gif)
![テロップスライド](https://studypremiere.info/wp-content/uploads/2024/01/telop-effect-1-1.gif)
右からスライドするテロップが作成されました。
速度の調整
このままでもいいのですが、もう少し緩急をつけてみましょう。
![位置の横の>をクリックして速度グラフを表示【Windows画面】](https://studypremiere.info/wp-content/uploads/2024/01/telop-effect-19.png)
![位置の横の>をクリックして速度グラフを表示【Windows画面】](https://studypremiere.info/wp-content/uploads/2024/01/telop-effect-19.png)
ストップウォッチの横にある「
」をクリックしてください。するとキーフレームの下にグラフが表示されます。これを「グラフエディター」と言います。ここで速度の調整を行います。![キーフレームにイーズインをかける【Windows画面】](https://studypremiere.info/wp-content/uploads/2024/01/telop-effect-20.png)
![キーフレームにイーズインをかける【Windows画面】](https://studypremiere.info/wp-content/uploads/2024/01/telop-effect-20.png)
- キーフレームをクリックし青く選択した状態にします
- 右クリックをして、「時間補間法」⇒「イーズイン」を選択します
![右の◯をドラッグして左下に伸ばす【Windows画面】](https://studypremiere.info/wp-content/uploads/2024/01/telop-effect-21.png)
![右の◯をドラッグして左下に伸ばす【Windows画面】](https://studypremiere.info/wp-content/uploads/2024/01/telop-effect-21.png)
するとキーフレームの形が
砂時計のような形になり、グラフエディターの形も変化しました。次に右の青い小さな丸をクリックしてください。図のようにマウスカーソルの形が変化した状態でドラッグして左下に思いっきり引っ張ってください。![限界まで伸ばしたら離す【Windows画面】](https://studypremiere.info/wp-content/uploads/2024/01/telop-effect-22.png)
![限界まで伸ばしたら離す【Windows画面】](https://studypremiere.info/wp-content/uploads/2024/01/telop-effect-22.png)
そうすると上の図のような形になります。
![テロップ速度比較](https://studypremiere.info/wp-content/uploads/2024/01/telop-effect-1-2.gif)
![テロップ速度比較](https://studypremiere.info/wp-content/uploads/2024/01/telop-effect-1-2.gif)
上のテロップが速度変化前で、下のテロップが速度変化後になります。速度一定で入ってきたテロップから、速く入ってきてゆっくりと止まるテロップに変わりました。
残像を入れる
![シャッター角度を入力【Windows画面】](https://studypremiere.info/wp-content/uploads/2024/01/telop-effect-23.png)
![シャッター角度を入力【Windows画面】](https://studypremiere.info/wp-content/uploads/2024/01/telop-effect-23.png)
- 「コンポジションのシャッター角度を使用」のチェックを外す
- クリックし「100」と入力する
![テロップシャッター比較](https://studypremiere.info/wp-content/uploads/2024/01/telop-effect-1-3.gif)
![テロップシャッター比較](https://studypremiere.info/wp-content/uploads/2024/01/telop-effect-1-3.gif)
上がシャッター角度「0」、下がシャッター角度「100」です。下の方が動いてる感じがしますね。
保存
このトランスフォームの設定値やキーフレームの位置をそのまま保存します。
![プリセットの保存【Windows画面】](https://studypremiere.info/wp-content/uploads/2024/01/telop-effect-24.png)
![プリセットの保存【Windows画面】](https://studypremiere.info/wp-content/uploads/2024/01/telop-effect-24.png)
- 設定した「トランスフォーム」を選択して、右クリックをします
- 「プリセットを保存」を選択します
![プリセットの保存画面【Windows画面】](https://studypremiere.info/wp-content/uploads/2024/01/telop-effect-25.png)
![プリセットの保存画面【Windows画面】](https://studypremiere.info/wp-content/uploads/2024/01/telop-effect-25.png)
「プリセットの保存」画面が開きます。
- わかりやすい名前をつけます(今回は「右からスライドイン」という名前にしました)
- 「インポイント基準」を選択します
- 「OK」ボタンをクリックします
- インポイント基準は前から順番にキーフレームを保存します。
- アウトポイント基準は後ろから順番にキーフレームを保存します。
- スケールはキーフレームを利用していない場合に選択します。
![エフェクトパネルにプリセットが保存される【Windows画面】](https://studypremiere.info/wp-content/uploads/2024/01/telop-effect-26.png)
![エフェクトパネルにプリセットが保存される【Windows画面】](https://studypremiere.info/wp-content/uploads/2024/01/telop-effect-26.png)
エフェクトパネルのプリセットフォルダを開いてみてください。保存したプリセット名が表示されていれば保存成功です。
保存したプリセットの使い方
![違うテロップを作成する【Windows画面】](https://studypremiere.info/wp-content/uploads/2024/01/telop-effect-27.png)
![違うテロップを作成する【Windows画面】](https://studypremiere.info/wp-content/uploads/2024/01/telop-effect-27.png)
違うテロップを用意します。色も変えてみました。
![保存したプリセットを適用する【Windows画面】](https://studypremiere.info/wp-content/uploads/2024/01/telop-effect-28.png)
![保存したプリセットを適用する【Windows画面】](https://studypremiere.info/wp-content/uploads/2024/01/telop-effect-28.png)
先程保存したプリセットを、新しく作ったテロップのクリップにドラッグアンドドロップします。エフェクトの適用方法と同じですね。これで同じエフェクトを適用することができました。
![エフェクトコントロールパネルに保存した状態のエフェクトがかかっている【Windows画面】](https://studypremiere.info/wp-content/uploads/2024/01/telop-effect-29.png)
![エフェクトコントロールパネルに保存した状態のエフェクトがかかっている【Windows画面】](https://studypremiere.info/wp-content/uploads/2024/01/telop-effect-29.png)
緑色のテロップのエフェクトコントロールパネルを見てみましょう。グラフエディターからシャッター角度まで同じ値になっています。
![テロップ再使用](https://studypremiere.info/wp-content/uploads/2024/01/telop-effect-2-3.gif)
![テロップ再使用](https://studypremiere.info/wp-content/uploads/2024/01/telop-effect-2-3.gif)
動かしてみると同じ感じに出てきますね。一度作った設定を使い回せるのでとても便利です。しかも文字だけではなく画面に表示されるクリップ全てに適用できるので色々試してみてください。実は私画像に適用できるのを知らなくて色々面倒くさいことをしたことがあります。
プリセットの書き出しと読み込み方
プリセットはフリーで配っていたり、有料で販売していたりします。最後にプリセットをプレミアから書き出す方法と、読み込む方法を紹介します。
プリセットの書き出し方法
![エフェクトの選択【Windows画面】](https://studypremiere.info/wp-content/uploads/2024/01/telop-effect-31.png)
![エフェクトの選択【Windows画面】](https://studypremiere.info/wp-content/uploads/2024/01/telop-effect-31.png)
まずは書き出したいプリセットを選択します。
![プリセットの書き出し【Windows画面】](https://studypremiere.info/wp-content/uploads/2024/01/telop-effect-37.png)
![プリセットの書き出し【Windows画面】](https://studypremiere.info/wp-content/uploads/2024/01/telop-effect-37.png)
右クリックをしてポップアップメニューを開きます。その中からプリセットの書き出しを選択します。
![プリセットの書き出しウィンドウ【Windows画面】](https://studypremiere.info/wp-content/uploads/2024/01/telop-effect-33.png)
![プリセットの書き出しウィンドウ【Windows画面】](https://studypremiere.info/wp-content/uploads/2024/01/telop-effect-33.png)
任意のフォルダを選択して、「保存」ボタンをクリックします。
![書き出されたプリセットファイル【Windows画面】](https://studypremiere.info/wp-content/uploads/2024/01/telop-effect-38.png)
![書き出されたプリセットファイル【Windows画面】](https://studypremiere.info/wp-content/uploads/2024/01/telop-effect-38.png)
このようなファイルでできているはずです。これがプリセットファイルです。書き出す単位は1つのプリセットだけではなく、ピン単位で書き出すこともできます。
プリセットの読み込み方法
今度はプリセットを読み込んでみましょう。
![プリセットの読み込み【Windows画面】](https://studypremiere.info/wp-content/uploads/2024/01/telop-effect-34.png)
![プリセットの読み込み【Windows画面】](https://studypremiere.info/wp-content/uploads/2024/01/telop-effect-34.png)
- エフェクトパネルの右にある三本線「≡」をクリック
- ポップアップメニューからプリセットを読み込みを選択
![プリセットの読み込みウィンドウ【Windows画面】](https://studypremiere.info/wp-content/uploads/2024/01/telop-effect-35.png)
![プリセットの読み込みウィンドウ【Windows画面】](https://studypremiere.info/wp-content/uploads/2024/01/telop-effect-35.png)
- プリセットを読み込みウィンドウが開くので、プリセットファイルを選択
- 開くボタンをクリック
![プリセットにエフェクトが読み込まれる【Windows画面】](https://studypremiere.info/wp-content/uploads/2024/01/telop-effect-36.png)
![プリセットにエフェクトが読み込まれる【Windows画面】](https://studypremiere.info/wp-content/uploads/2024/01/telop-effect-36.png)
これでエフェクトパネルのプリセットピンの中に読み込むことができます。
まとめ
今回はアニメーションの基本的な考え方とその実例を紹介しました。キーフレームの概念は他のソフトでも一緒です。キーフレームはとても重要なのでしっかりと覚えてください。この動きはよく使うので私もよく使いまわしています。入ってくる時に「シュッ」という効果音も入れるとより雰囲気が良くなります。