Premiere Pro
PR

【Premiere Pro独学2日目】画像を画面サイズに合わせる方法

ちょびとみい
記事内に商品プロモーションを含む場合があります

Adobe Premiere Pro 「フレームサイズに合わせる」

こちらの記事でわかること

画像・イラスト・図形(静止画)を
画面サイズ(フレームサイズ)に合わせて入れる方法

項目評価
この記事を読んでもらいたい人Premiere Pro初心者
難易度 未だに理解できてないところもあるため

静止画をタイムラインに入れたらはみ出した!

【動画独学2日目】

イラストを動画のタイトルの背景にしたくてタイムラインに静止画を挿入したところ、
画面からはみ出してしまいました!

イラストはIllustratorで作りました。

その時のアートボードサイズは、ショート動画用に1080✕1920pxです。
なぜ? ? ?

そんな基礎中の基礎の作業ですが、やってみたら疑問だらけ。
超初心者なりに調べてみたので、皆さんにも共有したいと思います。


この備忘録が、私と同じくPremiere Pro初心者の方にお役に立てれば幸いです。

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

制作したイラストや図形をPremiere Proに挿入する

今回は下記のとおり、
縦長1080px✕1920pxのショート動画に、
Illustratorで作ったこちらの山のイラスト(1080px✕1920px)を配置します。

やり方は、以下の通りです。
各ステップに飛べるので、
気になる項目をクリック(タップ)してください。

Step1  イラストを縦長ショート動画と同じサイズで制作する

Illustratorの場合は
変形パネルで数値を入れれば
イラストのサイズを
幅1080px 高さ1920pxに
指定する
ことができます。

アートボードも同じサイズにし、
pngで書き出します。

上の部分は透明にしたいので
透明ありのpngでアートボードを
書き出します。

Step2 Premiere Proのプロジェクトに読み込んでタイムラインに入れる

制作したpngをPremiere Proのプロジェクトに読み込みます。
ファイル>読み込み>読み込みたいファイルを指定
(ドラックしてプロジェクトに直接入れてもOKです)

読み込んだデータをタイムラインに入れて、クリップに挿入します。

これで準備完了です。と思ったら、疑問点が!

ここで問題発見!勝手にファイルサイズが大きくなっている

プログラムモニターを見たら、山のイラストが大きくなってはみ出している!

子猫
子猫

早速確認してみたところ、エフェクトコントロールパネルの数値は以下の通り。
誤って拡大してしまったわけではなく、100%(原寸)のようです。

クリップの大きさは
エフェクトコントロールで
確認できます。

間違えたのかな?もう一度ファイルサイズを確認してみよう。

子猫
子猫

Premiere Proで
ファイルサイズの確認する方法

プロジェクトパネル>
プロジェクトファイル>

右クリック>
プロパティ

から確認できます。

プロパティで確認したところ、
画像のサイズが
2250✕4000になっていました

やっぱり!埋め込んだ画像サイズが、勝手に大きくなってる!

子猫
子猫

もちろん実際に埋め込んだpngファイルサイズはIllustratorで調べた結果、
1080✕1920のままです。

編集画面にてタイムライン に挿入すると拡大されてしまう現象

これは納得できないので、調べたところ、
下記のAdobe communityに似た現象があげられていました。

premirepro編集画面にてタイムライン に挿入すると拡大されてしまう現象

Adobe Communityより参照

この現象を回避するには、

画像をフレームサイズに合わせる

必要があるらしい!

Step3 フレームのサイズに合わせる

では、早速フレームサイズに合わせてみましょう。

合わせる方法は、以下のとおりです。

タイムラインパネル>
クリップ>右クリック>
コンテキストメニュー
>フレームサイズに合わせる


フレームサイズに合わせる」と
「フレームサイズに合わせてスケール」の
2種類ありました。

どちらを選んでも、
イラストの見た目は同じ結果で、
ジャストサイズでフレームに
配置されました。

フレームサイズに合わせる/フレームサイズに合わせてスケール 
の違いとは?

両者の違いは、エフェクトコントロールにありました。

左(上)がフレームサイズに合わせる
右(下)がフレームサイズに合わせてスケールの
エフェクトコントロールパネルです。

「フレームサイズ合わせる」を選ぶとスケールは100%になり、
「フレームサイズに合わせてスケール」を選ぶとスケールは48%に。

どういうことが調べてみると、
答えはまたAdobe communityにありました。

「フレームサイズに合わせる」と「フレームサイズに合わせてスケール」の違い

Adobe communityより

「フレームサイズに合わせる」の場合は
フルサイズが100%になるので、大きさを調整しやすくなります。
大きさを変えたり動かしたいときは100%から始めたほうが計算し易いと思います。

ただし解像度を保持しないということなので、画質劣化への注意が必要です。

「フレームサイズに合わせる」と「フレームサイズに合わせてスケール」の違い
フレームサイズに合わせるフレームサイズに合わせてスケール
スケール100%フレームに合わせて拡縮する
解像度フレームに合わせて拡縮する元の素材の解像度を保持

読み込み後に大きさを拡大したい場合は、
画質が粗くならないようにフレームサイズに合わせてスケールを選んだほうが良さそうです。

最初から大きさが48%って、なんかややこしいけど、まあ仕方ない。

子猫
子猫
ここから個人の主観です。読みたくない方はスルーでお願いします。

【個人的な意見】

イラレなどを使い慣れていると
サイズを%で変更するのは、気になりませんか?

110%拡大とか85%縮小とかっていうアレ、やりにくくないですか?

例えばフォントのサイズ変更をする際に、%で拡縮する人はあまりいないと思います。ptやQ数を入れてサイズ変更しますよね。

それと同じく、背景のイラストや図形なども、幅や高さの数値を入れて変更していくと思います。

皆さんはどうでしょうか?

イラレは数値(px)を入れて拡縮したり、pt数を決めて文字の大きさを指定できます。

几帳面なので、イラレが恋しい 笑


が、やはりpxでサイズを指定するパネルはありませんでした。

画像に alt 属性が指定されていません。ファイル名: 9aeeece621d3afcbc14fb6336e89e538-1024x884.jpg

課題の振り返り(まとめ)


課題の振り返りCheck List
静止画を画面サイズに合わせて入れる方法

 読み込み|プロジェクト読み込んでタイムラインへ入れればOK

 バグ?|静止画を挿入すると勝手にファイルサイズが変わるらしい

 対応策|A.フレームサイズに合わせる B.フレームサイズに合わせてスケール

 Aの場合|フルサイズで100%に(縮小)するが、解像度も同時に小さくなる

 Bの場合|解像度は保持 スケールが縮小されるので、リサイズがやりにくい

 スケール|リサイズはエフェクトコントロールのスケールで設定する

 スケール|リサイズは拡大・縮小(%)のみ

以上が、今回の振り返りです。

慣れないことだらけのPremiere Proですが、
ステップアップを目指して引き続き動画編集にチャレンジしていこうと思います!

最後まで読んでいただいてありがとうございました♪

ちょびとみい
ちょびとみい

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

  1. Adobe Premiere Pro入門 イラスト(静止画)を動かす方法

    […] あわせて読みたい【Premiere Pro入門】静止画を画面サイズに合わせて入れる方法 […]

ABOUT ME
ちょびとみい
ちょびとみい
アートディレクター、グラフィックデザイナー
都内の広告代理店で働く、アートディレクターです。

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

Adobe Illustrator・Photoshop歴/20年
Adobe premierepro歴/2024年5月から始めた超初心者
ブログ歴/2024年2月から始めた超初心者
記事URLをコピーしました