この記事では、組み込みのフィルターを使用してGIMPにドロップシャドウ効果を追加する方法を紹介します。 ドロップシャドウは、テキストだけでなく、複数のオブジェクトを含む任意のオブジェクトまたはレイヤーに追加できます。ただし、そのレイヤーにアルファチャネルがある場合に限ります(これについては後で詳しく説明します)。

テキストにドロップシャドウを追加する方法を示すことにより、この効果の使用方法を示します。

テキスト/構成の設定

まず、新しいコンポジションを作成しましょう。 これを行うには、[ファイル]> [新規](上の画像の赤い矢印)に移動するか、キーボードのctrl + nショートカットキー(MACではcmd + n)を押します。

次に、ドキュメントのサイズを設定します。幅は1920、高さは1080です(上の画像では赤で囲まれています)。 私が使用している単位はピクセル(px)です。 [OK]をクリックしてドキュメントを作成します(青い矢印)。

ツールボックスからテキストツールを取得します(ショートカットキーT –上の画像の緑色の矢印)。

テキストツールをアクティブにした状態で、コンポジションをクリックしてテキストの入力を開始します。この場合は「GIMP」(上の画像の緑色の矢印)です。 テキストは、前景色が現在設定されているもの(私の場合は赤)になります。

キーボードでctrl + aを押すか、新しいテキストボックス内のすべてのテキスト上でマウスをドラッグして選択します。 選択すると、フォント、テキストサイズ、色など、テキストの属性を変更できます。 私は私をチェックすることをお勧めします GIMPのテキストツールに関する専用チュートリアル このツールに慣れていない場合。

テキストを選択した状態で、フォントサイズを500(緑の矢印)に変更し、「Gill Sans MTBold」フォント(青の矢印)を使用します。

次に、ツールボックスの最初のツールグループ(上の画像の赤い矢印)をクリックして押したまま、[位置合わせ]ツール(青い矢印)の上にマウスを置きます。

位置合わせツールで作成したテキストをクリックします(テキストの実際のピクセルをクリックしてください)。 [ツールオプション]で、位置合わせツールが[画像に対して相対]に位置合わせされるように設定されていることを確認します(最初のドロップダウン–赤い矢印の下)。 次に、[ターゲットの中心に揃える]と[ターゲットの中央に揃える]をクリックして、テキストを画像に中央揃えにします(上の画像では青色で囲まれています)。

テキストへのドロップシャドウの追加

テキストを配置したら、テキストにドロップシャドウを追加できます。 これを行うには、レイヤーパネル(赤い矢印)でテキストレイヤーがアクティブになっていることを確認します。 次に、[フィルター]> [光と影]> [ドロップシャドウ](青い矢印)に移動します。

「ドロップシャドウ」というタイトルのフローティングダイアログが表示されます(上の画像で青色で囲まれています)。

ドロップシャドウフィルターはGEGLフィルターです。つまり、設定を微調整すると、キャンバス上のドロップシャドウ効果のライブプレビューが表示されます。 これで、テキストの下にドロップシャドウがあることがわかります。

ドロップシャドウフィルターの最初のスライダーセットは、「X」および「Y」スライダーです(上記の青色で囲まれています)。 これらのスライダーを使用すると、テキストレイヤーの下にドロップシャドウを再配置できます。 「X」スライダーはドロップシャドウの水平位置(つまりx軸)を変更し、「Y」スライダーはドロップシャドウの垂直位置(つまりy軸)を変更します。

デフォルトでは、これらXNUMXつの値は、スライダーの右端にある小さなチェーンアイコン(写真の赤い矢印)を介して「リンク」されます。 つまり、一方のスライダーをクリックしてドラッグすると、もう一方のスライダーもそれに合わせて変化します。 たとえば、「X」スライダーをクリックして左にドラッグすると、「Y」スライダーがマウスに追従します。

