アニメーションの中の透明度を調整とキーフレームアニメーションを組み合わせれば、
フェードインとフェードアウトを演出することができます。
まずは、動画でわかるガイド
レイヤーを追加で写真を追加する
透明度を０％にする
キーフレームを追加する
透明度を調整する
この時点でフェードインが完成
キーフレームでフェードアウトのスタート地点を設定
キーフレームデフェードアウトの終点を設定
透明度を調整する
保存をクリックすれば終了
「キーフレームアニメ 初級編：レイヤーの写真やビデオを自由に動かす。」では
写真を１枚に動きをつけました
では、１カット内で複数の写真やビデオに異なる動きをつけるにはどうしたらいいでしょうか？
ここでは、複数の写真や動画に異なる動きをつける方法を解説します。
まずは、動画でわかるガイド
手順を読む前に、「動画でわかるガイド」を御覧になったかたはわかるかもしれないが
ポイントは
・キーフレームは、レイヤーごとに設定が可能である。
・だけど、プレビューには各レイヤーの動きがまとめて、そのカットの中でどのレイヤーが、どのように動くかが表現されるということ
dogaを起動し、「プロジェクトを開きます」をクリックします。
はじめてdogaを利用するユーザーは「新規プロジェクト」をクリックします。
タイムラインの「写真の追加」を右クリック、右メニューの【空くの「カット」を挿入】をクリックします。
空くの「カット」が挿入されました・
カットをダブルクリックするか、またはカット画面上の鉛筆のボタンをクリックして、カットの編集画面を開きます。
ガットの編集画面が表示されます。
「レイヤーを追加」のボタンをクリックし
「写真」を選択（クリック）します
必要な写真を一枚選択し、「開く」をクリックします。
さらに、もう一枚写真を選択します
※手順３を参照
今回は、この２枚の写真を動かします。
動きは、矢印の通り、それぞれの写真がフレームに入り、一旦、中央に停止し、またフレームから出てゆく
という動きにしましょう
写真Aをマウスクリック、これで写真Aのキーフレームアニメの編集をおこなうことを、doagは認識します。
写真のスタート地点を設定します。
写真Aをプレビュー外に送る
追加をクリックする
キーフレームのタイミングを設定。
タイミングが決まったら、
プレビューの写真Aを移動させます。
追加をクリックする
キーフレームのタイミングを設定
と 
の間は停止しているので、以下のようにプレビュー内の写真Aの位置は動かいない
追加をクリックする
これで、写真Aのキーフレームアニメの設定は完了
写真Bをクリックすると以下メッセージが表示されます。
ここは「いいえ」で回答
写真のスタート地点を設定し、追加をクリックすると以下のような画面が表示されます。
プレビューに表示されているのは
の時点の写真Aの状態です
キーフレームを調整しまうす
写真Bの位置を調整
追加をクリック
キーフレームを設定
写真Bの位置を調整
と 
追加をクリックし
キーフレームを調整し
写真Bの位置を調整
保存をクリックすれば終了
doga＜ドーガ＞の編集機能のハイライトの一つは、レイヤー機能を利用して
１カットの中に複数の写真やビデオを自由に配置する。つまりコラージュを作成できる点にあります。
でも写真やビデオをただ単にならべるだけじゃ面白くありませんよね。
そこで、写真やビデオに動きをつけて配置することにより、よりキャッチーな作品を作ることができます。
この動きをつけるための、作業を「キーフレームアニメーション作成」、略して「キーフレームアニメ」とか「キーフレーム」と呼びます。
まずは、動画でわかるガイド
今回は写真をキーフレームアニメーションで動かしてみます
dogaを起動し、「プロジェクトを開きます」をクリックします。
はじめてdogaを利用するユーザーは「新規プロジェクト」をクリックします。
タイムラインの「写真の追加」を右クリック、右メニューの【空くの「カット」を挿入】をクリックします。
空くの「カット」が挿入されました・
カットをダブルクリックするか、またはカット画面上の鉛筆のボタンをクリックして、カットの編集画面を開きます。
ガットの編集画面が表示されます。
「レイヤーを追加」のボタンをクリックし
「写真」を選択（クリック）します
必要な写真を一枚選択し、「開く」をクリックします。
今回は、このハートが画面の４隅を巡るアニメを作ります
最初に写真を選択した状態は以下の通り
ハートの写真を、スタート位置に配置
追加をクリックします
この＂次のアニメの起点”は、プログラムが、適当に、しかも暫定的に設定した起点にすぎません
なので、そのタイミングを適切なものに修正します。
修正方法は
を適切なタイミングの秒数に移動させるだけです
タイミングが決まったら、
プレビューのハートを移動させます。
追加をクリックする
次のアニメのキーフレームアニメのスタート起点が設定されます。
この＂次のアニメの起点”は、プログラムが、適当に、しかも暫定的に設定した起点にすぎません
なので、そのタイミングを適切なものに修正します。
タイミングが決まったら、
プレビューのハートを移動させます。
追加をクリックする
タイミングを適切なものに修正します。
タイミングが決まったら、
プレビューのハートを移動させます。
追加をクリックする
タイミングを適切なものに修正します。
タイミングが決まったら、
プレビューのハートを移動させます。
この状態で再生ボタンをクリックすると
再生がプレビューで開始されます。
今更ですが
以下の青いマーク
をのタイミングのプレビューに表示される状態を「キーフレーム」と呼びます
各キーフレーム間の動きは、dogaが自動的に計算して作成します
ただし、その自動計算は、最短距離の直線として表現されます。
キーフレーム間の動きを曲線として表現したい場合は、より多くのキーフレームを設定します
また、キーフレーム間の動きのスピード調整は、プレビュー内の写真の動く距離を長くした場合、素早い動きになります
保存をクリックすれば終了
PIP（ピクチャー イン ピクチャー）とは
例えば、最近YouTube（ユーチューブ）でみかけるようになったYouTube
ゲームの動画に小さいウィンドウを表示して、そのウィンドウ内に別動画を見せるテクニックのこと
TVのニュース番組にもよく使われている
必ず動画を使用する必要はなく、写真の中に動画を配置してもよいし、
動画の中に写真を配置してもPIPと呼ぶ
同時におきている事象を一画面で見せることができる便利な表現方法
写真とビデオと音楽を編集して最高の動画を作れるソフト doga は
無料で試せます。
まずは、動画でわかるガイド
今回は、このテクニックを使って
動画に動画をかさねたいと思います
ポイントは、どちらかの動画の音声ボリュームをミュート（無音）か小さくうることです
dogaを起動し、「プロジェクトを開きます」をクリックします。
はじめてdogaを利用するユーザーは「新規プロジェクト」をクリックします。
ベースになる動画を取り込みます
ビデオがあるフォルダーを選択し、ビデオをクリックし、下向きの矢印をクリックしてビデオをストーリボードに追加します。
動画のカットをダブルクリックするか、または画面上の鉛筆のボタンをクリックします。
カットの編集画面で
「レイヤーを追加」のボタンをクリックし
「ビデオ」を選択（クリック）します
必要な動画を一つ選択します。
追加した動画がプレビューに表示されたら
緑の枠線をマウスで操作し
サイズ、位置を調整します
「ビデオオプション」にはビデオ編集機能がまとめられています
ビデオオプションは現在選択されている＝プレビューで緑の枠に囲まれているビデオに対して作用します
ここで”音声なし”の□に☑をいれると、現在選択されているビデオは無音になります
ここで”リピート”の□に☑をいれると、ビデオが、カットの長さよりも短い場合、リピート再生がなされます
「ビデオを切り取り」をクリックすると、ビデオの切り取りの編集画面が開きます
ビデオ編集の詳細はこちら
ここは、ベース動画をクリックし、「音声なし」に設定します。
画面下の「保存」ボタンをクリックします。
dogaのメイン画面に戻ります。
