GIMPで画像に凹んだ文字を刻んでみよう

GIMP画像にテキストを刻むTOP

GIMPを使って背景画像などに直接凹んだ文字を刻みたいんだけど、どうやったらできるんだろうって困っていませんか?

フィルター機能のドロップシャドウをうまく使えば、簡単にテキストが凹んだ感じにできます。

凹んだ文字をレタープレスとか、型押しとも言いますね。

では、さっそく作成してみましょう。

Sponsored Links

画像に文字を刻む(凹ます)方法

GIMPでテキストが凹んだ感じにする方法は、フィルター機能のバンプマップを使ってもできますが、今回はドロップシャドウを使って、画像に凹ませた文字を刻んでみよう。

 

 

画像を開こう

GIMPを起動したら、まずは背景画像を開きましょう。

LinkGIMPで画像を簡単に開いてみよう【初心者ナビ】

今回、用意した画像は夏をイメージしたテクスチャです。

背景画像

 

 

文字を入力しよう

ツールボックスから「テキストツールテキストツールアイコン」を選びましょう。

Linkテキストツールの詳しい使い方は、GIMP 文字を入力してみよう【初心者ナビ】をご覧ください。

テキストを選択

 

 

次にあなたが凹ませたい文字を、キャンバスに描きましょう。

文字の色は何色でもいいです。
テキストを入力

 

 

テキストを選択範囲にしよう

テキストを入力したら、右にあるレイヤーのダイアログからテキストのレイヤーを選んで、右クリックして不透明部分を選択範囲にをクリックして文字を選択範囲にしましょう。

不透明部分を選択範囲に

 

 

選択範囲を反転しよう

テキストを選択範囲にしたら、もう一度レイヤーのダイアログからテキストレイヤーを選び、目のアイコンのアイコンをクリックしてキャンバスから文字を隠しましょう。

目のアイコンを表示しないようにする

 

 

次に、ツールバーから選択選択範囲の反転をクリックしましょう。

選択範囲の反転

 

 

文字に影をつけよう

選択範囲を反転したら、テキストの内側に影をつけていき、凹ませた感じにしていきます。

 

1回目の影をつけよう

ツールバーからフィルター照明と投影ドロップシャドウを選択しましょう。

ドロップシャドウを選択

 

 

ドロップシャドウのダイアログ画面が開きます。

オフセットをX:2 Y:2 ぼかし半径を3 色は「」に設定して「OK」をクリックしましょう。

「画像サイズ変更可」のチェックは外しておきましょう。
ドロップシャドウダイヤログ

 

 

テキストの内側に1回目の影が付きました。

テキストの内側に影

 

まだ選択範囲は解除しないでくださいね。

 

2回目の影をつけよう

次に、もう一度選択範囲を反転しましょう。

メニューバーから、選択選択範囲の反転をクリックしましょう。

選択範囲を反転

 

 

反転したら、メニューバーからフィルタードロップシャドウの再表示をクリックしましょう。

選択範囲の再表示

 

 

ドロップシャドウのダイアログ画面が開くので、

今度は、オフセットをX:1 Y:1 ぼかし半径を1 色は「」に設定して「OK」をクリックしましょう。

「画像サイズ変更可」のチェックは外しておきましょう。
ドロップシャドウのダイアログ

 

 

これでひとまず背景画像に刻んだような文字ができました。

画像に刻んだ文字

Sponsored Links

凹ませた感じの文字を移動するときは

作成した凹ませた感じの文字をキャンバス内で移動しなくていい場合は、まだ選択範囲を解除しないでLink凹んだ部分の明るさを調整しように進んでください。

背景画像に文字が刻んだように見える影がつきましたが、レイアウトの関係で文字を違う場所に移動したいときがあると思います。そんなときは、いったん選択を解除しましょう。

メニューバーから選択選択を解除

選択を解除

 

 

次に、黒い影(Drop Shadow)のレイヤーの上で右クリックしてレイヤーをキャンバスに合わせるをクリックしましょう。

レイヤーをキャンバスに合わせる

 

 

黒い影のレイヤーをキャンバスに合わせたら、レイヤーダイアログ内の「Drop Shadow」、「Drop Shadow #1」、「テキスト」の3つのレイヤーに鎖(チェーン)鎖のマークのマークをつけましょう。

レイヤーに鎖(チェーン)のマーク

 

 

鎖のマーク鎖のマークをつけたら、3つのレイヤーのどれかを選択(アクティブに)しましょう。

次に移動ツール移動ツールを選び、キャンパス内の文字の黒い影の部分にマウスポインタを持っていき、あなたが思っている位置にマウス又はキーボードの方向キーを使って移動しましょう。

この操作を行うことで、3つのレイヤーが同時に移動することができます。

移動

 

 

思っている位置に移動できたら、「テキストレイヤー」の上で右クリックして、不透明部分を選択範囲にをクリックしましょう。

不透明部分を選択範囲に

 

 

再び選択範囲に

 

 

凹んだ部分の明るさを調整しよう

