ガラス風の文字の制作
ガラス風の文字を作る
この記事では、ガラス風の文字の作り方を解説します。
制作には各種フィルタを使い、また、色々なレイヤモードも利用します。 なお、GIMPに標準で含まれているフィルタだけを利用します。
作業の概要
まず、背景となる画像を開きます。 背景となる画像を用意したほうが見栄えがするので今回は背景を使用します。
次に、文字ツールで任意の文字を入力します。 なお、この文字は形状を利用するために作成するもので、この文字自体は加工しません。 また、最終的な成果物には表示もされません。
次に、4枚の新規レイヤを作成します。 レイヤは初期設定の透明な状態で作成します。
続いて、各レイヤを以下のように加工します。
| 対象レイヤ | 役割 | 加工内容 | レイヤモード | 不透明度 |
|---|---|---|---|---|
| 最上層 | 文字の内側に影をつける | ドロップシャドウ | 乗算 | 15% |
| 上から2層め | 光が反射したような縁を加える | グラデーションツール | 除算 | 50% |
| 上から3層め | 厚みを表現する |
ベベルの追加(面取り) ↓ ガウスぼかし |
オーバーレイ | 100% |
| 上から4層め | 文字に影をつける | ドロップシャドウ | 標準 | 50% |
| 上から5層め | 背景用の画像 | <無し> | 標準 | 100% |
| 最下層 | 加工の元になる文字 | "GIMP" | 標準 | 100% |
上記のようにフィルタや各種ツールで加工し、レイヤモードと不透明度で特殊な合成を行うことでガラス風の文字を制作します。
ガラス風文字の制作の手順
では、ガラス風文字を制作しましょう。
上図のように画像を開きます。 なお、この画像は背景として利用します。
続いて、文字を入力します。
上図のようにツールボックスから文字ツールを選択し(またはキーボードのTを押します)、さらに、文字のフォントとサイズを設定します。
次に、色を設定します。
前景色・背景色ボタンの左下にある色初期化ボタン(
)を押し、前景色を黒色に、背景色を白色に戻します。
では、文字"GIMP"を入力しましょう。
上図のように"GIMP"と打ち込みます。
続いて、新規レイヤを4枚作成します。
上図のようにレイヤーダイアログのレイヤ一覧の下にあるレイヤ追加ボタン(
)を押します。
上図のように新しいレイヤーウィンドウが表示されますので、[OK(O)]ボタンを押します。
上図のように新しいレイヤが文字レイヤの上位に追加されます。
では、同じ手順で、残り3枚のレイヤも作成してください。
上図のようにレイヤが6枚になっていることを確認します。
次に、文字レイヤが最下層になるように移動します。 文字レイヤは、形状を利用するためだけに存在しており、表示する必要はないため背景より下に移動します。
上図のように文字レイヤを選択します。
続いて、文字レイヤを最下層に移動します。
上図のようにレイヤーダイアログのレイヤ一覧の下にあるレイヤ下降ボタン(
)を押します。
上図のようにレイヤが最下層に移動します。
続いてレイヤ名称を変更します。 役割がひと目で分かる以下の名前をつけましょう。 なお、最下層の文字レイヤは、すでに自動的に名前がつけられていますので変更の必要はありません。
| 対象レイヤ | レイヤ名称 |
|---|---|
| 最上層 | インナーシャドウ |
| 上から2層め | アウトライン |
| 上から3層め | ベベル |
| 上から4層め | シャドウ |
| 上から5層め | 背景 |
| 最下層 | GIMP |
上記のレイヤ名称に変更します。
上図のようにレイヤ名称を変更したことを確認したら次の作業に進みます。
では、各レイヤの画像を加工していきましょう。 なお、加工は"シャドウ"レイヤから上に向かって進めていきます。
まずは、"シャドウ"レイヤから加工します。 このレイヤは、文字に影をつける役割のレイヤです。
最初に、他のレイヤを非表示にします。
上図のようにレイヤーダイアログのレイヤ一覧の、"シャドウ"レイヤの行のレイヤ表示ボタン(
)を、キーボードのSHIFTキーを押しながらマウスの左ボタン(
)でクリックします。
上図のように"シャドウ"レイヤ以外が非表示になります。
)を押すことで、他のレイヤをまとめてオン/オフすることができます。
では、"シャドウ"レイヤを加工します。
まず、文字の輪郭に沿って範囲選択します。 これは、文字の形状の画像を生成するために必要な作業です。
上図のように文字レイヤを選択します。
次に、文字レイヤのサイズをキャンバスに合わせます。
上図のようにプルダウンメニューの"レイヤー(L) -> レイヤーをキャンバスに合わせる(I)"を実行します。
上図のようにレイヤがキャンバスと同じ大きさになります。
次に、不透明部分を選択します。
上図のようにプルダウンメニューの"レイヤー(L) -> 透明部分(A) -> 不透明部分を選択範囲に(P)"を実行します。
上図のように文字の輪郭に沿って範囲選択されます。
これで必要な部分が範囲選択されました。 次に、対象のレイヤである"シャドウ"レイヤを選択します。
上図のように"シャドウ"レイヤを選択します。
では、選択範囲の内側を塗りつぶします。
上図のようにプルダウンメニューの"編集(E) -> 描画色で塗りつぶす(F)"を実行します。
上図のように選択範囲の内側が黒色で塗りつぶされます。 これで、文字の形状の画像が作られました。
では、この画像に影をつけます。
上図のようにプルダウンメニューの"フィルター(R) -> 照明と投影(L) -> Drop Shadow (legacy)..."を実行します。
上図のようにDrop Shadow (legacy)ウィンドウが表示されますので、オフセット X、Yを -8、8 に変更します。 さらに、ぼかし半径を 16 に、色を 黒色 に、不透明度を 80% に変更し、画像サイズ変更可を オフ にします。
変更したら、[OK(O)]ボタンを押します。
上図のように文字の形状で黒色の影が落とされます。
続いて、"シャドウ"レイヤを削除して、ドロップシャドウによって作成された"Drop Shadow"レイヤを新たな"シャドウ"レイヤとします。
上図のように"シャドウ"レイヤを選択します。
続いて、レイヤを削除します。
上図のようにレイヤーダイアログのレイヤ一覧の下にあるレイヤ削除ボタン(
)を押します。
上図のようにレイヤが削除されます。
続いて、レイヤ"Drop Shadow"の名称を"シャドウ"に変更します。
上図のようにレイヤ名称を"シャドウ"に変更します。 これで、"シャドウ"レイヤの加工は終了しました。
次に、"ベベル"レイヤを加工します。 このレイヤは、厚みを表現する役割のレイヤです。
まず、文字の輪郭に沿って範囲選択します。 この作業は、文字の形状の画像を作り出すために必要です。
上図のように文字の輪郭に沿って範囲選択します。
次に、対象のレイヤである"ベベル"レイヤを選択します。
上図のように"ベベル"レイヤを選択し、さらに表示状態に切り替えます。
では、選択範囲の内側を塗りつぶします。 なお、ここでは白色で塗りつぶす必要があります(このレイヤは厚みを表現するためです)。
上図のようにプルダウンメニューの"編集(E) -> 背景色で塗りつぶす(G)"を実行します。
上図のように選択範囲の内側が白色で塗りつぶされます。 これで、文字の形状の画像が作られました。
では、この画像にベベルを追加します。
上図のようにプルダウンメニューの"フィルター(R) -> 装飾(D) -> ベベルの追加(E)..."を実行します。
上図のようにベベルの追加ウィンドウが表示されますので、厚さを 10 に変更します。 さらに、コピーで作業する オフ にします。
変更したら、[OK(O)]ボタンを押します。
上図のように文字の境界部分が面取りされたように加工されます(厚みを持ったように見えます)。
続いて、画像を縁取りします。 ただし、周囲に線を足すのではなく、中心部分をくり抜きます。 中心部分をくり抜くため、まずは選択範囲を縮小します。
上図のようにプルダウンメニューの"選択(S) -> 選択範囲の縮小(H)..."を実行します。
上図のように選択範囲の縮小ウィンドウが表示されますので、選択範囲の縮小量を 4 に変更し、[OK]ボタンを押します。
上図のように選択範囲が縮小します。
続いて、選択範囲をぼかします。 目的は、『柔らかく』くり抜くためです。
上図のようにプルダウンメニューの"選択(S) -> 境界をぼかす(T)..."を実行します。
上図のように選択範囲の境界をぼかすウィンドウが表示されますので、縁をぼかす量を 4 に変更し、[OK]ボタンを押します。
上図のように見た目には変化はありませんが、選択範囲の境界付近は選択率が下がっています。
では、この部分をくり抜きます。 キーボードのDeleteキーを押してください。
上図のように文字の形状にくり抜かれます。
"ベベル"レイヤの最後の作業として、レイヤモードの設定を行います。 レイヤモードをオーバーレイモードにします。
上図のようにレイヤモードをオーバーレイモードに設定します。 これで"ベベル"レイヤの加工は終了です。
続いて、"アウトライン"レイヤを加工します。 このレイヤは、光が反射したような縁を加えるためのレイヤです。
まず、文字の輪郭に沿って範囲選択します。 縁取りするために必要な作業です。
上図のように文字の輪郭に沿って範囲選択します。
続いて、選択範囲を縮小します。 このレイヤは、輪郭のやや内側に光が反射したような効果を加えるため選択範囲を少し狭める必要があります。
上図のようにプルダウンメニューの"選択(S) -> 選択範囲の縮小(H)..."を実行します。
上図のように選択範囲の縮小ウィンドウが表示されますので、選択範囲の縮小量を 4 に変更し、[OK]ボタンを押します。
上図のように選択範囲が縮小します。 これで必要な部分が範囲選択されました。
次に、対象のレイヤである"アウトライン"レイヤを選択します。
上図のように"アウトライン"レイヤを選択し、さらに表示状態に切り替えます。
では、選択範囲の内側をグラデーションに塗りつぶします。
上図のようにツールボックスからグラデーションツールを選択し(またはキーボードのG(ジー)を押します)、さらに、グラデーションを設定します。
グラデーションは、グレースケールで不規則に濃淡が変化しているパタンを選びます。 今回の例では、グラデーションは"Flare Rays Size 1"を選択しています。
では、グラデーションをかけましょう。 選択範囲の左上から右下にかけてグラデーションをかけます。
上図のようにグラデーションツールで塗ります。 赤色の矢印はドラッグの動きを表しています。
上図のようにグラデーションに塗られます。
次に、輪郭のみ残すようにくり抜きます。 まず、選択範囲を縮小します。
上図のようにプルダウンメニューの"選択(S) -> 選択範囲の縮小(H)..."を実行します。
上図のように選択範囲の縮小ウィンドウが表示されますので、選択範囲の縮小量を 4 に変更し、[OK]ボタンを押します。
上図のように選択範囲が縮小します。 これで必要な部分が範囲選択されました。
では、この部分をくり抜きます。 キーボードのDeleteキーを押してください。
上図のように輪郭のみ残すようにくり抜かれます。
"アウトライン"レイヤの仕上げとして、レイヤモードと不透明度の設定を行います。 レイヤモードは除算モード、不透明度は 50% にします。
上図のようにレイヤモードを除算モードに、不透明度を 50% に設定します。 これで"アウトライン"レイヤの加工は終了です。
最後に、"インナーシャドウ"レイヤを加工します。 このレイヤは、文字の内側に影をつけるためのレイヤです。
まず、文字の輪郭に沿って範囲選択します。 これは、文字の形状にくり抜いた画像を生成するために必要な作業です。
上図のように文字の輪郭に沿って範囲選択します。
続いて、選択範囲を反転します。 文字の形状にくり抜いた画像を生成するためには文字以外の部分が選択されている必要があるためです。
上図のようにプルダウンメニューの"選択(S) -> 選択範囲の反転(I)"を実行します。
上図のように選択範囲が反転します。
これで必要な部分が範囲選択されました。 次に、対象のレイヤである"インナーシャドウ"レイヤを選択します。
上図のように"インナーシャドウ"レイヤを選択し、さらに表示状態に切り替えます。
では、選択範囲の内側を塗りつぶします。
上図のようにプルダウンメニューの"編集(E) -> 描画色で塗りつぶす(F)"を実行します。
上図のように選択範囲の内側が黒色で塗りつぶされます。 これで、文字がくり抜かれた形状の画像が作られました。
では、この画像に影をつけます。
上図のようにプルダウンメニューの"フィルター(R) -> 照明と投影(L) -> Drop Shadow (legacy)..."を実行します。
上図のようにDrop Shadow (legacy)ウィンドウが表示されますので、オフセット X、Yを 8、8 に変更します。 さらに、ぼかし半径を 8 に、色を 黒色 に、不透明度を 25% に変更し、画像サイズ変更可を オフ にします。
変更したら、[OK(O)]ボタンを押します。
上図のように文字の形状の内側に黒色の影が落とされます。
続いて、"インナーシャドウ"レイヤを削除して、ドロップシャドウによって作成された"Drop Shadow"レイヤを新たな"インナーシャドウ"レイヤとします。
上図のように"インナーシャドウ"レイヤを選択します。
続いて、レイヤを削除します。
上図のようにレイヤーダイアログのレイヤ一覧の下にあるレイヤ削除ボタン()を押します。
上図のようにレイヤが削除されます。
続いて、レイヤ"Drop Shadow"の名称を"インナーシャドウ"に変更します。
上図のようにレイヤ名称を"インナーシャドウ"に変更します。 これで、"インナーシャドウ"レイヤの加工は終了しました。
これでレイヤの加工が全て終わりました。 では、完成した作品を見てみましょう。 まず、範囲選択を解除します。 キーボードのCTRL+SHIFT+Aを押してください。
次に、背景を配置している"背景"レイヤを表示します。
上図のように"背景"レイヤを表示状態に切り替えます。
上図のようにガラス風文字が完成しました。 最後に、加工前の画像と加工後の画像を上下に並べて掲載します。
上図のようにガラス風の文字を描き足すことができました。