iPhone/iPadでつくる!ロゴアニメーション作成方法

f:id:someiyu:20200513095702j:image

iPhoneユーザー向けの簡単なロゴアニメーションの作成方法を紹介します。

 

必要なアプリは

の二つです。

 

全て無料で作成できます。

 

①ibisPaintで素材をつくる。

1.はじめにibisPaintで素材をつくります。

作成したイラストやロゴ、フリー素材をご用意下さい。

f:id:someiyu:20200513094012p:image

 

2.作品完成後、画像の部分(真ん中の四角)を選び透過します。

f:id:someiyu:20200513094417j:image

 

3.最後に「透過PNG保存」を選択します。

f:id:someiyu:20200513094513j:image

 

ibisPaintは以上で終了です。

 

Keynoteでアニメーション効果をつける。

 

1.Keynoteを開き、「+ボタン」を押下します。

f:id:someiyu:20200513095113j:image

 

2.「ホワイト」を選択します。

f:id:someiyu:20200513095136j:image

 

3.デフォルトで入っている編集エリア二つを削除します。

f:id:someiyu:20200513095239j:image

 

4.右上の「+ボタン」を選択します。

f:id:someiyu:20200513100134j:image

 

5.「写真またはビデオ」を選択し、カメラロールから①で作成した作品を取り込みます。

f:id:someiyu:20200513100523j:image

f:id:someiyu:20200513100535p:image

 

6.取り込んだ作品をタップし、アニメーションを選択します。

f:id:someiyu:20200513101212j:image

 

7.「イン、アクション、アウト」から好きなアニメーション効果を選択します。

(※3つ全て選択しなくてもよいです。)

f:id:someiyu:20200513101313j:image

f:id:someiyu:20200513101415p:image

 

8.選択後、右上の完了を押下します。

f:id:someiyu:20200513101433p:image

※例として「イン:コンフェッティ」、「アクション:反転」、「アウト:コンフェッティ」を選択しています。

 

9.画面右上のボタンを押下し、「書き出し」を選択します。

f:id:someiyu:20200513101820p:image

 

10.「ムービー」を選択します。

f:id:someiyu:20200513101904p:image

 

11.ムービーの設定を行い、右上の「書き出し」を押下します。(今回はデフォルトの設定で書き出しています。)

f:id:someiyu:20200513102019p:image

f:id:someiyu:20200513102026p:image

 

12.最後に「ビデオを保存」を押下します。

f:id:someiyu:20200513102124p:image

 

以上でロゴアニメーションの完成です。

完成品はカメラロールに保存されます。

 

 

■応用編

動画の上にさらにロゴアニメーションを表示したい!という方は以下を参考にしてみて下さい。

 

⚠️以下の方法は「グリーン/ブルースクリーン」機能がある動画ソフトで有効な方法です。

(※iMovie、Lumafusionなどにあります。)

 

上記②の8までは同じ手順です。

1.画面上のハケのマークをタップして、「背景」を選択します。

f:id:someiyu:20200513133411p:image

 

2.背景の項目でカラーを選択します。

2枚目の画像と同じマスの色を選択して下さい。

f:id:someiyu:20200513133641j:image

f:id:someiyu:20200513133644j:image

 

以降は②と同じように保存を行います。

 

背景をグリーンにしたことにより、「グリーン/ブルースクリーン」などでロゴのみを抽出できるようになります。

↓はiMovieの「グリーン/ブルースクリーン」選択画面です。

f:id:someiyu:20200513134147j:image

 

以上でロゴアニメーションの作成方法の説明は終了です。

ぜひ試して見てくださいね!

 

✄-------------------‐-------------------------‪-✄

作成時バージョン

ibisPaint 6.4.0

Keynote  10.0