レイヤー効果 layer-effects

Photoshopスタイルのレイヤーシャドウおよびグロー効果は、特別なサブレイヤー(エフェクトレイヤー)を使用して実装され、レイヤー=0 やレイヤー=comp など、任意のレイヤー(親レイヤー)にアタッチできます。

エフェクトレイヤーは、多数の標準の画像およびレイヤーの属性とコマンドをサポートしていますが、汎用的なレイヤーではなく、独立した画像やテキストデータをサポートしていません。

1 つの親レイヤーに任意の数のレイヤー効果をアタッチできます。

内側と外側のエフェクト section-2dade7ee98e041d1b4d1725e6f98a515

内部効果 は親レイヤーの上にレンダリングされ、親レイヤーの不透明領域にのみ表示されます。 外部エフェクト は親レイヤーの背後にレンダリングされるため、親レイヤーの不透明な領域には表示されません。合成キャンバス内のどこにでも配置できます。 内側または外側の効果は、effect= コマンドでプラスまたはマイナスの効果レイヤー番号を割り当てることによって選択されます。 effect= のコマンドは、同じ親レイヤーにアタッチされた複数のエフェクトレイヤー間の z 順序も制御します。

親レイヤーとの関係 section-eb8bfc4f754a42fc973b562821d6f2d3

エフェクトレイヤーは、親レイヤーと一致するように自動的にサイズが調整されて配置されます(つまり、エフェクトレイヤーは親レイヤーの size=origin= の値を継承します)。 ドロップエフェクト pos= シャドウの内側エフェクトで通常必要とされるように、エフェクトレイヤーを親レイヤーから遠ざける場合に使用できます。 標準レイヤーの場合は pos= このレイヤーの起点とレイヤー 0 との間のオフセットを指定し、エフェクトレイヤーの場合は pos= エフェクトレイヤーの起点と親レイヤーとの間のオフセットを指定します。

サポートされるコマンドと属性 section-035fc6bcba7d4e7ab4bd46687c1d8879

エフェクトレイヤーでは、以下のコマンドと属性を使用できます。

  • blendMode=
  • effect=
  • color=
  • maskUse=
  • opac=
  • op_grow=
  • op_blur=
  • op_noise=
  • pos=

エフェクトレイヤーに含まれているその他の画像コマンドやレイヤーコマンドは無視されます。

デフォルトのエフェクトマクロ section-a01e8dcc87c94495b54a6dfb21d2a718

レイヤー効果の使用を容易にするために、IS にはデフォルトの画像カタログである $shadow$$glow$ を備えた 2 つのマクロが用意されています。これらのマクロは、Photoshop レイヤー効果に似たエフェクトレイヤー属性のデフォルト値を提供します。 次の表に、既定のレイヤー効果を実装するために使用する効果コマンドとマクロを示します。 当然、マクロで指定された属性は URL で変更したり、代替マクロを作成してカスタムのレイヤー効果を実装したりできます。

望ましい効果
コマンド
ドロップシャドウ
効果=-1&$shadow$
シャドウ(内側)
効果=1&$shadow$
光彩(外側)
効果=-1&$glow$
光彩(内側)
効果=1&$glow$

section-4c449fdf707b43858917fb271fa1fe96

次のように、不透明度 50% の 3 ピクセル幅の赤い境界線をレイヤーに追加します。

…&effect=-1&op_grow=3&color=255,0,0,128&…

境界線は、イメージのアルファ チャンネルまたはマスクの輪郭に従います。 effect=1 を設定すると、代わりに内側のエッジに境界が配置されます。

デフォルトの効果設定(カラーを除く)を使用して、画像に青みがかったドロップシャドウを追加します。

http://server/is/image/myCat/myImage?size=200,200&extend=0,0,10,10&effect=-1&$shadow$&color=50,143,254

extend= では、画像の右下のエッジに少し余白が追加されるので、ドロップシャドウが画像の境界にクリッピングされるのを防ぐことができます。

関連項目 section-1acccccf534549aea23d4c008c17e7c0

effect=, コマンド マクロ %l94560

recommendation-more-help
a26166cd-f2f4-45ce-996d-96a0f0d6cf49