Gimp2.8で光源の位置によるテキスト文字の影の角度にこだわる

   2017/07/08

Gimp2.8で光源の位置によるテキスト文字の影の角度にこだわる
というタイトルで綴っています。

こんにちは、みらじです。

Little Web Hut.comさんが創る芸術作品と思
えるGimp文字に尊敬しきりの私です。

動画を何度も何度も拝見しながら、その天才
的なワザの数々に唯々驚いているばかりです。

一つ真似をしながらアレンジを加えて試しに
作ってみることにしました。

解説が英語なので、わかるところと分からな
いところが混在して途中に???がたくさん
ありましたが、こんな風に出来ました。

光源と影の入射角度

改めてLittle Web Hut.comさんの技術の偉大
さに感服です。

Gimpについては、ほぼド素人の私ですが
今回はかなり難易度が高いLittle Web Hut.com
さんの技術のほんの隅っこだけでもいいから
知りたかったわけです。

例によって完璧にマスターできるまで備忘録
を残したいのですが作るのもかなりの手間。

ということで、今回は、光源の位置による
文字の影の伸ばし方を変えていく技術を中心
に記録してみたいと思います。

1.白色の背景を新しく作ったらテキストツ
ールで文字を書きます。

1

2.テキストレイヤーを右クリックしてから
「レイヤーをキャンバスに合わせる」をクリック。

ガイドラインで背景を中央から2分割し、
テキストの直上部と上部に変形させる位置、
テキストの左側にもガイドラインを設けて
から、移動ツールでテキストを中央の線の上
に移動しておきます。

2

3.矩形選択ツールでテキスト周りのガイド
ライン上を囲み選択します。

3

4.遠近法ツールを選んで選択範囲内でクリッ
クするとテキストの形を変えられます。
赤矢印の方向に上のガイドラインまでドラッ
グしてテキストの形を変形させます。

4

5.遠近法ダイアログの「変形」をクリックし
て変形を確定させます。

5

6.テキストレイヤーを複製ボタンで複製し、
複製されたレイヤー(ここでは、Cat Loaf#1)
の名前を「文字影」と変えてみました。

6
7

7.文字影レイヤーを選んだ状態で鏡像反転
ツールをクリック、反転の向きを「垂直」
チェックして垂直反転文字を表示させます。

8

8.文字影レイヤーを選んだ状態のまま、反
転文字をガイドラインで囲みます。囲んだら
文字影レイヤーの上に新しいレイヤーを1
枚追加します。

9

 

9.新しく追加したレイヤーを選んだ状態で
ペンツールを選んで、鮮明なブラシを選び、
ペンのサイズを3ぐらいにして、描画色を分か
りやすい水色にして、背景の左上角付近から、
図のように右斜め下に線を入れます。
(この水色の線に沿って文字影を変形させる
ための作業です)

※始点でワンクリックしてからシフトキーを
押しながらドラッグすると線が引けます。

10

10.文字影レイヤーを選んでから矩形選択ツ
―ルをクリックして文字の影部分をガイド
ラインに沿って囲み選択範囲にします。

11

11.遠近法ツールを選んで、赤矢印のように
文字影の左下角と右下角をドラッグして変形
させ、「変形」で確定させます。

12

12.背景レイヤーを選んでから、矩形選択
ツールをクリック、背景の上半分を選択範囲
にします。

13

13.塗りつぶしツールを選んで黒色で上半分
を塗りつぶします。(※塗りつぶす範囲を選択
範囲にチェックしておきます)

14

14.テキストレイヤーを選んで右クリック
して「不透明部分を選択範囲に」をクリック。

15

15.塗りつぶしツールで「ネズミ色」を選
んで文字を塗りつぶします。

16

16.テキストレイヤーと背景レイヤーを統
合しておきます。

17

17.統合された背景レイヤーを選んだ状態で
「フィルター」「照明と投影」「超新星」
をクリック

18

18.超新星ダイアログが現れたら、「色」
「半径」「放射」を好みに調整します。
(※文字影は、左上角を光源とした前提で
考えていますので光源の位置は左上角です)
(※光源の位置を決めてから文字影をつける
方がいいですね。)

19

19.文字影が鮮明すぎるのでぼかしていき
ます。文字影レイヤーを選んで「フィルター」
「ぼかし」「ガウスぼかし」をクリック。

ガウスぼかしのダイアログが現われたら、
ぼかし半径を7px前後にしてOK。

20

光源の位置によってテキスト文字の影に角度
をつけてみるとこうなりました。

21

この辺の技術になると備忘録は絶対に必要
ですよね。これは間違っても削除なんか
出来ないですね。

それにしてもLittle Web Hut.comさんのテク
ニックって本当天才的だわ。
技術だけでなくセンスも素晴らしいし。

 

【 Gimp2.8のビギナー備忘録 】(関連記事です)

初めてのGimp2.8で画像切り抜きと縁ぼかしの方法を備忘録に

Gimp2.8のファジー選択ツールで画像を切り抜き背景透過の備忘録

Gimp2.8で写真画像に放射状に霧がかかったようにする方法の備忘録

Gimp2.8のパスツールを使って写真画像から人物を切る抜く

Gimp2.8の自由選択ツールで人物切り抜きをやってみたので

Gimp2.8で写真画像に文字入れてブレンド、文字縁を入れる【前編】

Gimp2.8で写真画像に文字入れてブレンド、文字縁を入れる【続編】

Gimp2.8でテキストを3D化する方法にはこんなやり方も

Gimp2.8、画像を油絵化、額縁をつけて装飾文字をつけてみたが

Gimp2.8のモーションぼかしを使ってこんな作品を

Gimp2.8で青空の写真を切り取って地球のような青い惑星の球体にする

Gimp2.8の前景抽出選択ツールで写真の切り抜きにチャレンジ

Gimp2.8の前景抽出選択ツールと着色を使ってクルマの色を変える

Gimp2.8パスで切り抜いた写真に右斜め上に伸びる影をつけてみた。

Gimp2.8でシャボン玉に埋め込んだ画像にレイヤーモードを試してみた

Gimp2.8にパターンの種類を追加する方法の備忘録を残す。

Gimp2.8のパターンを使って打ち出し文字に挑戦してみた

Gimp2.8で金色のかっこいい立体文字に挑戦してみた

Gimp2.8で凹み文字はこのフィルターの機能が一番か?

Gimp2.8でグラデーションを創って背景画像に挑戦してみた

Gimp2.8で人物写真の髪の毛の細かな切り抜き透過に挑戦

Gimp2.8で赤銅色のハニカム網に文字をつける方法に挑戦してみた

  • このエントリーをはてなブックマークに追加
  • Pocket

この記事へのコメントはこちら

メールアドレスは公開されませんのでご安心ください。
また、* が付いている欄は必須項目となりますので、必ずご記入をお願いします。

内容に問題なければ、下記の「コメント送信」ボタンを押してください。