ここでのXとYの値は負になる可能性があることに注意してください。 Xの負の値は、ドロップシャドウが中央の左側にあることを意味し、Yの負の値は、ドロップシャドウが中央より上にあることを意味します。 (Xの値が正の場合、ドロップシャドウは中央の右側になり、Yの値が正の場合、ドロップシャドウは中央より下になります)。 上の画像では、X値とY値の両方が負であるため、ドロップシャドウは元のテキストの左上にあります。

ダイアログの下部にある[リセット]ボタンをクリックして、値をデフォルト(画像の黄色の矢印)にリセットできます。

XスライダーとYスライダーの値を独立させたいので、チェーンアイコンをクリックしてチェーンのリンクを解除します(上の画像の黄色の矢印)。

次に、Xスライダー(赤い矢印)をクリックしてドラッグします。 このスライダーを右にドラッグするほど、ドロップシャドウはテキストから遠くなります(青い矢印)。 スライダーバーがいっぱいになった後でも、スライダーを右にドラッグし続けることができることに注意してください(通常、値は40前後でいっぱいになりますが、X値は40をはるかに超える場合があります)。

この値をマウスホイールで中クリックして、新しい数値を手動で入力することもできます。 たとえば、x値(上の画像の赤い矢印)の任意の場所でマウスを中クリックし、矢印キーを使用してカーソルを右端に移動し、バックスペースキーを押して現在の値を削除してから、250と入力します。エンターキーを押します。 ドロップシャドウがこの新しい値で更新されます。

XNUMXつのスライダーに正の値を設定し、別のスライダーに負の値を設定することができます。 したがって、Xが正である間、Yを負にすることができます。

Yスライダーをクリックして左端までドラッグし、負の値にします(上の画像の赤い矢印)。 これを行うと、ドロップシャドウは、元のテキストに比べてコンポジション上で上に移動します。 この時点で、ドロップシャドウがレイヤーの境界(青い矢印)を示す黄色の点線のはるか外側にあることにも気付くでしょう。

使用している限り ジンプ2.10.14 以上の場合、GIMPは、現在のレイヤー境界の外側にあるドロップシャドウの部分に合うようにレイヤーサイズを自動的に調整します。

もう一度、「リセット」ボタンを押してデフォルト値に戻します。

次のスライダーは「BlurRadius」スライダーです(画像の赤い矢印)。 このスライダーは、ドロップシャドウに適用されるガウスぼかしの量を増減します。 (ガウスぼかしはGIMPで人気のあるぼかしフィルターです。したがって、これは基本的にシャドウのぼかし量を調整するだけです)。

スライダーの値を「0」に設定すると、ドロップシャドウにぼかしがないため、シャドウのエッジが鮮明になります(上の画像の青い矢印)。 基本的に、ドロップシャドウは、元のテキストレイヤーの下にある新しいわずかにオフセットされたテキストレイヤーのように見えます。

一方、[ぼかし半径]スライダーの値(赤い矢印)を大きくすると、影(青い矢印)にぼかしが追加されます。 ぼかしが多すぎると、ドロップシャドウが見にくくなります(シャドウの形状が識別できなくなります)。 ぼかしをあまり追加せずに、ぼかし半径を大きくすると、理論上の「光源」が柔らかく見えるようになります。 もっと簡単に言えば、ドロップシャドウをより微妙にすることができます。

リセットボタンを押してデフォルト値に戻します。

次のXNUMXつの項目-「GrowShape」ドロップダウンボックスと「GrowRadius」スライダー(写真で青色で輪郭が描かれています)-は互いに関連しています。

[半径を拡大]スライダー(赤い矢印)を使用すると、ぼかしを適用する前に、ドロップシャドウのサイズを拡大または縮小できます。 たとえば、成長半径を大きくすると、ドロップシャドウのフェードが均一でなくなっていることがわかります(上の写真で確認できます)。

