シェイプでマスクを作成

最終更新日 : 2023年2月10日

シェイプを使用してマスクを作成する方法を説明します。

マスクを使用して、画像またはオブジェクトの一部をクリップし、デザインの特定の要素にフォーカスすることができます。

マスクは、例えば以下のようなプロフィールアバターの作成や、ダークモードエクスペリエンスのシミュレーションに使用できます。

モバイルアプリケーションのプロフィールアバター

マスク効果を作成、編集、削除するには、次の手順に従います。

マスクとして使用するシェイプを描画し、画像の維持したい部分に置きます。画像とシェイプを選択します。

macOS の場合は、オブジェクト／シェイプでマスクを選択し、Windows の場合は、選択したコンテンツを右クリックしてシェイプでマスクを選択します。このシェイプの外部にある画像または描画の部分がマスクされます。

マスクシェイプ内のコンテンツを編集するには、マスクされたコンテンツをダブルクリックします。マスクされた領域はプロジェクトから削除されるわけではありません。必要に応じてマスクを再調整し、画像の別の部分をハイライト表示することができます。

マスクを解除または削除するには、オブジェクトを選択して、右クリック（Windows）または Ctrl を押しながらクリック（Mac）して、コンテキストメニューから「マスクをグループ化解除」を選択します。

制限事項

1 つのベクターオブジェクトを別のオブジェクトでマスクする場合、一番上のオブジェクトがマスクとして機能します。
図形、コンポーネント、グループ、シンボル上のテキストをマスクすることはできません。
XD は、アルファマスクや不透明度を設定したマスクをサポートしていません。 UserVoice では、この機能に関する興味深い議論に参加したり、この機能の実装に賛成票を投じることができます。