マニュアル キャンセル

Adobe Animate でのマスクレイヤーの使用

  1. Adobe Animate ユーザーガイド
  2. Animate の概要
    1. Animate の新機能
    2. ビジュアル用語集
    3. Animate の必要システム構成
    4. Animate キーボードショートカット
    5. Animate での複数のファイルタイプの取り扱い
  3. アニメーション
    1. Animate のアニメーションの基本
    2. Animate でフレームとキーフレームを使用する方法
    3. Animate でのフレームアニメーション
    4. Animate でのクラシックトゥイーンアニメーションの操作方法
    5. ブラシツール
    6. モーションガイド
    7. モーショントゥイーンと ActionScript 3.0
    8. モーショントゥイーンアニメーションについて
    9. モーショントゥイーンアニメーション
    10. モーショントゥイーンアニメーションの作成
    11. プロパティキーフレームの使用
    12. トゥイーンを使用した位置のアニメーション化
    13. モーションエディターを使用したモーショントゥイーンの編集
    14. トゥイーンアニメーションのモーションパスの編集
    15. モーショントゥイーンの操作
    16. カスタムイージングの追加
    17. モーションプリセットの作成と適用
    18. アニメーションのトゥイーンスパンの設定
    19. XML ファイルとして保存したモーショントゥイーンの操作
    20. モーショントゥイーンとクラシックトゥイーン
    21. シェイプトゥイーン
    22. Animate のボーンツールアニメーションの使用
    23. Animate でのキャラクターリグの操作
    24. Adobe Animate でのマスクレイヤーの使用
    25. Animate でのシーンの操作
  4. インタラクティブ機能
    1. Animate でのボタンの作成
    2. 他のドキュメントタイプ形式への Animate プロジェクトの変換
    3. Animate での HTML5 Canvas ドキュメントの作成およびパブリッシュ
    4. Animate のコードスニペットを使用したインタラクティブ機能の追加
    5. カスタム HTML5 コンポーネントの作成
    6. HTML5 Canvas でのコンポーネントの使用
    7. カスタムコンポーネントの作成例
    8. カスタムコンポーネントのコードスニペット
    9. ベストプラクティス - Animate を使用した広告
    10. バーチャルリアリティの作成と公開
  5. ワークスペースとワークフロー
    1. ペイントブラシの作成と管理
    2. HTML5 Canvas ドキュメントでの Google フォントの使用
    3. Creative Cloud ライブラリと Adobe Animate の使用
    4. Animate のステージとツールパネルの使用
    5. Animate ワークフローとワークスペース
    6. HTML5 Canvas ドキュメントでの Web フォントの使用
    7. タイムラインと ActionScript
    8. 複数のタイムラインの操作
    9. 環境設定
    10. Animate オーサリングパネルの使用
    11. Animate でのタイムラインレイヤーの作成
    12. モバイルアプリおよびゲームエンジン用アニメーションの書き出し
    13. オブジェクトの移動とコピー
    14. テンプレート
    15. Animate での検索と置換
    16. 取り消し、やり直し、ヒストリーパネル
    17. キーボードショートカット
    18. Animate でのタイムラインの使用
    19. HTML 拡張機能の作成
    20. 画像とアニメーション GIF の最適化オプション
    21. 画像および GIF の書き出し設定
    22. Animate のアセットパネル
  6. マルチメディアとビデオ
    1. Animate のグラフィックオブイジェクトの変形と組み合わせ
    2. Animate でのシンボルインスタンスの作成と操作
    3. 画像トレース
    4. Adobe Animate でのサウンドの使用方法
    5. SVG ファイルの書き出し
    6. Animate で使用するビデオファイルの作成
    7. Animate にビデオを追加する方法
    8. Animate でのオブジェクトの描画および作成
    9. 線とシェイプの変更
    10. Animate CC での線、塗り、グラデーション
    11. Adobe Premiere Pro と After Effects の使用
    12. Animate CC のカラーパネル
    13. Animate で Flash CS6 ファイルを開く
    14. Animate でのクラシックテキストの操作
    15. Animate へのアートワークの挿入
    16. Animate に読み込まれたビットマップ
    17. 3D グラフィック
    18. Animate でのシンボルの操作
    19. Adobe Animate での線とシェイプの描画
    20. Animate でのライブラリの使用
    21. サウンドの書き出し
    22. Animate CC でのオブジェクトの選択
    23. Animate での Illustrator AI ファイルの操作
    24. ブレンドモードの適用
    25. オブジェクトの配置
    26. コマンドメニューを使用したタスクの自動化
    27. 多言語テキスト
    28. Animate でのカメラの使用
    29. グラフィックフィルター
    30. サウンドと ActionScript
    31. 描画の環境設定
    32. ペンツールを使用した描画
  7. プラットフォーム
    1. 他のドキュメントタイプ形式への Animate プロジェクトの変換
    2. カスタムプラットフォームサポート
    3. Animate での HTML5 Canvas ドキュメントの作成およびパブリッシュ
    4. WebGL ドキュメントの作成とパブリッシュ
    5. AIR for iOS 用アプリケーションのパッケージ化
    6. AIR for Android アプリケーションのパブリッシュ
    7. デスクトップ用 Adobe AIR のパブリッシュ
    8. ActionScript パブリッシュ設定
    9. ベストプラクティス - アプリケーションでの ActionScript の整理
    10. Animate での ActionScript の使用
    11. Animate ワークスペースのアクセシビリティ
    12. スクリプトの記述と管理
    13. カスタムプラットフォームサポートの有効化
    14. カスタムプラットフォームサポートの概要
    15. カスタムプラットフォームサポートプラグインの操作
    16. ActionScript 3.0 のデバッグ
    17. カスタムプラットフォームサポートの有効化
  8. 書き出しとパブリッシュ
    1. Animate CC からファイルを書き出す方法
    2. OAM パブリッシング
    3. SVG ファイルの書き出し
    4. Animate によるグラフィックとビデオの書き出し
    5. AS3 ドキュメントのパブリッシュ
    6. モバイルアプリおよびゲームエンジン用アニメーションの書き出し
    7. サウンドの書き出し
    8. ベストプラクティス - モバイルデバイス向けのコンテンツ作成のヒント
    9. ベストプラクティス - ビデオ規則
    10. ベストプラクティス - SWF アプリケーションのオーサリングガイドライン
    11. ベストプラクティス - FLA ファイルの構造化
    12. FLA ファイルを Animate 向けに最適化するベストプラクティス
    13. ActionScript パブリッシュ設定
    14. Animate のパブリッシュ設定の指定
    15. プロジェクターファイルの書き出し
    16. 画像とアニメーション GIF の書き出し
    17. HTML パブリッシュ用テンプレート
    18. Adobe Premiere Pro と After Effects の使用
    19. アニメーションのクイック共有とパブリッシュ
  9. トラブルシューティング
    1. 解決済みの問題
    2. 既知の問題

 