[半径を拡大]スライダーの上にある[形状を拡大]ドロップダウンは、ドロップシャドウが大きくなるにつれてその形状を変更します。 デフォルトでは、これは円に設定されています。 ただし、これを「ダイアモンド」(上の画像の赤い矢印)に変更すると、ぼかしの角が(きれいな丸いエッジ-青い矢印ではなく)より斜角のエッジになるように変更されます。

このオプションを「正方形」(赤い矢印)に変更すると、エッジがはるかにブロックされます(青い矢印)、または丸みを帯びているというよりも正方形のようになります。

もう一度リセットを押して、デフォルト値に戻します。

次のオプションは「色」オプションです。これを使用すると、ドロップシャドウの色を変更できます。 デフォルトでは、ドロップシャドウは黒になります(シャドウは通常そうです!)。 ただし、大きな色見本をクリックして新しい色を選択することはできます(上の画像の赤い矢印)。

ポップアップ表示される[色]ダイアログを使用して、必要な色を手動で選択できます。 XNUMX次元のカラーストリップ(赤い矢印)とXNUMX次元のカラー領域(青い矢印)を使用して、左側のカラーセレクターの周りでマウスをドラッグすることができます。 または、[カラー]ダイアログの右側にある個々のカラーチャネルの数値カラーチャネル値を手動で入力することもできます。

注:R、G、Bは「赤」、「緑」、「青」を表し、L、C、hは「輝度」、「彩度」、「色相」を表し、最後にaは単なる透明度である「アルファ」の場合。

「HTML表記」(上の画像の黄色のアウトライン)を入力して、ここで選択した正確な色をコピーすることもできます。

この色を適用する準備ができたら、[OK]をクリックします。 ドロップシャドウが水色になっていることがわかります。

大きな色見本の右側には、GIMPコンポジション内の任意の色を選択できるカラーピッカー(赤い矢印)があります(キャンバス領域内にある場合)。

[色]オプションの下には、[不透明度]スライダー(上の画像の青い矢印)があります。 このスライダーを使用すると、ドロップシャドウを左にドラッグして透明(シースルー)にするか、右にドラッグして不透明にすることができます。

この値を左にドラッグすると、ドロップシャドウがより薄くなることがわかります(黄色の矢印)。

値を右にドラッグすると、ドロップシャドウがより目立つようになります。 スライダーの値が1.0に設定されている場合、これはドロップシャドウが完全に不透明(または0%透明)であることを意味します。

GIMPでは、この値を1.0を超えることができます。 理由を理解するために、次のように言います。1.0までは、ぼかし領域を除くメインのドロップシャドウ領域の不透明度に影響します。 1.0から2.0の間では、ぼかし領域の不透明度に影響します。 写真でわかるように、スライダーの値を1.0よりかなり上にドラッグすると(上の写真の赤い矢印)、ぼかし領域の透明度が失われ、不透明になるにつれて、ドロップシャドウの形状が変化し始めます(黄色の矢印)。 。

私は通常、不透明度を1.0未満に保つのが好きなので、この値を.5から1.0の間の値に再調整します。

ドロップシャドウダイアログの次は、「クリッピング」ドロップダウンです(上の画像では拡大されて黄色で囲まれています)。 デフォルトでは、これは「調整」に設定されます。これは、テキストレイヤーの境界(赤い矢印)がドロップシャドウによって作成されたすべてのピクセルに合うように調整されることを意味します。 これにより、ドロップシャドウが途切れるのを防ぎます。

ただし、この値を「クリップ」に変更することはできます。これは、レイヤーの境界の外側にあるドロップシャドウピクセルが「クリップ」またはカットオフされることを意味します。

[クリッピング]ドロップダウンの下には、[ブレンドオプション]と呼ばれる領域があります。 これはデフォルトで折りたたまれている可能性があるため、小さな「+」アイコンをクリックしてこの領域を表示できます(上の画像の青い矢印)。 ここでの最初の項目は「モード」ドロップダウン(赤い矢印)で、ブレンドモードまたはレイヤーモードを選択できます。