文字の内側を少し暗くして凹んだ感じに仕上げていきます。

レイヤーを背景画像に選択しましょう。

背景画像に

 

 

メニューバーからトーンカーブをクリックします。

トーンカーブを選択

 

 

トーンカーブのダイアログが開くので、プレビューを見ながら明るさを調整しましょう。

テキストの内側が、あなたが思うような暗さになったら「OK」をクリック。

トーンカーブのダイアログ画面

 

 

選択を解除しよう

1つ目の影、2つ目の影、明るさの調整ができたら、選択範囲を解除しましょう。

メニューバーから選択選択を解除をクリック。

選択の解除

 

 

影の調整をしよう

先ほどドロップシャドウを2回しましたね。

レイヤーのダイアログを見ると、「Drop Shadow」と「Drop Shadow #1」があると思います。

「Drop Shadow」は黒色の影、「Drop Shadow #1」は白色の影です。

まずは、黒色の影から調整します。

レイヤーのダイアログから「Drop Shadow」を選択して、キャンバスの文字を見ながら、あなたが思うような感じになるまで、不透明度を調整していきましょう。

今回は不透明度を60にしました。

不透明度を調整

 

 

続いて、「Drop Shadow #1」を選択して、白色の影の不透明度を調整していきましょう。

今回は不透明度を55にしました。

不透明度を調整

 

背景画像の色によって、不透明度の数値は変わってくるので、画面を見ながら調整しましょう。

 

 

出来上がり

これで背景画像に文字を刻む(凹ます)ことができました。

凹んだ文字の完成

 

 

まとめ

いかがでしたか?GIMPを使って、背景画像にテキストを刻む(凹ます)方法をご紹介しました。

最初は、手順を覚えるまで戸惑うかもしれませんが、何回か練習していけば簡単にできるようになるので、チャレンジしてみてくださいね。

 

Sponsored Links

こちらの記事もよく読まれています

SNSでもご購読できます。

コメント

  1. 花壇 より:

    soraさま

    リクエストさせていただいた「画像を凹ませる方法」ありがとうございます!
    ご説明通り順番にやったらできました!

    次回の動画からは、これで凹ませることが出来ます!

    ありがとうございました。

    これからも記事を参考にさせていただきたいので
    ぜひぜひGIMPの記事をよろしくお願いします!

    1. 管理人 sora より:

      花壇さん、コメントありがとうございます。
      出来てよかったですね!
      当サイトがお役に立ててうれしいです。
      これからも動画楽しみにしてますね!
      わからないことがあれば、いつでもリクエストください。
      今後もGIMPで編集や加工の方法を出来るだけわかりやすくUPしていきますので、また参考にしてくださいね!

  2. hana より:

    有難う御座います。
    文字の影を作製する方法で、オフセットの考え方が判りました。
    (どれくらい文字から離して影を付けるかだと、認識しましたが・・)

    下記についてアドバイス頂ければと思います。
    ・凹み文字の場合、1度目のオフセットの文字と2度目のオフセットの文字の違いは、下記の考え方ですね。
    1度目:オフセットは凹み文字の凹み量と左側の影
    2度目:オフセットは右側の影の幅(?)と色?
    と認識しましたが違っていますか?
    (濃い色の中に置いて、2度目の色の設定で白にするとラインがはっきりしました)

    ・文字の色指定ですが、小さな文字だと見えづらくて色の様子が判らないのです。
    (写真が大きいと文字サイズも、120以下だと小さくなって文字の中が見えない)
    設定中に拡大表示して確認しながら作業する事は可能なんでしょうか?

    ・ぼかしの意味が、今回示して頂いた記事で理解できました。
    文字をくっきりさせるには、ぼかしが「0」で良かったと思いました。
    (サンプルは文字に影を付ける・・・でしたので、凹み文字と認識が違っているかも?)

    ・いろいろと質問させて頂いておりますが、
     不要なコメントはお手数ですが削除いただければと思います。
    (個人的には今回の質問以外は不要だと思っています)

    1. 管理人 管理人 より:

      hanaさん、コメントありがとうございます。
      わたしも色々試してみたことがあります。確かに複数の色が混ざってるところでの凹み文字はわかりにくいですね。そんな時は、ドロップシャドウの調整を試してみてください。例えば、黒い影のオフセットを少し上げてみる(オフセットをX:4 Y:4 ぼかし半径を5)とかすると、より深く凹んだ文字のように見えますよ。あと、凹んだ部分の明るさをトーンカーブの調整でもう少し暗くすると見やすくなります。反対に明るくすると、凹んだように見えなくなります。
      文字を凹んだように見せるためには、ドロップシャドウの色を変えるのはあまりお勧めしませんが色々試してみてくださいね。
      凹んだ文字用でないので参考にならないかもしれませんが、ドロップシャドウの基本を載せておきます。ドロップシャドウの使い方
      いっぱいいろんなことを試しながらGIMPを使いこなしてくださいね!

コメントを残す

*

CAPTCHA