マスクレイヤーについて

マスクレイヤーを使用して、下にあるレイヤーを見せるためのマスク形状を作成すると、スポットライトやトランジションの効果を出すことができます。塗りつぶされたシェイプ、テキストオブジェクト、グラフィックシンボルのインスタンス、またはムービークリップを、マスクアイテムにできます。1 つのマスクレイヤーの下に複数のレイヤーを配置して、高度な効果を作成することもできます。

ダイナミックな効果を作成するために、マスクレイヤーをアニメーション化できます。マスクとして使う塗りつぶされたシェイプにはシェイプトゥイーンを使用し、テキストオブジェクト、グラフィックインスタンス、またはムービークリップにはモーショントゥイーンを使用します。ムービークリップインスタンスをマスクとして使用する場合、モーションパスに沿ってマスクをアニメーション化できます。

マスクレイヤーを作成するには、マスクとして使用するレイヤー上にマスクアイテムを配置します。マスクアイテムは、塗りまたは線として表示されるのではなく、その下にあるリンクされているレイヤーの範囲を表示するウィンドウとして機能します。マスクレイヤーの残りの部分では、マスクアイテムを通して表示される範囲を除いてすべてが隠されます。マスクレイヤーには、マスクアイテムを 1 つだけ置くことができます。マスクレイヤーをボタンの内部に置くことや、マスクを別のマスクに適用することはできません。

