マニュアル キャンセル

シェイプでマスクを作成

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

XD のマスク

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

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

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

ダークモードエクスペリエンスをシミュレートするアニメーションマスク
ダークモードエクスペリエンスをシミュレートするアニメーションマスク

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

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

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

    1

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

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

制限事項

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

例とサンプルファイル

また、XD サポートコミュニティで、サンプルやチュートリアルをチェックすることもできます。

チュートリアル

マスクを使用して画像をカスタムシェイプに配置し、画像の表示したくない部分を切り抜きます。このチュートリアルでは、XD で画像とマスク処理を操作する方法が解説されています。

視聴時間:1 分


ご質問または共有するアイデアがある場合

コミュニティで質問

ご質問または共有するアイデアがある場合は、Adobe XD コミュニティにぜひご参加ください。皆様からのご意見や作品をお待ちしております。

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

新規ユーザーの場合