メインコンテンツまでスキップ

レイヤー

レイヤーはタイムライン構造の中心です。キャラクター、影、効果、文字、背景を分けて管理でき、さらにグループ、描画モード、クリッピングマスクを使うことで、複雑な絵でも整理しやすくなります。

レイヤーヘッダーの基本操作

タイムラインのレイヤーヘッダーには、通常次のような情報やボタンがあります。

  • 表示 / 非表示を切り替える目アイコン
  • 編集を防ぐロックアイコン
  • レイヤー名
  • グループ用の展開 / 折りたたみアイコン
  • タグ色、描画モード、クリッピングマスク、レイヤー効果、サムネイルなどの状態表示
  • iOS R57+ とデスクトップ / Android v1.31.1+ では、レイヤー状態が統一されたステータスアイコンにまとめられ、複数の状態が重なったときも見た目が整理されます。
iOS のレイヤーヘッダー
iOS のレイヤーヘッダー
デスクトップ版のレイヤーヘッダー
デスクトップ版のレイヤーヘッダー

レイヤーメニューを開く

  • モバイルでは、レイヤーヘッダーをダブルタップしてレイヤーメニューを開くのが基本です。
  • デスクトップでは、レイヤーヘッダーを右クリックします。
  • デスクトップでは、ダブルクリックは設定によってはメニューではなくプロパティを開く動作に近いことがあります。

レイヤーメニューには、主に次のような項目があります。

  • プロパティ
  • 新規レイヤー
  • 新規グループ
  • レイヤー削除 / グループ削除
  • コピー / 複製
  • 下のレイヤーと結合
  • 表示レイヤーを結合
  • グループをフラット化
  • タグ
  • 静的化 / 非静的化
  • クリッピングマスク
iOS のレイヤーメニュー
iOS のレイヤーメニュー
デスクトップ版のレイヤーメニュー
デスクトップ版のレイヤーメニュー
注記

条件を満たしていないコマンドは非表示または無効になります。たとえば、どのレイヤーでも常に下のレイヤーと結合できるわけではなく、クリッピングマスクも文脈によっては切り替えられません。

レイヤープロパティ

レイヤープロパティダイアログでは、共通して次の項目を扱います。

  • 名前
  • 不透明度
  • 描画モード

iOS、Android、デスクトップ版では、レイヤーメニューとレイヤープロパティダイアログのどちらからでもクリッピングマスクを切り替えられます。また、iOS のグループレイヤーでは、レイヤー別の書き出しに関する追加オプションが出ることがあります。

デスクトップ版のレイヤープロパティ
デスクトップ版のレイヤープロパティ

レイヤースタイル(iOS R57+、デスクトップ / Android v1.31.1+)

レイヤースタイルを使うと、通常レイヤーに対する効果をすぐピクセルへ焼き込まず、編集可能な状態で保てます。

  • 境界線:表示中のレイヤー内容の周囲に、非破壊の輪郭を追加します。レイヤー内容が変わると、境界線も追従します。
  • 投影:オフセット、サイズ、色を調整できる、硬いピクセル影を追加します。境界線も有効な場合は、境界線を反映した輪郭から投影を生成します。
  • 効果を確定したいときは、レイヤースタイルをラスタライズして通常のピクセル内容にできます。
iOS の境界線と投影レイヤースタイル
iOS の境界線と投影レイヤースタイル

並べ替え、グループ化、多重選択

並べ替え

  • iOS/Android:レイヤー名を長押しして上下にドラッグします。目のアイコンには別の長押し操作があるため、名前の部分を使ってください。
  • Windows/macOS:レイヤーを選択し、Shift を押さずにレイヤーヘッダーの選択範囲の枠線からドラッグします。内側からのドラッグは、移動ではなく範囲選択になります。

移動先の行の上端または下端に挿入位置の表示を合わせ、離して確定します。

デスクトップで範囲を選択し、枠線からドラッグして移動
デスクトップで範囲を選択し、枠線からドラッグして移動

すばやいグループ化