ムービークリップからマスクレイヤーを作成するには、ActionScript を使用します。ActionScript を使用して作成したマスクレイヤーは、別のムービークリップにだけ適用できます。

 3D ツールをマスクレイヤー上のオブジェクトに使用することはできません。また、3D オブジェクトを含むレイヤーをマスクレイヤーとして使用することはできません。3D ツールについて詳しくは、3D グラフィックを参照してください。

マスクレイヤーの操作

マスクレイヤーを使用すると、そのレイヤーの下にあるピクチャやグラフィックの一部を表示できます。マスクを作成するには、レイヤーがマスクレイヤーであることを指定し、そのレイヤーの上に塗りつぶされたシェイプを描画するか配置します。グループ、テキスト、およびシンボルを含むすべての塗りつぶされたシェイプをマスクとして使用できます。マスクレイヤーは、塗りつぶされたシェイプの下にあるリンクレイヤーの領域を表示します。

マスクレイヤーの作成

  1. マスクを通して表示されるオブジェクトが含まれているレイヤーを、選択または作成します。
  2. 挿入/タイムライン/レイヤーを選択して、新しいレイヤーをその上に作成します。マスクレイヤーでは、すぐ下にあるレイヤーがマスク対象になります。
  3. 新しく作成したマスクレイヤー上で、塗りつぶされたシェイプ、テキスト、またはシンボルのインスタンスを配置します。Animate では、マスクレイヤーにおいて、ビットマップ、グラデーション、透明度、カラーおよび線のスタイルが無視されます。マスクでは、塗りつぶされた領域が完全に透明になり、その他の部分が不透明になります。

  4. タイムラインでマスクレイヤー名を右クリック(Windows)、または Control キーを押しながらクリック(Mac OS)して、「マスク」を選択します。マスクレイヤーは、マスクレイヤーアイコンによって示されます。すぐ下にあるレイヤーがマスクレイヤーにリンクされ、そのコンテンツがマスクの塗りつぶされた領域から見えます。マスクされたレイヤーの名前はインデント表示され、そのアイコンはマスクレイヤーアイコンに変わります。
  5. Animate でマスク効果を表示するには、マスクレイヤーとマスク対象のレイヤーをロックします。

マスクレイヤー作成後の追加レイヤーのマスク

  1. 次のいずれかの操作を行います。
    • 既存のレイヤーをマスクレイヤーの下までドラッグします。

    • マスクレイヤーの下の任意の場所に新しいレイヤーを作成します。

    • 修正/タイムライン/レイヤープロパティを選択し、「マスクの対象」をオンにします。

  1. レイヤーを選択してリンクを解除し、次のいずれかの操作をします。
    • レイヤーをマスクレイヤーの上までドラッグします。

    • 修正/タイムライン/レイヤープロパティを選択し、「標準」をオンにします。

マスクレイヤー上で、塗りつぶされたシェイプ、テキストオブジェクト、またはグラフィックシンボルインスタンスのアニメーション化

  1. タイムラインでマスクレイヤーを選択します。
  2. マスクレイヤーのロックを解除するには、「ロック」列をクリックします。
  3. 次のいずれかの操作を行います。
    • マスクオブジェクトが塗りつぶされたシェイプである場合、シェイプトゥイーンをオブジェクトに適用します。

    • マスクオブジェクトがテキストオブジェクトまたはグラフィックシンボルインスタンスである場合、モーショントゥイーンをオブジェクトに適用します。

  4. アニメーションの操作が終わったら、マスクレイヤーの「ロック」列をクリックして、レイヤーを再度ロックします。

マスクレイヤーでのムービークリップのアニメーション化

  1. タイムラインでマスクレイヤーを選択します。
  2. ムービークリップをその場で編集し、そのムービークリップのタイムラインを表示するには、ステージ上のムービークリップをダブルクリップします。
  3. モーショントゥイーンをムービークリップに適用します。
  4. アニメーションの処理が完了したら、「戻る」ボタンをクリックして、ドキュメント編集モードに戻します。
  5. レイヤーを再度ロックするには、マスクレイヤーの「ロック」列をクリックします。

その他の関連ヘルプ

ヘルプをすばやく簡単に入手

新規ユーザーの場合

Adobe MAX 2025

Adobe MAX Japan
クリエイターの祭典

2025 年 2 月 13 日
東京ビッグサイト