前回は、「Ornamenterで簡単なアニメーションを作ってみましょう。」と言う事でストーリーボード編集画面でアイテムの軌道を修正する所までを解説しました。今回は、アニメーションの生成とアニメーションと写真や動画を合成して出力する所までを解説したいと思います。
シーンを複製して追加
アートワークを新規作成した際、シーンが1つ追加された状態となり、シーンの再生時間はアートワークの再生時間の半分の値が設定されます。アートワークが10秒で新規作成された場合は、シーンの再生時間には5秒が設定されています。このままアニメーションを生成すると全体は10秒のアニメーションですが、後半の5秒は何も表示されない状態になってしまいます。
シーンのプロパティを修正して再生時間を5秒から10秒にすれば、1シーンだけで10秒のアニメーションを作成する事が出来ますが、今回はシーンを複製してもう1つシーンを追加し、2つのシーンで1つのアートワークを構成してアニメーションを作成します。全く同じシーンでは、つまらないので2つのシーンの内1つの軌道パスを修正して異なる軌道のシーンに編集します。
シーンのタイムラインを変更
2つのシーンを追加したままでアートワークを再生すると0秒から5秒までに2つのシーンが同時に再生され、5秒から10秒までは何も再生されない状態になります。
タイムラインの編集により、2つのシーンの開始をずらし且つループ再生させる様に修正します。と言っても、タイムラインの画面で「オーバーラップ」を実行するだけで自動的に編集出来ます。
タイムライン編集画面でオーバーラップを実行すると、「アートワークの再生時間の半分の時間」を「シーンの数で均等割りした時間」だけ各シーンの開始時間をずらして再生される様に設定されます。今回のケースでは、アートワークの再生時間=10秒、シーン数=2なので開始時間をずらす秒数は、2.5秒(10÷2÷2)となります。1つ目のシーンは、0秒から開始され、2つ目のシーンは、2.5秒後に再生が開始されます。そしてループ再生の指定がＯＮになるので、それぞれのシーンの再生が終了すると2回目の再生が開始されます。
アニメーションWebPを生成
アートワーク画面の右上隅にあるWebPアイコンをタップするとアニメーションWebP画面へ移動します。アニメーションWebP画面では、アニメーションWebPやアニメーションPngを生成出来ます。但し、iOS(iPhoneやiPad)ではアニメーションPngの出力サイズには制約があり、一番小さいサイズしか出力できません。macOSでは、特にサイズの制約はありません。
画像と合成して動画を生成
アニメーションWebPを生成すると画像（写真や動画）とアニメーションを合成して動画を生成する事が出来る様になります。アニメーションを生成後に、画面右上隅にある動画アイコンをタップして動画生成画面へ移動します。
動画画面で、「写真選択」又は「動画選択」をタップして合成する画像を選択します。生成した動画は、共有機能を使って写真ライブラリに保存したり、SNSへアップする事が出来ます。
今回は以上です。ザックリとした解説で申し訳ありません。今後は、もっと詳細な解説をして行きたいと思います。
システムねこ 