※本サイトで紹介している商品・サービス等の外部リンクには、アフィリエイト広告が含まれる場合があります。
蛍光ペンを引く！みたいなアニメーション作りたい！
アンダーラインを引くような動きを演出したいが、どうやってやるんだ？
と困ったことはありませんか？
例えば、強調したい文章の下部に線を引くアニメーションを使えば、より文章を目立たせることができます。しかし、実際にアニメーションにしてみようと思うと、作り方がいまいち分からず困ってしまうことがあるかと思います。
そこで今回は、Premiere Pro2025における
・線を引くアニメーションを作る方法
について解説します。
線を引くアニメーションの作り方
横に線を引くアニメーションの作り方
先にペンツールで線を引いておきます。線の引き方がピンと来ない方は、以下記事をご活用ください。
エフェクトパネルを開き、「ビデオエフェクト」の「トランスフォーム」に分類されている「クロップ」を、線のクリップにドラッグ&ドロップします。
エフェクトコントロールパネルを開きましょう。新たに「クロップ」という項目が追加されています。
まずはじめに、線が引かれ始めてほしいタイミングに再生ヘッドを移動させてから、「右」のストップウォッチマークを押し、青い数字を「100%」にします。
次に、線が引かれ終わってほしいタイミングに再生ヘッドを移動させてから、「右」のキーフレームを打ち、青い数字を「0%」に変更しましょう。
これで、左から右に線が引かれるアニメーションが完成です。
例えば、下の画像の場合は、開始時点を「89%」、終了時点を「25%」にすることで、想定通りのタイミングに動いてくれます。
適切な数値は、引こうとしている線によって変わるかと思います。なので、まずは「100%」と「0%」にしてアニメーションの感じを試してから、適切な数値を探して微調整していくのが分かりやすいでしょう。
縦に線を引くアニメーションの作り方
縦線を引くアニメーションを作りたい場合も、やり方は横線のときとほとんど変わりません。
縦線を引いてから、「右」の代わりに「下」にキーフレームを打って制作しましょう。
説明は以上です。お疲れ様でした。
⚠Adobe CCライセンスの更新を忘れると、Adobeツールが使えず制作が遅れる事故が発生する可能性があります。ライセンスコードは更新日前に購入・有効化しても、残り期間が無駄にならないので、余裕を持って購入しておくことをおすすめします。AmazonのAdobe CCキャンペーンを今すぐ確認
⚠現在、驚きの半額セールがAmazonでやっています‼通常10万円程度なところ、現在は51000円のようです！11/28の23:59までの期間限定とのことなので、今がチャンス！
その他：初心者デザイナー・動画クリエイターの方へ
本記事を読んでくださっている方は、動画クリエイター・デザイナーを目指して勉強中の方、もしくは未経験からご自身で学びながら案件をこなしている方が多いのではないでしょうか？
「学んだスキルを使って、自分のペースで働きながら収入を得たい！」
「会社に縛られず、好きな場所で好きな仕事をして生活できるようになりたい……！！」
クラウドソーシングサイトでは学んだスキルを実際の仕事で活かしながらお金を稼ぐことができるので、「好きなことを仕事にして稼ぐ」第一歩を踏み出せます。
さらに、実績が増えて「○件の制作経験あり」とプロフィールに書けるようになると、企業からの仕事依頼や就職できるチャンスが増え、稼ぎにつながります。
筆者はかつて、個人のクリエイターとしてクラウドソーシングサイトで仕事をしていましたが、そこで実績を積むことが出来たため、今は理想的な会社でデザイナーとして働けています。
実績を積むことは、個人で自由に仕事することにも、就職して安定した収入を得ることにもつながりますよ！
そんな初心者におすすめのクラウドソーシングサイトをまとめた記事がこちらです。
大学生向けとしていますが、社会人や副業を考えている方にも十分役立つ内容になっています。
また、
「どんな順番で学べばいいのか分からない」「この先どう進めていけばいいか不安」という方には、未経験から動画クリエイター・デザイナーになるためのロードマップ記事もおすすめしています。
筆者の経験をもとに、勉強の進め方から実践・仕事獲得までの流れを具体的に書いているので、キャリアを築くうえで非常に参考になるはずです。
