doga 製品活用方法(Tips)

テキストの追加・編集

BGMの追加・編集

キーフレームアニメ:複数の写真や動画を動かす

キーフレームアニメ 初級編:レイヤーの写真やビデオを自由に動かす。」では
写真を1枚に動きをつけました

では、1カット内で複数の写真やビデオに異なる動きをつけるにはどうしたらいいでしょうか?

ここでは、複数の写真や動画に異なる動きをつける方法を解説します。

doga 無料ダウンロード

まずは、動画でわかるガイド

手順を読む前に、「動画でわかるガイド」を御覧になったかたはわかるかもしれないが
ポイントは
・キーフレームは、レイヤーごとに設定が可能である。
・だけど、プレビューには各レイヤーの動きがまとめて、そのカットの中でどのレイヤーが、どのように動くかが表現されるということ

手順1: dogaを起動して、空くの「カット」を追加します。

dogaを起動し、「プロジェクトを開きます」をクリックします。
はじめてdogaを利用するユーザーは「新規プロジェクト」をクリックします。

doga ,レイヤーの写真やビデオを自由に動かす,キーフレームアニメ,dogaを起動

タイムラインの「写真の追加」を右クリック、右メニューの【空くの「カット」を挿入】をクリックします。

doga ,レイヤーの写真やビデオを自由に動かす,キーフレームアニメ,空くの「カット」を挿入

手順2: 「カット」の編集画面を開きます。

空くの「カット」が挿入されました・
カットをダブルクリックするか、またはカット画面上の鉛筆のボタンをクリックして、カットの編集画面を開きます。

写真のコラージュを作成,「カット」の編集画面

手順3: 写真を一枚追加します。

ガットの編集画面が表示されます。
「レイヤーを追加」のボタンをクリックし
「写真」を選択(クリック)します

写真のコラージュを作成,コラージュにしたい写真を一枚追加します

必要な写真を一枚選択し、「開く」をクリックします。

doga ,レイヤーの写真やビデオを自由に動かす,キーフレームアニメ,必要な写真を一枚選択

手順4

さらに、もう一枚写真を選択します
※手順3を参照

手順5

今回は、この2枚の写真を動かします。
動きは、矢印の通り、それぞれの写真がフレームに入り、一旦、中央に停止し、またフレームから出てゆく
という動きにしましょう

doga,キーフレームアニメ 複数の写真や動画を動かす,2枚の写真を動かします

<写真Aのキーフレームアニメーションを設定します>

手順6

写真Aをマウスクリック、これで写真Aのキーフレームアニメの編集をおこなうことを、doagは認識します。

doga,キーフレームアニメ 複数の写真や動画を動かす,2枚の写真を動かします

手順7

写真のスタート地点を設定します。

doga,キーフレームアニメ 複数の写真や動画を動かす,2枚の写真を動かします

手順8

写真Aをプレビュー外に送る

doga,キーフレームアニメ 複数の写真や動画を動かす,写真Aをプレビュー外に送る

手順9

追加をクリックする

doga ,レイヤーの写真やビデオを自由に動かす,キーフレームアニメ,追加をクリック

手順10

キーフレームのタイミングを設定。

doga,キーフレームアニメ 複数の写真や動画を動かす,キーフレームのタイミングを設定

手順11

タイミングが決まったら、
プレビューの写真Aを移動させます。

doga,キーフレームアニメ 複数の写真や動画を動かす,プレビューの写真Aを移動

手順12

追加をクリックする

doga ,レイヤーの写真やビデオを自由に動かす,キーフレームアニメ,追加をクリック

手順13

キーフレームのタイミングを設定

doga,キーフレームアニメ 複数の写真や動画を動かす,キーフレームのタイミングを設定

手順14

 と の間は停止しているので、以下のようにプレビュー内の写真Aの位置は動かいない

doga,キーフレームアニメ 複数の写真や動画を動かす,写真Aの位置は動かいない

手順15

追加をクリックする

doga ,レイヤーの写真やビデオを自由に動かす,キーフレームアニメ,追加をクリック

手順16

doga,キーフレームアニメ 複数の写真や動画を動かす

手順17

これで、写真Aのキーフレームアニメの設定は完了

doga,キーフレームアニメ 複数の写真や動画を動かす,写真Aのキーフレームアニメの設定は完了

<写真Bのキーフレームアニメーションを設定します>

手順18

写真Bをクリックすると以下メッセージが表示されます。
ここは「いいえ」で回答

doga,キーフレームアニメ 複数の写真や動画を動かす,写真Bのキーフレームアニメーションを設定

手順19

写真のスタート地点を設定し、追加をクリックすると以下のような画面が表示されます。

doga,キーフレームアニメ 複数の写真や動画を動かす,追加

キーフレームアニメ 複数の写真や動画を動かす

プレビューに表示されているのは写真Aの状態の時点の写真Aの状態です

手順20

キーフレームを調整しまうす

doga,キーフレームアニメ 複数の写真や動画を動かす,2枚の写真を動かします

手順21

写真Bの位置を調整

doga,キーフレームアニメ 複数の写真や動画を動かす,写真Bの位置を調整

手順22

追加をクリック

キーフレームアニメ 複数の写真や動画を追加

手順23

キーフレームを設定

doga,キーフレームアニメ 複数の写真や動画を動かす,キーフレームを設定

手順24

写真Bの位置を調整

doga,キーフレームアニメ 複数の写真や動画を動かす,写真Bの位置を調整

 と 

手順25

追加をクリックし

doga

キーフレームを調整し

doga,キーフレームアニメ 複数の写真や動画を動かす,キーフレームを調整

写真Bの位置を調整

doga,写真Bの位置を調整

手順26

保存をクリックすれば終了

doga ,レイヤーの写真やビデオを自由に動かす,キーフレームアニメ,保存

doga Tips ~ 写真とビデオと音楽の追加・編集