公開日:   更新日:

アプリ「Video Star」のエフェクトの使い方【キーフレームアニメーション】

この記事をシェアする

 

←前回の記事【クロマキー合成編】

 

今回はスマホアプリ「Video Star」で、

キーフレームアニメーションを作っていきます。

 

 

この記事の目次

キーフレームアニメーションについて

 

キーフレームアニメーションとは、動画の特定のフレームで

「この時の位置はここで、サイズはこの大きさ」

みたいに何箇所か値を設定して、そのフレーム間の値が自動的に補間されることで実現するアニメーションのことです。

 

言葉だけじゃ意味わかんないと思うので、実際にやってみましょう。

 

 

作例

 

せっかくなので、前回使った動画を使います。

 

松崎しげる人形の静止画をアニメーションで加えます。

 

keyframe-alive1

 

 

……。

 

 

どんどんカオスな動画になってますが、話を進めます。

IMG_1531

 

 

必要な課金

 

まずVideo Starでキーフレームアニメーションをするのに必要な課金は以下の通りです。

(※価格は2016年5月12日現在)

 

・ビデオインポートキット: 240円

・ビデオレイヤーケーキ: 360円

 

レイヤーを3〜5枚重ねる場合は、追加で

・ビデオレイヤープロアップグレード: 360円

 

 

必要な素材

 

・背景となる動画1本

background

 

・重ねる素材(動画でも静止画でもOK)

shigeru-matsuzaki

 

※PNG画像など、すでにまわりを透過したものだと楽ですが、Video Star内での合成時にクロマキーやシェイプ等で切り取って使うこともできます。

 

 

手順

 

 

最初から作る場合

前回の【クロマキー合成編】の手順10まで同じです。

「マルチレイヤークリップ」を選択したこの画面まで進みます。

IMG_1495

 

進めたら「1.」まで読み飛ばしてください↓

 

 

プロジェクトを読み込んで続きから作る場合

ホーム画面中央の下にあるマークをタップ

IMG_1513

 

ハサミマークをタップ

IMG_1514

 

「新」から「マルチレイヤークリップ」を選択

IMG_1516

 

1.紫色の画面をタップして、背景となる動画を選択

IMG_1495

 

2.青色の画面をタップして、今回は「写真」から合成する素材を選択。

(すでにインポートした動画や「テキスト」「カラー」を選択してもOK)

IMG_1517

 

3.大きさなど調整したら「完了」をタップ。

そして右上の「次」をタップ。

IMG_1518

 

4.【クロマキー合成編】のときと同じように、どのように切り取って合成するかの画面になります。

今回はすでに周りを透過させたPNG画像なので、特に設定せず「次」を押して進みます。

IMG_1520

 

不要なものを消さずに取り込んでいる場合は、「シェイプ」「カラー」「消す」等を駆使して不要物を消します。

 

5.画面左上の「1」と書いてあるところをタップ。

IMG_1521

 

 

ここでようやくキーフレームアニメーションの設定画面になります。

 

6.試しに、動画開始時点で「サイズ:30%」と「左回転:0.20」に設定します。(自動でキーフレームが打たれる)

さらに、素材を画面左端に配置します。

IMG_1523

 

7.今度は動画の中盤あたりに「◯」(再生インジケータ)を持っていき、「サイズ:100%」と「右回転:0.17」を設定。

さらに、素材を画面右端に移動させてみましょう。

IMG_1525

 

すると、小さなグレーの点々の線が横に伸びるはずです。

これは、スタート(左端のグレー点)とゴール(右端の白点)の間の値(位置やサイズ)を、自動で計算してくれているということです。

 

試しに再生してみましょう。

 

shigeru-sample

 

スタートからゴールにかけて、滑らかなアニメーションができました。

 

 

同様にして複数のフレームにキーフレームを設定。

IMG_1527

 

最後に左上の「戻る」→右上の「作成」をタップすれば…

 

完成です。

keyframe

 

 

補足

 

キーフレーム設定時、左にある「<」「>」マークをタップすれば、各キーフレームに飛ぶことができます。

IMG_1527a

 

キーフレームが設定されている項目は、「×」マークがピンク色になっています。

 

感覚がつかめるまでは なかなか難しいかもしれませんが、以上のツールを駆使して頑張って下さい!

 

 

– Video Starでキーフレームアニメーション編 おわり-

 

Video Starのダウンロード(iOS)

400x40000bb

 

 

この記事をシェアする

スポンサードリンク