ブレンドモードを使用したユニークなエフェクトの作成

はじめに

この機能を使用できるユーザー

すべてのチームとプランでサポートされます。

ファイルへの編集可アクセス権を持つすべてのユーザーは、ブレンドモードの追加と調整を行うことができます

ブレンドモードでは、2つのレイヤーをどのようにブレンドするかを定義できます。それぞれのレイヤーからピクセルが取得されて計算が適用されます。

ブレンドモードでは、背景色などの画像の外観を調整したり、興味深いオーバーレイやテクスチャを作成したりできます。

レイヤー全体または個々の塗りのブレンドモードを調整できます。

フレームやセクションにブレンドモードが適用されると、その内部にネストされたレイヤーとブレンドされます。その他のレイヤーにブレンドモードが適用されると、その背後にあるレイヤーが影響を受けます。

ブレンドモード

Figmaには19のブレンドモードがあります。

デフォルト

• パススルー(レイヤーのみ)
• 普通

暗い

• 暗くする
• 乗算
• もっと暗くする
• 焼き込みカラー

明るい

• 明るくする
• スクリーン
• もっと明るくする
• 覆い焼きカラー

コントラスト

• オーバーレイ
• ソフトライト
• ハードライト

比較

• 差の絶対値
• 除外

色

• 色相
• 彩度
• 色
• 輝度

その他、レイヤーでのみパススルーブレンドモードを使用できます。パススルーはレイヤーのデフォルトであり、通常は塗りのデフォルトです。

塗りへのブレンドモードの適用

1. レイヤーを選択したまま右サイドバーの[塗り]セクションから[カラーピッカー]を開きます。

2. カラーピッカーの右上隅にあるブレンドモードアイコンをクリックします。

3. 使用するブレンドモードを選択して適用します。

塗りごとに1つのブレンドモードを適用できます。レイヤーごとに複数の塗りを作成し、各塗りにブレンド モードを追加できます。複数の塗りを作成する方法 →

レイヤーへのブレンドモードの適用

右サイドバーの[レイヤー]セクションで、レイヤー全体とネストされたレイヤーにブレンドモードを適用します。

1. ブレンドモードを適用するレイヤーを選択します。

2. 右サイドバーの[レイヤー]セクションで、[ブレンドモード]ドロップダウンを開きます。これはデフォルトでパススルーに設定されます。

3. 適用するブレンドモードを選択します。レイヤーごとに1つのブレンドモードを適用できます。