GIMPでドロップシャドウを使う方法

GIMPのドロップシャドウツールを使えば、画像のオブジェクトやテキストにプロ並みの影をつけることができます。写真の境界線に影を追加して、文書やウェブサイトでページから飛び出すようにすることもできます。ドロップシャドウツールは素早く簡単に使えるので、少し微調整すれば、数分で完璧な影が完成します。

パート1

ドロップシャドウを追加する

1. ドロップシャドウを追加したいオブジェクトを選択します。ドロップシャドウはほとんどどんなものにも付けられますが、大きくて太いテキストや基本的な図形に最適です。シンプルな線であれば、最もはっきりとした影ができ、画像をより際立たせることができます。

   • 画像全体を目立たせるには、画像全体を選択して境界線にドロップシャドウを追加します。
   • テキストを選択するには、レイヤーウィンドウでテキストレイヤーをクリックします。テキストは、ドロップシャドウ効果を明確にするため、大きめのサイズで太めのフォントを使用します。
   • 選択ツールを使って、ドロップシャドウを付けたい画像の形や部分を選択します。
2. フィルターメニューをクリックし、「光と影」→「ドロップシャドウ」を選択します。ドロップシャドウツールが開きます。このウィンドウはGIMPの他のウィンドウの後ろで開くこともあります。ドロップシャドウの設定を調整するためのいくつかのオプションが表示されます。
3. ドロップシャドウのオフセットを調整します。ドロップシャドウツールは、自動的に選択したオブジェクトの右と下に4ピクセルずつ影をオフセットします。これらのデフォルト設定は、選択したオブジェクトの左上から光源が来ているように見える微妙な影を提供します。

   • Offset X "の値を大きくすると、入力したピクセル数だけシャドウが右に移動します。負の数を使用すると、代わりに影が左に移動します。
   • オフセットY "の値を大きくすると、入力したピクセル数だけシャドウが下に移動します。負の数を使用すると、代わりにシャドウが上に移動します。
4. ぼかし半径を調整します。シャドウのぼかし半径は、シャドウの大きさやぼやけ具合を変えます。ぼかし半径を大きくするとシャドウが伸びますが、ぼかしも一緒に伸びます。ぼかし半径の単位はピクセルです。
5. ドロップシャドウの色を変更します。現在の色をクリックすると、ドロップシャドウの色を好きな色に変更できます。ドロップシャドウを目立たせたくない場合は、黒のドロップシャドウが最も一般的で邪魔になりません。
6. 影の不透明度を調整します。ドロップシャドウのデフォルトの不透明度は60％です。不透明度を上げると影が太くなり、下げると影が薄くなります。
7. リサイズを許可するかどうかを決めます。このオプションは、画像全体の境界線にドロップシャドウを追加する場合に最も重要です。このオプションにチェックを入れないと、ドロップシャドウは画像キャンバスの枠外に表示されます。リサイズを許可」を有効にすると、 境界線からはみ出した画像は自動的にリサイズされます。はみ出した部分は透明になります。
8. 設定を適用します。OK」をクリックすると、ドロップシャドウの設定が適用され、画像にドロップシャドウが追加されます。プレビューボタンはありません。
9. ドロップシャドウが気に入らない場合は、前回の操作を元に戻してください。ドロップシャドウの見え方が気に入らない場合は、[元に戻す] コマンドを使用してドロップシャドウを削除します。ドロップシャドウを追加した後に編集することはできません。

   • Ctrl/⌘ Cmd+Zを押せば、直前の操作をすぐに取り消すことができます。編集]メニューから[元に戻す]を選択することもできます。GIMPの右フレームにある「取り消し履歴」タブを開くと、最近行ったすべての操作が表示されます。
10. ドロップシャドウツールをもう一度開いて、新しいドロップシャドウを適用します。オブジェクトはまだ選択されているはずです。以前の設定は保存されているので、新しいドロップシャドウを作成する前に、ドロップシャドウの設定を調整することができます。完璧な影ができるまでこの作業を繰り返します。
11. シャドウを移動します。ドロップシャドウは画像上の別レイヤーになります。移動ツールを使ってドロップシャドウをクリック＆ドラッグすると、画像キャンバス内で移動させることができます。

パート2

効果的なドロップシャドウを作る

1. シャドウはさりげなくドロップシャドウは、2Dオブジェクトに奥行きを与えるために存在します。影が目立ちすぎると、それ自体に注目が集まり、錯覚が崩れてしまいます。微妙で効果的な影をつけるには、不透明度を30～40％に設定しましょう。
2. 複数の影を重ねると、より自然な効果が得られます。複数のシャドウエフェクトを適用することで、シャドウに深みを持たせることができます。例えば、オブジェクトの下にテキストがあるとします。オブジェクトとテキストの間に別のかすかな影を加えることで、見る人の目に両者をつなげることができます。これは、同じページに同じような要素が複数ある場合、たとえばボタンの下にラベルがあるような場合に特に便利です。
3. 影がオブジェクトの真下に来るようにオフセットを変更します。シャドウオフセットのデフォルト設定では、シャドウはオブジェクトの右下に表示されます。特にウェブデザインの場合、「光源」をオブジェクトの真上に置き、影が下端にのみ表示されるようにすると、より自然で見栄えの良いデザインになります。こうすることで、デザインのバランスがよくなります。これを行うには、"Offset X "値を "0 "に設定し、"Offset Y "値で影の深さを設定します。
4. オブジェクトが重なっている場合は、それに応じて影を調整してください。影は、見る人が奥行きを判断しやすくするために存在します。複数のオブジェクトが重なっていて、それらがすべて同じドロップシャドウ設定になっていると、デザインが解釈しにくくなります。重なり合う要素は影を小さくして、下のオブジェクトより高く浮いて見えないようにしましょう。すべてのシャドウのサイズを、一番上に重なるオブジェクトからベースまでの高さの合計に対して相対的なものにしましょう。

   • 例えば、一番上のオブジェクトの影が画像の底辺に20pxある場合、その下にあるオブジェクトは、一番上のオブジェクトと交差する部分の影を10px程度小さくします。
   • 高い位置にあるオブジェクトには、より薄い影をつけます。複数のオブジェクトのドロップシャドウを作るとき、「高い」オブジェクトには少し明るい影をつけ、キャンバスに「近い」オブジェクトには暗い影をつけます。こうすることで、高さの違いを区別しやすくなります。高いオブジェクトのぼかし半径を大きくして、影もソフトにします。

この記事は、CC BY-NC-SAの下で公開されている「 How to Use Drop Shadow in GIMP 」を改変して作成しました。特に断りのない限り、CC BY-NC-SAで利用可能です。