マニュアル キャンセル

ブレンド効果の適用

デザインをさらに改良するためのブレンド効果の最適な使用方法を説明します。

デザインで画像を使用するときに、シンプルな写真に目を引くユニークな効果を追加したい場合があります。例えば、ブランドカラーを効果として画像に追加して、視覚的に魅力的なデザインを作成したい場合などです。 

描画モードを使用すると、あらかじめ定義された一連のモードを使用して、複数レイヤーを組み合わせることで、合成画像アセットを自動的に作成できます。 

乗算スクリーンハードライト、除外、輝度描画モードを使用して作成された効果の例をいくつか紹介します。

描画モード
ブレンド効果を使用して、色を使って魔法を生み出しましょう。

合成色に関する用語について

  • 合成色は、選択されたオブジェクト、グループ、またはレイヤーのオリジナルカラーです。

  • 基本色は、アートワークの元になるカラーです。

  • 結果色は、合成によって生成されるカラーです。

基本色と合成色の混合は、選択した描画モードによって決まります。

ブレンドに関する用語

A. 合成色 B. 基本色 C. 結果色 

ブレンド効果を作成するには

  1. 始める前に、描画モードの適用または変更時にどのようにオブジェクトを扱うかに関する簡単なルールを説明します。

    • アピアランス:プロジェクト全体に適用および反映されます。
    • マスターコンポーネント:デザインプロジェクト内のすべてのインスタンスに適用/反映されます。例えば、マスターコンポーネント内のオブジェクトの色を変えた場合、その変更は、デザインプロジェクト内のすべてのインスタンスにカスケードされます。

    • コンポーネントインスタンス:コンポーネントインスタンス内の適用された描画モードをオーバーライドします。
    • リピートグリッド:すべてのセルに適用されます。
    • 相互運用性:Photoshop、Illustrator、Sketch、After Effects の使用時にブレンド効果を保持します。
  2. デザインカンバスで画像またはオブジェクト(シェイプ、テキストレイヤー、グループ、マスク、またはコンポーネント)を選択します。プロパティインスペクターから、目的の描画モードを選択して適用します。

    Option Shift + / - (MAC)または Alt Shift + / -(WIN)を使用して、適用した描画モードのアピアランスレベルを切り替えることもできます。

  3. 適用した描画モードをプレビューするには、 を選択します。

制限事項

描画モードは、次のオブジェクトの動作ではサポートされていません。

  • アニメーションのないトランジションの開始時の自動アニメーションの変更でブレンド効果を使用した場合
  • ファイル、線、シャドウには、ブレンド効果を適用できません。

例とサンプルファイル

チュートリアル

オブジェクトの色とアートボードの背景色をブレンドする方法、重ねられた複数のオブジェクトの色をブレンドする方法について、次のビデオをご覧ください。 

視聴時間:1 分

次のステップ

Adobe XD の描画モードから始めましょう。Adobe XD のインターフェイスは直感的で、カラーぼかしなどを使用して、創造性を簡単に発揮できます。

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

コミュニティで質問

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

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

新規ユーザーの場合