【プレミアプロ】画像・テキストを動かす方法!ゆっくり動かす、くるくる回転させる、跳ねる、拡大させる……などのやり方を実践
※本サイトで紹介している商品・サービス等の外部リンクには、アフィリエイト広告が含まれる場合があります。
悩めるデザイナーインコ画像をゆっくり移動させたい!でも速くなっちゃう。どうしよう?
悩めるクリエイターバード跳ねるアニメーションを作りたいが、どうやってやるんだ?
と困ったことはありませんか?
動画編集をしていると、画像・テキストを動かす機会に多く直面します。ですが、具体的に「こういうアニメーションにしたい!」と思って制作しようとすると、やり方が分からず困ってしまうことがあるかと思います。
そこで今回は、Premiere Pro2025における・画像やテキストを動かす方法(例:ゆっくり動かす、くるくる回転させる、跳ねる、拡大させる)について解説します。
目次- ゆっくり動かす方法
- 画像・テキストを移動させる方法
- 移動する速さをもっとゆっくりにしたい場合
- くるくる回転するアニメーション方法
- 画像・テキストの向きを変えたいだけの場合
- くるくる回転するアニメーションにする方法
- 跳ねるアニメーション方法
- 画像・テキストを上下に移動させるだけでもそれっぽくなる
- もっと自然な感じに跳ねさせたい場合
- 拡大するアニメーション方法
ゆっくり動かす方法
画像・テキストを移動させる方法タイムラインに配置してある画像・テキストをクリックしてから、エフェクトコントロールパネルを開きます。「モーション」の左側にある「>」マークを押して項目を開きましょう。
動きはじめて欲しい地点に画像・テキストを移動させてから、「位置」の左側にあるストップウォッチマークをクリックしてキーフレームを打ってください。
再生ヘッド(自由に動かせる青い線)をモーション「位置」のアニメーションが終わってほしい時間帯に移動させましょう。
それから、移動し終わってほしい地点に画像・テキストを移動させると、自動でキーフレームが打たれます。
これでOKです。プレビュー再生をしてみて、アニメーションがうまくいっているか確認してみましょう。
移動する速さをもっとゆっくりにしたい場合プレビュー再生をしてみて、画像・テキストがもっとゆっくり動いてほしいと感じることがあるかと思います。そのような場合は、アニメーションが終了する地点のキーフレームを、アニメーション開始のキーフレームからもっと遠ざけましょう。
くるくる回転するアニメーション方法
画像・テキストの向きを変えたいだけの場合タイムラインに配置してある画像・テキストをクリックしてから、エフェクトコントロールパネルを開きます。「モーション」の左側にある「>」マークを押して項目を開いてください。
「回転」の青い数値を変更すると、画像の向きが変わります。
例えば「180°」にすると、画像・テキストが逆さまになります。
くるくる回転するアニメーションにする方法ずっとぐるぐるし続けるアニメーションの作り方も見ていきましょう。
まずはじめに、ぐるぐる回転するアニメーションが始まってほしいタイミングに再生ヘッド(自由に動かせる青い線)を移動させてから、「回転」の左隣にあるストップウォッチマークをクリックしましょう。
すると、この地点にキーフレームが打たれます。
次に、一回転しきってほしいタイミングに再生ヘッドを移動させ、その地点の「回転」の数値を「359°」に変更してください。
今作成した2つのキーフレームを「Ctrl+C」でコピーしてから、「→」キーを一回だけ押して1F分再生ヘッドを進ませましょう。その地点で「Ctrl+V」を押してキーフレームをペーストしてください。
すると、一回転だけするアニメーションを休む間もなく連続させることができます。これをぐるぐる回り続けて欲しい時間分、繰り返しコピペしていきましょう。
これでOKです。プレビュー再生をして動きを確認してみてください。
跳ねるアニメーション方法
画像・テキストを上下に移動させるだけでもそれっぽくなる画像・テキストを上下に移動させるだけでも跳ねてるっぽく見えます。まずはこれの具体的なやり方を見ていきましょう。
タイムラインに配置してある画像・テキストをクリックしてから、エフェクトコントロールパネルを開きます。「モーション」の左隣にある「>」を押して、項目を開きましょう。
画像・テキストが跳ね始めて欲しいタイミングに再生ヘッド(自由に動かせる青い線)を移動させてから、「位置」の左隣にあるストップウォッチマークをクリックします。
画像が最も高い位置まで跳んでいてほしい時間に再生ヘッドを移動させてから、画像が好みの高さになるまで画像のY座標を上げます。
最初に打った一つのキーフレームを「Ctrl+C」でコピーしてください。
画像が着地して欲しいタイミングに再生ヘッドを進めてから、先ほどコピーしたキーフレームを「Ctrl+V」でペーストしましょう。
プレビュー再生をして、うまく動いているか確認してみてください。
もっと自然な感じに跳ねさせたい場合先述のやり方では違和感を覚える動きに見えるかと思います。もっと自然な感じに跳ねるアニメーションにすることも可能です。やり方を見ていきましょう。
まずはじめに、画像・テキストをクリックした後、エフェクトコントロールパネルの「モーション」項目に存在する「アンカーポイント」の部分をクリックしてください。
すると、画像・テキストの真ん中あたりに青丸が表示されるので、それを画像・テキストの下辺あたりに移動させましょう。
その後、先述したやり方で、画像が上に跳ぶアニメーションを作成します。
「スケール」項目のそばに表示されている「縦横比を固定」のチェックを外してください。(※このとき、画像の形が変形してしまったら、スケールの「高さ」と「幅」の数値が同じになるよう修正しましょう)
以下画像の赤枠と同じ感じになるよう、スケール「高さ」のキーフレームを打っていきましょう。
今度は、以下画像の赤枠の位置(合計2か所)にキーフレームを打ちます。
このとき、この2つのキーフレームの「高さ」の数値は現在の数値よりも低くしてください。(例えば、現在が「100」の場合は「85」とかにしておくのが良いでしょう)
これでOKです。プレビュー再生をしてみて、動き方を確認してみましょう。
動きがなんだかしっくりこない場合は、キーフレームの位置や数値を微調整してください。例えば、飛び跳ねがゆっくりしすぎているならば、キーフレーム同士の距離を縮めてみると改善されます。
拡大するアニメーション方法
タイムラインに配置してある画像・テキストをクリックしてから、エフェクトコントロールパネルを開きます。
「モーション」の左側にある「>」マークを押して項目を開きましょう。
画像・テキストが大きくなりはじめて欲しいタイミングに再生ヘッド(自由に動かせる青い線)を移動させてから、「スケール」の左側にあるストップウォッチマークをクリックします。
次に、画像が大きくなりきってほしいタイミングに再生ヘッドを移動させてから、「スケール」の青い数値を好みの大きさまで大きくしましょう。
すると、自動でキーフレームが打たれます。これでOKです。プレビュー再生をして動きを確認してみましょう。
余談ですが、本記事以外でもアニメーションについて解説したことがあります。気になるものがありましたら、是非ご活用ください。
・線を引くアニメーション方法
【プレミアプロ】線を引くアニメーションの作り方Premiere Pro2025における、横線・縦線を引くアニメーションを作る方法について解説します。belier-imagecreation.com2025.08.19・丸を描くアニメーション方法
【プレミアプロ】丸で囲むアニメーションの作り方Premiere Pro2025における、丸を描くアニメーションを作る方法について解説します。belier-imagecreation.com2025.08.19・吹き出しのアニメーション方法
【プレミアプロ】吹き出しの作り方&アニメーション「丸い・四角い吹き出しを作る方法」「ちょっとオシャレな吹き出しアニメーション」の2つを解説します。belier-imagecreation.com2025.07.26・矢印が伸びるアニメーション方法
【プレミアプロ】矢印を動かすアニメーションの作り方Premiere Proで矢印を作る方法、矢印が伸びていくアニメーションを作る方法について解説します。belier-imagecreation.com2025.06.23説明は以上です。お疲れ様でした。
⚠Adobeの更新時期が近いのに、どの方法が安く済むのか分からず、つい更新を後回しにしていませんか?少しでも安く使い続けたい気持ちはあっても、それを調べるのは正直面倒ですよね。以前、お得なやり方でライセンスを購入できた方でも、その方法が今も同じように安いとは限りません。何も調べずにいつもの流れで更新すると、知らないうちに余計な費用を払ってしまうかもしれません。無駄な出費を避けたい方は、こちらの記事をチェックしてみてください。 ⚠デジハリやヒューマンアカデミーでAdobe CC継続する人はちょっと待って!価格変更と各社の違いについて見直しがオススメ【2026年最新】Adobe CCを利用している方の中には、デジハリやヒューマンアカデミー等の主要スクールが出しているAdobe関連講座の価格が上がったことに気付いていない方がいるかもしれません。本記事は、そういった方に向けて、どのようにAdobe CCを入手するのがオススメかについて解説しています。belier-imagecreation.com2025.04.14そもそも更新時期がいつか分からない方は、↓の記事をご活用ください。
【すぐ分かる】現在使用しているAdobe CCライセンスの有効期限を確認する方法現在使用しているAdobe CCライセンスの有効期限を確認する方法(Amazonでの購入者&スクールの講座に付属したライセンス使用者向け)です。belier-imagecreation.com2026.03.17忙しい時期にAdobeの有効期限が切れると、その対応に時間を取られて予想外のトラブルが発生してしまう可能性があります。余裕を持つためにも、定期的に確認するのがオススメです。