Premiere Proでかんたんな背景素材を作る

Premiere Pro のエフェクトを使って**かんたんな背景素材**を作成します。

* 背景素材を用意できない
* 少しでも楽したい
* Premie Pro だけで完結させたい

そんなときに活用してみてください。

## 波のフレーム

### 1.　外側（フレーム）になる長方形を作成する

エッセンシャルグラフィックスで長方形を作ります。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2821910/f0f11b6a-940a-ef03-0ac3-a27ce3eb49b9.png" width="500">

### 2.　内側（ベース）になる小さめの長方形を作成して上に重ねる

先ほど作った長方形よりも高さが小さい長方形を作り、上に重ねます。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2821910/c57a5ec1-5303-fc65-a51d-99061bb4e1e4.png" width="500">

### 3.　エフェクト「波形ワープ」を適用する

波形ワープを適用して、各項目を調整します。
今回は丸みのある波のフレームを上下に作ります。
この時点では、外側の長方形（濃い緑）も波になっています。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2821910/1b832e47-71e1-3242-7fd3-7bf541c1cb75.png" width="500">

#### ⬇︎ エフェクトの設定は好みに合わせて調整
<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2821910/1a10f75e-d335-7f31-0d53-017824c0f4a9.png" width="500">

### 4.　「波形ワープ」と内側の長方形をグループでまとめる <font color="red">／ 完成！</font>

「波形ワープ」を内側の長方形（薄い緑）のみに適用するため、グループでまとめます。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2821910/0348b0c2-0a11-d186-69e7-0d26d35feec9.png" width="500">

#### ⬇︎ エッセンシャルグラフィックス上ではこんな感じ
<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2821910/af7729de-4686-d0ea-ad31-33af4d35517f.png" width="500">


## ラフなフレーム

### 1.　外側（フレーム）になる長方形を作成する

エッセンシャルグラフィックスで長方形を作ります。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2821910/8bbff518-97f9-3de0-116f-5c7e1812c5dc.png" width="500">

### 2.　内側（ベース）になる小さめの長方形を作成して上に重ねる

先ほど作った長方形よりも小さい長方形を作り、上に重ねます。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2821910/1036a0c1-0570-e4c4-978a-019a6e6d4313.png" width="500">

### 3.　エフェクト「ラフエッジ」を適用する

「ラフエッジ」を適用して、各項目を調整します。
外側の長方形（濃い茶）の縁が少しガタガタした状態になります。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2821910/23438f9f-8bc6-e8f3-7005-fafe40a48f4e.png" width="500">

#### ⬇︎ エフェクトの設定は好みに合わせて調整
<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2821910/146b87c2-4895-e7c9-94ec-30e272db383a.png" width="500">

### 4.　「ラフエッジ」と内側の長方形をグループでまとめる <font color="red">／ 完成！</font>

「ラフエッジ」を内側の長方形（ベージュ）に適用するため、グループでまとめます。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2821910/65fbd5fe-2c6f-09b1-278a-d754a847acd2.png" width="500">

#### ⬇︎ エッセンシャルグラフィックス上ではこんな感じ
<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2821910/d93eca9b-ad2f-fa4b-9fe1-44b576f8f4bc.png" width="500">


## ストライプ

:::note warn
旧バージョンのエフェクトを使用しています。
:::

### 1.　ベースになる長方形のシェイプを作成する

エッセンシャルグラフィックスで長方形を作ります。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2821910/ee9014d1-3428-f476-b7d2-506bc9534e6d.png" width="500">

### 2.　柄になる長方形のシェイプを作成する

さらに長方形を作り、上に重ねます。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2821910/5a992a97-d5cd-0bbe-4fd7-76b0b90a3e4b.png" width="500">

### 3.　エフェクト「ブラインド」を適用する

「ブラインド」を適用して、各項目を調整します。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2821910/66bac507-5f22-2f7a-2672-8b51d21184a2.png" width="500">

#### ⬇︎ エフェクトの設定は好みに合わせて調整

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2821910/e6038e63-c6e9-3bd6-834b-fbd8a6344dd2.png" width="500">

### 4.　「ブラインド」と柄になる長方形をグループでまとめる <font color="red">／ 完成！</font>

「ブラインド」を柄になる長方形のみに適用するため、グループでまとめます。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2821910/1502ff70-f4dc-375b-dc1f-6713e835d002.png" width="500">

#### ⬇︎ エッセンシャルグラフィックス上ではこんな感じ
<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2821910/e6a04e56-2d4d-7daf-cfdd-66a377108f58.png" width="500">


## グリッド

:::note warn
旧バージョンのエフェクトを使用しています。
:::

### 1.　ベースになる長方形のシェイプを作成する

エッセンシャルグラフィックスで長方形を作ります。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2821910/86fba624-4888-c60d-4f16-33a5b677442c.png" width="500">

### 3.　エフェクト「グリッド」を適用する <font color="red">／ 完成！</font>

「グリッド」を適用して、各項目を調整します。

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2821910/8228a2be-d1a0-b4dd-a3dc-bb186049fa1d.png" width="500">

#### ⬇︎ エフェクトの設定は好みに合わせて調整

<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2821910/301044f1-892a-56b7-5301-50cdc007dbd9.png" width="500">

#### ⬇︎ エッセンシャルグラフィックス上ではこんな感じ
<img src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/2821910/74e1a660-a082-5721-cff2-bd982dfe58af.png" width="500">


## まとめ

素敵なフリー素材はたくさんありますが、
色や柄のサイズを自由に変えられないものも多いかと思います。

Premiere Pro でシンプルな背景素材を作っておけば、
好きな色やサイズにできて、後からの変更も楽々です。

ぜひ、使い分けてみてください。