XDの3つのマスクのかけかた2019年7月3日デザインみなさんこんにちは!デザイナーの樋川です。XDにはいくつかマスクのかけかたがあります。ドラッグ&ドロップシェイプでマスクシェイプと交差それぞれの方法をご紹介します。ドラッグ&ドロップでマスク簡単度&便利度:★★★★★マスクをかけたいシェイプの上に、画像をドラッグ&ドロップするだけで自動的にマスクがかかります。昨年あたりのアップデートで、改善されてサイズや位置調整ができるようになりました。シェイプでマスク簡単度&便利度:★★★.5画像をXDに読み込み、その上にマスクをかけたいシェイプをおきます。こちらの方法はPhotoshopやIllustratorでのマスクのかけかたのイメージに似ています。この方法も後から画像のサイズや位置を調整することができます。簡単度&便利度:★★★★こちらも画像をXDに読み込み、その上にマスクをかけたいシェイプをおきます。両方を選択し、パスの交差をクリックするとマスクがかかります。この方法は「シェイプでマスク」と似ていますが、この「シェイプと交差」でマスクをかけると、シェイプより大きいサイズの画像はとりあえずシェイプのサイズに応じて縮小してマスクがかかってくれます。このマスクの方法も、後から画像のサイズや位置の調整が可能です。まとめ3つの方法をご紹介しましたが、どの方法でも簡単にマスクをかけることができます。それぞれの利点を踏まえて上手に使い分けていきたいと思います。(3)株式会社ホワイトボードは、スマートフォンサイト制作やWeb運用コンサルティングなどを行う企業です。サービスに関する事でしたら、お気軽にご相談ください。