【プレミアプロ】線を引くアニメーションの作り方

Adobe備忘録

※本サイトで紹介している商品・サービス等の外部リンクには、アフィリエイト広告が含まれる場合があります。

悩めるデザイナーインコ
悩めるデザイナーインコ

蛍光ペンを引く!みたいなアニメーション作りたい!

悩めるクリエイターバード
悩めるクリエイターバード

アンダーラインを引くような動きを演出したいが、どうやってやるんだ?

と困ったことはありませんか?

プレミアプロ_線を引くアニメーションの作り方

例えば、強調したい文章の下部に線を引くアニメーションを使えば、より文章を目立たせることができます。しかし、実際にアニメーションにしてみようと思うと、作り方がいまいち分からず困ってしまうことがあるかと思います。

そこで今回は、Premiere Pro2025における

・線を引くアニメーションを作る方法

について解説します。

スポンサーリンク




線を引くアニメーションの作り方

横に線を引くアニメーションの作り方

先にペンツールで線を引いておきます。線の引き方がピンと来ない方は、以下記事をご活用ください。

エフェクトパネルを開き、「ビデオエフェクト」の「トランスフォーム」に分類されている「クロップ」を、線のクリップにドラッグ&ドロップします。

プレミアプロ_線を引くアニメーションの作り方_クロップ

エフェクトコントロールパネルを開きましょう。新たに「クロップ」という項目が追加されています。

まずはじめに、線が引かれ始めてほしいタイミングに再生ヘッドを移動させてから、」のストップウォッチマークを押し、青い数字を「100%にします。

プレミアプロ_線を引くアニメーションの作り方_クロップの右のアニメーションを100%にする

次に、線が引かれ終わってほしいタイミングに再生ヘッドを移動させてから、」のキーフレームを打ち、青い数字を「0%」に変更しましょう。

プレミアプロ_線を引くアニメーションの作り方_クロップの右のアニメーションを0%にする

これで、左から右に線が引かれるアニメーションが完成です。

想定通りのタイミングに線の引き始め・引き終わりが行われない場合は、クロップの青い数値を微調整してみてください。

例えば、下の画像の場合は、開始時点を「89%」、終了時点を「25%」にすることで、想定通りのタイミングに動いてくれます。

プレミアプロ_線を引くアニメーションの作り方_想定通りのタイミングに線の引き始め・引き終わりが行われない場合は、クロップの青い数値を微調整

適切な数値は、引こうとしている線によって変わるかと思います。なので、まずは「100%」と「0%」にしてアニメーションの感じを試してから、適切な数値を探して微調整していくのが分かりやすいでしょう。

縦に線を引くアニメーションの作り方

縦線を引くアニメーションを作りたい場合も、やり方は横線のときとほとんど変わりません。

縦線を引いてから、「」の代わりに」にキーフレームを打って制作しましょう。

プレミアプロ_線を引くアニメーションの作り方_縦線の引き方

その他:初心者デザイナー・動画クリエイターの方へ

本記事を読んでくださっている方は、動画クリエイター・デザイナーを目指して勉強中の方、もしくは未経験からご自身で頑張って学び、現在は実際の案件をこなしている方が多いのではないでしょうか?

「動画編集やデザインのスキルを磨いて、生活費を稼げるようになりたい」「もっと収入を増やしたい」と考える方は少なくありません。

しかし、未経験からキャリアを築くには、正しいステップを踏むことがとても大切です。

そこで参考にしてほしいのが、未経験から動画クリエイター・デザイナーになるためのロードマップをまとめた記事です。

勉強の進め方や、実際に仕事につなげて稼ぐための流れを具体的に整理しているので、

  • 「今は勉強しているけど、この先どうすればいいのかイマイチ分からない
  • 「仕事は取れたけど、このままでは十分に稼げない……」

と悩んでいる方にとっては非常に参考になるはずです。少しでも気になった方は、ぜひ↓の記事を覗いてみてください!

また、独学に限界を感じている方や、編集・制作スキル以外も学びたい方には、動画編集スクールをまとめた記事もおすすめしています。

筆者は独学Adobeソフトの使い方のみを学べる通信講座の受講で動画クリエイターになりましたが、この経験のおかげで時間をかけず、個人で仕事ができるようになりました。

実績も積め、今では理想的な会社にデザイナーとして就職することができ、穏やかな生活を送れています。

タイトルとURLをコピーしました