アニメーションの作成時に詳細モードのタイムラインを使用すると、ステージ上の要素をレイヤに分けて表示できます。各要素がタイムラインの各レイヤに表示されるため、各要素を簡単に操作できます。
アウトライナー パネルでは、ドキュメント内のレイヤもツリービューで表示されます。
レイヤの管理
レイヤの追加
要素またはマスクを作成すると、自動的にレイヤがタイムラインに追加されます。
マスクはレイヤ名の前にある 記号により指定されます。
レイヤを並べ替える
タイムライン上のレイヤの順序は、要素が重なり合った場合の各要素の順序を示します。レイヤスタック内での順序を変更するには、次の操作のいずれかを行います。
- レイヤを選択して希望する順序までドラッグします。
- 選択ツール オプションバーのレイヤボタンを使用して、レイヤを上下に、または一番上や一番下に移動します。レイヤボタンで変更した順序がタイムラインに反映されます。
マスクレイヤは常にホスト要素のレイヤのすぐ下のレイヤに位置します。
レイヤをロックする
レイヤをロックすると、選択や編集ができなくなります。デザイン確定後の要素を誤って変更したくない場合は、要素をロックすることをおすすめします。要素をロックするには、次の操作を行います。
- 鍵アイコン の下にある、ロックする要素のレイヤのチェックボックスをクリックします。
- チェックボックスをクリックし、マウスポインタを複数のチェックボックスにドラッグすることで、一度に複数のレイヤをロックできます。
- 画面上部のすべてのレイヤをロック アイコンをクリックすることで、すべてのレイヤをロックまたはロック解除できます。
レイヤを非表示にする
レイヤを非表示にすると、ステージ上で表示されなくなり、選択も編集もできなくなります。要素を非表示にすることにより、その要素の背後にある要素を操作できるようになります。要素を非表示にするには、次の操作を行います。
- 目のアイコン の下にある、非表示にするレイヤのチェックボックスをクリックします。
- チェックボックスをクリックし、マウスポインタを複数のチェックボックスにドラッグすることで、一度に複数のレイヤを非表示にできます。
- [レイヤをすべて非表示] ボタンをクリックすることで、すべてのレイヤの表示と非表示を切り替えられます。
ブラウザのプレビューとパブリッシュしたファイルで要素を非表示にする場合は、ガイドレイヤに変換します。また、要素の視認性の範囲を設定して、タイムラインの始点または終点で要素を非表示にすることもできます。
レイヤを複製する
レイヤを複製することで、その要素とすべてのキーフレームのコピーを作成できます。レイヤを複製するには、次の操作を行います。
- レイヤ名または ID を右クリックし、ポップアップ メニューから [レイヤを複製] を選択します。新しいレイヤが、元のレイヤのすぐ上に複製されます。
- 複数のレイヤを選択して複製することもできます。隣接する複数のレイヤを選択するには Shift キーを押しながらクリックします。隣接していない複数のレイヤを選択するには、Ctrl キーを押しながらクリック(Windows)するか、command キーを押しながらクリック(Mac)します。選択したいずれかのレイヤの名前または ID を右クリックして [レイヤを複製] をクリックすると、選択したレイヤがすべて複製されます。
マスクレイヤは複製できません。
レイヤ単位でアニメーションをループする
- タイムラインで、ループさせたいアニメーション レイヤにある「アニメーションの繰り返しを設定」ボタン をクリックします。
- ポップアップで、次のいずれかを選択します。
- [無制限] - アニメーションが無限にループします。
- [___ 回] - アニメーションが指定された回数分ループします。
- [なし] - アニメーションはループしません。
レイヤのループは、アニメーションのループ再生とは異なります。
- レイヤをループするとアニメーションが変更されます。そのため、パブリッシュ後のドキュメントでもループが再生されるようになります。
- 「繰り返し再生」ボタン をクリックしてアニメーション プレビューをループした場合は、タイムラインで「再生」ボタン を押した際に表示されるステージ上のアニメーションに対して影響が生じるのみです。
視認性の範囲
視認性の範囲は AMP HTML 広告でサポートされていません。
レイヤの視認性の範囲によって、要素やマスクの表示と編集のタイミングを制御します。要素の表示 / 非表示を切り替える必要がある場合は、視認性の範囲を設定します。または、使用していない要素を非表示にしてドキュメントの他の部分にフォーカスすることもできます。
レイヤの表示設定の動作
視認性の範囲はデフォルトで設定されていません。視認性の範囲の始点または終点のいずれか、あるいは両方を設定できます。
視認性の範囲 | 動作 |
---|---|
未設定(デフォルト) |
ドキュメントが読み込まれアニメーションが終了した後も表示されたままの状態になると、直ちに要素またはマスクが表示されます。 |
始点が設定されている |
要素またはマスクは開始時間に表示されます。0 秒に設定すると、アニメーションの再生開始時に要素またはマスクが表示されます。これは、ドキュメントの読み込み後に行われる場合があります。 |
終点が設定されている |
要素またはマスクは終了時間に非表示になります。 |
[プロパティ] パネルは、視認性の範囲外のレイヤでは使用できません。要素やマスクを自由に編集するには、視認性の範囲を拡張する(例: キーフレームを追加する)か、タイムライン プレイヘッドを範囲内に移動します。
視認性の範囲を設定する
視認性の範囲を設定するか、範囲の境界を調整するには、次のいずれかの方法を使用します。
- 視認性の範囲の境界を設定するタイムラインのポイントでレイヤを右クリックし、ポップアップ メニューから [視認性の範囲の始点を設定する] または [視認性の範囲の終点を設定する] を選択します。
- 視認性の範囲の境界にカーソルを合わせると、ハンドル(垂直バー)がハイライト表示されます。タイムライン上の配置する位置にハンドルをドラッグします。視認性の範囲が設定されていない場合、ハンドルは濃いグレーで、0 秒の時点とアニメーション タイムラインの最後に表示されます。
視認性の範囲には常に、すべてのキーフレーム クリップとレイヤのテキスト エフェクトが含まれている必要があります。これにより、範囲をドラッグできる、または範囲の境界を設定できる場所が制限される可能性があります。追加したキーフレーム、クリップ、テキスト エフェクトが含まれるように、範囲が自動的に拡張されます。
視認性の範囲のハンドルを視認性の範囲のその他のハンドル(例: キーフレーム、スパン、クリップ)とともに選択して、タイムラインに沿って同時にドラッグできます。
タイムライン内のレイヤをダブルクリックすると、対象レイヤのすべてのキーフレーム、スパン、クリップ、表示設定のハンドルを選択できます。
視認性の範囲を設定すると、対象レイヤのアニメーション ループが削除されます。
視認性の範囲の設定を解除する
視認性の範囲の始点または終点を消去するには、次のいずれかの方法を使用します。
- ハンドルをダブルクリックします。
- ハンドルを右クリックして、ポップアップ メニューから [範囲の境界をリセットする] を選択します。
ガイドレイヤ
ガイドレイヤは、ドキュメントの作業中は通常の要素のように動作しますが、ブラウザのプレビューやパブリッシュされたファイルには表示されません。ガイドレイヤを使用すると、レイアウト内で直接メモを追加したり、デザインの設計図を作成したり、ドキュメントのプロトタイプを追加したりできます。
レイヤをガイドレイヤに変換するには、以下のように操作します。
- ステージまたはタイムラインで要素を右クリックします。複数の要素を選択して右クリックすることもできます。(ホスト要素を選択した場合にのみ、選択範囲にマスクを含めることができます。)
- ポップアップ メニューから [ガイドレイヤ] を選択します。
ガイドレイヤ アイコン は、詳細モードのタイムラインでレイヤ名の前に表示されます。ガイドレイヤがステージ上で選択されると、オレンジ色で囲まれます。
ガイドレイヤを通常の要素に戻すには、右クリックしてポップアップ メニューの [ガイドレイヤ] をオフにします。
ガイドレイヤはパブリッシュしたファイルに含まれないため、パブリッシュしたファイルのサイズには考慮されません。ガイドレイヤを参照するイベント、CSS ルール、動的データ バインディングもプレビュー ファイルやパブリッシュしたファイルから削除されます。
マスクレイヤ
レイヤ名の前に 記号が付加された状態で各マスクが [詳細] モードのタイムラインにレイヤとして表示されます。
マスクレイヤの視認性の範囲は、要素レイヤの場合と同様に、選択、非表示設定、ロック、設定ができます。ただし、次の点で動作が異なります。
- マスクレイヤは常にホスト要素のレイヤのすぐ下のレイヤに表示されます。マスクレイヤまたはホスト要素レイヤを並べ替えると、両方のレイヤが自動的に移動します。
- ホスト要素を削除すると、そのマスクも削除されます。
- マスクのホスト要素が選択範囲に含まれている場合にのみ、要素とマスクレイヤを一緒に削除できます。
- マスクレイヤを複製することはできません。
- 非表示の要素とは異なり、非表示のマスクは編集できます。
- マスクレイヤをガイドレイヤに変換することはできませんが、ホスト要素がガイドレイヤである場合、ブラウザのプレビューやパブリッシュされたファイルにもマスクは表示されません。
マスクの詳細を確認してください。
動画トラックと音声トラック
動画トラックと音声トラックは、メディア クリップを配置できるレイヤのタイプです。
動画トラックは動画広告とアニメーション GIF で使用できます。非表示設定、ロック、並べ替え、キーフレーム、視認性の範囲、マスクがサポートされています。
音声トラックは動画広告でのみ使用できます。表示される要素が存在しないため、非表示設定、視認性の範囲、アニメーション、マスクなどの機能は含まれませんが、音声編集を防止するためにロックすることができます。
詳細については、動画トラックと音声トラックをご覧ください。