ドロップ位置によって、並べ替えかグループ化かが決まります。

  • 行の上端・下端にドロップすると、選択したレイヤーの順序が変わります。
  • 既存グループの内側にドロップすると、そのグループへ移動します。
  • 通常レイヤーの行の中央にドロップすると、新しいグループが作られ、対象レイヤーと移動したレイヤーがまとめられます。

離す前にドロップ位置の表示を確認してください。

複数レイヤーの選択

複数選択は連続した範囲で、両端の間にあるレイヤーもすべて含まれます。

  • モバイル:始点のレイヤーメニューで選択を開始し、範囲のもう一方の端をタップします。項目名は iOS では選択する、Android では選択です。
  • デスクトップ:レイヤー名の領域をドラッグして範囲を選ぶか、Shift+クリックで範囲を広げます。通常のクリックでは単一レイヤーの選択に戻ります。

範囲を確認してから、各プラットフォームの操作でまとめて移動します。デスクトップでは枠線をドラッグする前に Shift を離してください。レイヤーとフレームの並べ替えもご覧ください。

連続範囲で選択したレイヤーからグループを作成
連続範囲で選択したレイヤーからグループを作成

表示とロック

表示 / 非表示

  • 各レイヤーヘッダーの目アイコンで、そのレイヤーだけを表示 / 非表示にできます。
  • タイムライン上部の全体の目アイコンで、全体の見え方をまとめて切り替えられます。
  • iOS R57+ とデスクトップ / Android v1.31.1+ では、複数レイヤーを選択している場合、全体の目アイコンは選択中の表層レイヤーだけを切り替え、未選択レイヤーの表示状態はそのまま保ちます。
  • グループを非表示にすると、その子レイヤーも影響を受けます。

目アイコンを長押しすると、現在のレイヤーやグループだけを一時的に表示する使い方もできます。キャラクター、影、効果などを単独で確認したいときに便利です。

レイヤーのロック

ロックアイコンを押すと、そのレイヤーを編集できない状態にできます。グループレイヤーもロックでき、親グループがロックされている場合は子レイヤーにもその状態が引き継がれます。

グループの展開 / 折りたたみ

グループレイヤーは展開と折りたたみができます。レイヤー数が増えてきたら、関連するレイヤーをグループにまとめ、必要なときだけ開くほうが扱いやすくなります。

名前カラムの幅を調整する

タイムライン上部の名前領域右端にある仕切りをドラッグすると、レイヤー名カラムの幅を広げたり狭めたりできます。レイヤー名が長いときや、タグ、サムネイル、状態アイコンを見やすくしたいときに便利です。

レイヤー名カラムの幅調整
レイヤー名カラムの幅調整

描画モード

描画モードは通常のレイヤーにもグループにも使えます。現在のレイヤーと下の内容がどう混ざるかを変えられます。よくある使い方としては:

  • 乗算系で影を作る
  • スクリーン系や発光系でハイライトを足す
  • オーバーレイ系で全体の色味を整える

クリッピングマスク

クリッピングマスクのチュートリアル

クリッピングマスクは、下にあるベースレイヤーの透明度を使って、クリッピングレイヤーの内容の表示範囲を制限します。複数のクリッピングレイヤーが連続している場合は、その並びの下にあるベースを共有します。それぞれが直下のクリッピングレイヤーを新しいベースにするわけではありません。ベースを表示した状態で、その上の同じ階層にクリッピングレイヤーを配置してください。

キャラクターへの着色、文字への質感追加、すでに描いた形の内側だけにハイライトや影を入れたいときに便利です。

グループもこの構造に参加できるため、効果が複数レイヤーに分かれていても整理しやすくなります。

注記

下のレイヤーと結合、表示レイヤーを結合、グループのフラット化を行うと、クリッピングマスク、描画モード、不透明度の関係は通常のピクセルとして焼き込まれます。レイヤー構造を保つ必要がなくなってから結合するほうが安全です。

静的化と非静的化

静的化と非静的化は、現在のレイヤーにおける後続フレームの継承状態をまとめて切り替えるための機能です。複数フレームで同じ内容を使い回したいときや、その継承関係をあとから切り離したいときに役立ちます。

続けて読む: