次の方法で共有

不透明度マスクの作成

  • [アーティクル]

不透明度マスクとは、色が無視され、マスクされたオブジェクトに不透明度を転送するブラシのことです。不透明度マスクが不透明な場合は、マスクの適用先オブジェクトも不透明になります。不透明度マスクが透明の場合は、マスクの適用先オブジェクトも透明になります。[プロパティ] パネルの [外観] セクションで、どのようなオブジェクトにも不透明度マスクを定義できます。

不透明度マスクの詳細については、「不透明度マスクの作成」を参照してください。

グラデーション ブラシを使用してオブジェクト上で不透明度マスクを作成するには

  1. [ツール] パネルの [選択内容] Cc294816.2ff91340-477e-4efa-a0f7-af20851e4daa(JA-JP,Expression.30).png をクリックして、アートボード上のパスを選択します。

  2. [プロパティ] パネルの [ブラシ] で、一覧から [OpacityMask] を選択し、[グラデーション ブラシ] Cc294816.91fb0c61-7b3b-4ae7-8a59-760e625e3bd7(JA-JP,Expression.30).png をクリックしてから、カラー エディターの下部にある [線状グラデーション] Cc294816.bd5eefed-9628-4363-be5d-29bfb5962175(JA-JP,Expression.30).png または [放射状グラデーション] Cc294816.4279aa9a-15c2-4435-9937-6848afc38618(JA-JP,Expression.30).png を選択します。

  3. マスクを適用したときに、背面の 1 つ以上のオブジェクトの一部が透けて見えるようにするには、アルファ値が 100% 未満に設定されたグラデーションの分岐点を少なくとも 1 つ定義します。

ブラシ リソースを使用してオブジェクト上で不透明度マスクを作成するには

  1. アートボードに [Grid] レイアウト パネル Cc294816.a87ee957-7fbf-4135-a6ab-6de7e63160aa(JA-JP,Expression.30).png か、他のレイアウト パネル要素を作成します。

  2. パネル要素をダブルクリックしてアクティブにすると、子要素を追加することができます。

  3. 不透明度マスクを構成するさまざまな子要素を追加します。

  4. [プロパティ] パネルの [外観] で、レイアウト パネルを含むすべての要素の [Opacity] プロパティを調整します。

  5. 不透明度マスクのデザインが完成したら、[オブジェクトとタイムライン] パネルでそのレイアウト パネルを選択し、[ツール] メニューの [ブラシ リソースの作成] をポイントして、次のいずれかを選択します。

    • DrawingBrush リソースの作成 : 描画ブラシを使用して、図形、テキスト、ビデオ、画像などを格納できる領域を描画します。

    • VisualBrush リソースの作成 : アニメーションまたはインタラクティブ コントロールを含むパネルから作成された表示ブラシは、実行時に更新可能なビジュアル要素を領域に描画します。[ブラシ リソースの作成] ダイアログ ボックスが表示されます。

    Cc294816.alert_note(JA-JP,Expression.30).gifメモ :

    Microsoft Expression Design からインポートされたアート アセットなど、アートボード上のどのオブジェクトからもブラシ リソースを作成することができます。ブラシの色は不透明度マスクとして適用される場合は無視されます。これは、不透明度値のみによってマスキング効果が生じるためです。

    [ブラシ リソースの作成] ダイアログ ボックスが表示されます。

  6. [リソース名 (キー)] にキー名を入力します。ここに入力した名前を、他の要素でこのリソースを適用するときに指定します。

  7. [定義先] で、リソースを定義する場所に該当するオプションを選択します。

    • アプリケーション内の任意のドキュメントでリソースを使用できるようにする場合は、[アプリケーション] を選択します。

    • リソースを現在のドキュメントでのみ使用できるようにする場合は、[このドキュメント] ([Window: Window]) を選択します。

    • リソースを作成元のオブジェクトまたはその子オブジェクトでのみ使用できるようにする場合は、[このドキュメント (オブジェクト)] を選択します。

    • 他のプロジェクトで再利用できるリソース ディクショナリ ファイルにリソースを定義する場合は、[リソース ディクショナリ] を選択します。次に、既存のリソース ディクショナリ ファイルを選択するか、新しいファイルを作成します。

  8. [OK] をクリックしてダイアログ ボックスを閉じ、リソースを作成します。

  9. オブジェクトでブラシ リソースを不透明度マスクとして適用するには、以下のいずれかを実行します。

    • [リソース] パネルで、ブラシ リソースを探し、アートボードのマスク対象オブジェクトにドラッグします。

    • マスクするオブジェクトを選択し、[プロパティ ] パネルの [ブラシ] で [ブラシ リソース] Cc294816.415db740-5a54-48d2-8678-245ccfa7ee8b(JA-JP,Expression.30).png をクリックしてブラシ リソースを選択します。