GIMP: フィルタ: 照明と投影: Xach 効果 … ハイライトとドロップシャドウ

“Xach 効果”フィルタは、アクティブレイヤーもしくは選択範囲内の画像に、ハイライトとドロップシャドウを加える照明と投影フィルタ。
私の場合、選択範囲内の画像や、アルファチャンネルを持っている背景が透明の画像に使うことが多い。

“Xach 効果”フィルタの使い方

gimp-filter-light_and_shadow-xach-effect.jpgメニューバーの「 フィルタ > 照明と投影 > Xach 効果 」で、「 Xach 効果 」ダイアログを開く。

「 Xach 効果 」ダイアログ

gimp-dialog-xach-effect.png

ハイライト X オフセット

ハイライトの、太さと、水平方向の描画位置を、「-100~100」の範囲で設定。

この数値が、負数の場合、左にハイライトを描く。

この数値が、正数の場合、右にハイライトを描く。

この数値が、0の場合、水平方向のハイライトを描かない。

ハイライト Y オフセット

ハイライトの、太さと、垂直方向の描画位置を、「-100~100」の範囲で設定。

この数値が、負数の場合、上にハイライトを描く。

この数値が、正数の場合、下にハイライトを描く。

この数値が、0の場合、水平方向のハイライトを描かない。

ハイライト色

ハイライトの色を設定。

ハイライト不透明度

アクティブレイヤーもしくは選択範囲を覆うハイライトの不透明度を、「0~255」の範囲で設定。

「0」は、完全に透明。

「255」は、完全に不透明。ハイライト色で塗りつぶす。

ドロップシャドウ色

ドロップシャドウの色を設定。

ドロップシャドウ不透明度

ドロップシャドウの不透明度を、「0~100」の範囲で設定。

ドロップシャドウぼかし半径

ドロップシャドウをぼかす度合(ガウシアンぼかし半径)を、「0~255」の範囲で設定。

この数値を、「0」にすると、ぼかさない。

この数値を、「255」にすると、強い(広範囲な)ぼかし効果が得られる。

ドロップシャドウ X オフセット

ドロップシャドウを、右へずらす距離を、「0~255」の範囲で設定。

この数値が、0の場合、右へずらさないで、ドロップシャドウを描く。

ドロップシャドウ Y オフセット

ドロップシャドウを、下へずらす距離を、「0~255」の範囲で設定。

この数値が、0の場合、下へずらさないで、ドロップシャドウを描く。

選択範囲を残す

有効にすると、Xach効果フィルタ適用前の選択範囲を、Xach効果フィルタ適用後に、解除しない。

“Xach 効果”フィルタによる生成例

gimp-filter-light_and_shadow-xach-effect-ex-original.jpg元画像。
この画像に、”Xach 効果”フィルタを適用すると、それぞれ下のようになる。


gimp-filter-light_and_shadow-xach-effect-ex-default.jpg初期設定値で出力すると、こんな感じ。

  • ハイライト X オフセット:-1
  • ハイライト Y オフセット:-1
  • ハイライト色: ffffff
  • ハイライト不透明度:66
  • ドロップシャドウ色:000000
  • ドロップシャドウ不透明度:100
  • ドロップシャドウぼかし半径:12
  • ドロップシャドウ X オフセット:5
  • ドロップシャドウ Y オフセット:5

gimp-filter-light_and_shadow-xach-effect-ex-select-default.jpg選択範囲に初期設定値で適用。

  • ハイライト X オフセット:-1
  • ハイライト Y オフセット:-1
  • ハイライト色: ffffff
  • ハイライト不透明度:66
  • ドロップシャドウ色:000000
  • ドロップシャドウ不透明度:100
  • ドロップシャドウぼかし半径:12
  • ドロップシャドウ X オフセット:5
  • ドロップシャドウ Y オフセット:5

gimp-filter-light_and_shadow-xach-effect-ex-select-Highlight_X_offset_-100.jpg選択範囲に適用。

  • ハイライト X オフセット:-100

gimp-filter-light_and_shadow-xach-effect-ex-select-Highlight_X_offset_100.jpg選択範囲に適用。

  • ハイライト X オフセット:100

gimp-filter-light_and_shadow-xach-effect-ex-select-Highlight_X_offset_0.jpg選択範囲に適用。

  • ハイライト X オフセット:0