このドロップダウン内のオプションは、適用できるオプションと同じです。 レイヤーパネルのレイヤー。 つまり、これらのオプションはすべてレイヤーモードであり、選択したレイヤーモードのみがドロップシャドウ効果にのみ適用され、レイヤー全体には適用されません。 これにより、ドロップシャドウに効果を追加することができます。 たとえば、「ディゾルブ」モード(黄色の矢印)を選択すると、ドロップシャドウにディゾルブレイヤーモード(赤い矢印)が適用されることがわかります。

このドロップダウンの下には、別の「不透明度」スライダー(赤い矢印)があります。 今回は、スライダーで0から100までの値のみを選択でき、複合ドロップシャドウ全体に影響します。 基本的に、前の手順で適用したすべての効果と設定を取得し、それらをXNUMXつのアイテムにマージします。 次に、その単一のアイテムの不透明度を調整します。

不透明度スライダーを下にドラッグすると、合成ドロップシャドウ全体がより透明になります(青い矢印)。 スライダーの値を上にドラッグすると、不透明になります。

プリセットの保存

作成したすべての設定を将来の使用のためにプリセットとして保存したい場合は、[ドロップシャドウ]ダイアログの上部に移動して、小さな「+」アイコン(上の画像の赤い矢印)をクリックするだけです。

「設定を名前付きプリセットとして保存」という名前のボックスが表示され(黄色で囲まれています)、プリセットに名前を付けることができます。 この場合、「BlueDissolve」という名前を付けます。 [OK]をクリックして、新しいプリセットを作成します。

上部の「+」アイコンの横には、ドロップダウン(青い矢印)があります。 ここでは、前のセッションで適用したドロップシャドウ効果に基づいて自動的に作成されたプリセットが表示されます。 下部に、自動生成されたプリセットとユーザーが作成したプリセットを区切る分割線が表示されます。 仕切り線の下に、作成したばかりの新しいプリセットの名前「BlueDissolve」(赤い矢印)が表示されます。

ドロップシャドウダイアログの下部には、「プレビュー」および「分割プレビュー」チェックボックスがあります。 プレビュー(黄色の矢印)を使用すると、フィルターの効果のライブのキャンバス上のプレビューを切り替えることができます。

「分割プレビュー」チェックボックス(赤い矢印)を有効にすると、キャンバスに分割線が表示されます(青い矢印)。 仕切りの左側には効果のライブプレビューがあり、線の右側には効果が適用される前の構成(つまり、テキストの「前」バージョン)があります。

この線をクリックしてキャンバス上でドラッグすると、線の両側のプレビュー領域のサイズを変更できます。 たとえば、線を右にドラッグすると、「後」のプレビューがより多く表示されます。 左にドラッグすると、「前」のプレビューが表示されます。

これらの変更を適用したくない場合は、「キャンセル」ボタンをクリックしてください。 それ以外の場合、[OK]をクリックすると、ドロップシャドウがテキストレイヤーに直接適用されます。

テキストへの影響により、テキストレイヤー自体が標準のピクセルレイヤーに変換されていることに注意してください(テキスト情報が破棄されていることを意味します-上の画像の赤い矢印)。 ドロップシャドウ効果を元に戻さずに、テキストツールでテキストを編集することはできなくなりました。

このチュートリアルは以上です。 あなたがそれを好きなら、私の他のものをチェックすることを忘れないでください GIMPのヘルプ記事, GIMPビデオチュートリアル、またはになる DMDプレミアム会員!

DMDニュースレターを購読する

DMDニュースレターを購読する

サインアップして、お気に入りのオープンソースソフトウェアに関する新しいチュートリアル、コースの更新、および最新ニュースを受け取ります。

あなたが正常に登録しています!

Pinterestの上でそれをピン

これを共有