gimp-filter-light_and_shadow-xach-effect-ex-select-Highlight_Y_offset_-100.jpg選択範囲に適用。

  • ハイライト Y オフセット:-100

gimp-filter-light_and_shadow-xach-effect-ex-select-Highlight_Y_offset_100.jpg選択範囲に適用。

  • ハイライト Y オフセット:100

gimp-filter-light_and_shadow-xach-effect-ex-select-Highlight_Y_offset_0.jpg選択範囲に適用。

  • ハイライト Y オフセット:0

gimp-filter-light_and_shadow-xach-effect-ex-select-Highlight_color_ff0000.jpg選択範囲に適用。

  • ハイライト色: ff0000

gimp-filter-light_and_shadow-xach-effect-ex-select-Highlight_opacity_0.jpg選択範囲に適用。

  • ハイライト不透明度:0

gimp-filter-light_and_shadow-xach-effect-ex-select-Highlight_opacity_255.jpg選択範囲に適用。

  • ハイライト不透明度:255

gimp-filter-light_and_shadow-xach-effect-ex-select-Drop_shadow_color_ff0000.jpg選択範囲に適用。

  • ドロップシャドウ色:ff0000

gimp-filter-light_and_shadow-xach-effect-ex-select-Drop_shadow_opacity_0.jpg選択範囲に適用。

  • ドロップシャドウ不透明度:0

gimp-filter-light_and_shadow-xach-effect-ex-select-Drop_shadow_blur_radius_1.jpg選択範囲に適用。

  • ドロップシャドウぼかし半径:1

gimp-filter-light_and_shadow-xach-effect-ex-select-Drop_shadow_blur_radius_255.jpg選択範囲に適用。

  • ドロップシャドウぼかし半径:255

gimp-filter-light_and_shadow-xach-effect-ex-select-Drop_shadow_X_offset_0.jpg選択範囲に適用。

  • ドロップシャドウ X オフセット:0

gimp-filter-light_and_shadow-xach-effect-ex-select-Drop_shadow_X_offset_255.jpg選択範囲に適用。

  • ドロップシャドウ X オフセット:255

gimp-filter-light_and_shadow-xach-effect-ex-select-Drop_shadow_Y_offset_0.jpg選択範囲に適用。

  • ドロップシャドウ Y オフセット:0

gimp-filter-light_and_shadow-xach-effect-ex-select-Drop_shadow_Y_offset_50.jpg選択範囲に適用。

  • ドロップシャドウ Y オフセット:50

gimp-filter-light_and_shadow-xach-effect-ex-select-Highlight_X_offset_0-Drop_shadow_X_offset_0.jpg選択範囲に適用。

  • ハイライト X オフセット:0
  • ドロップシャドウ X オフセット:0

ハイライトとドロップシャドウの X オフセットを、両方とも、0 にすることで、上から光が当たって、真下に影ができたような効果が得られる。


“Xach 効果”フィルタの利用例

アイキャッチ画像も、文字も、アイコン入りボタンも、”Xach 効果”フィルタの設定は、

  • ハイライト X オフセット:0
  • ドロップシャドウ X オフセット:0

で適用した。

アイキャッチ画像

WordPressの Twenty Ten テーマ用アイキャッチ画像サイズ。
eye-catch-xach-effect.jpg

文字

“新聞印刷”フィルタで加工した文字に、”Xach 効果”フィルタを適用。
gimp-filter-light_and_shadow-xach-effect-ex-text-1.png
gimp-filter-light_and_shadow-xach-effect-ex-text-2.jpg
gimp-filter-light_and_shadow-xach-effect-ex-text-3.png

アイコン入りボタン

アイコン入りボタンに、”Xach 効果”フィルタを適用。
gimp-filter-light_and_shadow-xach-effect-ex-icon-64x64-sixteenth-note.pnggimp-filter-light_and_shadow-xach-effect-ex-icon-32x32-sixteenth-note.pnggimp-filter-light_and_shadow-xach-effect-ex-icon-16x16-sixteenth-note.pnggimp-filter-light_and_shadow-xach-effect-ex-icon-64x64-sixteenth-note-blue.pnggimp-filter-light_and_shadow-xach-effect-ex-icon-32x32-sixteenth-note-blue.pnggimp-filter-light_and_shadow-xach-effect-ex-icon-16x16-sixteenth-note-blue.png

スポンサード リンク

カテゴリー: GIMP, フィルタ, 使い方, 照明と投影 タグ: , パーマリンク