Photoshopで焼き文字を作る方法｜木の板になじませるリアルなテクニック3ステップ
Photoshopでは、焼印風の「焼き文字」デザインを作ることができます。木の板にロゴや文字を焼き付けたような風合いは、ナチュラル系・アウトドア系のデザインによく馴染む人気のテクニックです。
今回は単純な焼き文字にとどまらず、木の継ぎ目に合わせた文字分割・描画モードとレイヤースタイルによる馴染み処理・雲模様フィルターによる焼きムラ表現の3ステップで、よりリアルな仕上がりを目指します。
「一手間は要らない」という方は、ステップ2から読み進めるだけでも焼き文字は作れます。
ステップ1：木の継ぎ目に合わせて焼き文字を分割する
木の板の継ぎ目（目地）に合わせて文字レイヤーを分割し、わずかにズラすことでリアリティが増します。仕上がりにこだわらない場合は飛ばしてもOKです。
1-1）背景となる木の板画像を用意する
カンバスサイズを幅1400px・高さ1400pxで新規作成し、木の板の画像を読み込みます。
1-2）焼き文字テキストを入力する
焼き文字にしたいテキストを入力します。フォントは太めのものを選ぶと焼き文字らしさが出やすいです。
1-3）テキストレイヤーをラスタライズする
テキストレイヤーを複製してから、元のレイヤーを右クリック→テキストレイヤーをラスタライズします。複製は万が一のやり直し用に残しておくと安心です。
1-4）木の継ぎ目（目地）に沿ってペンツールで区切る
木の継ぎ目に沿って選択範囲を作り、それぞれの範囲で塗りつぶしレイヤーを別々に作成します。継ぎ目はほぼ直線なのでペンツールが使いやすいです。
作った選択範囲ごとにレイヤーを分けて塗りつぶしレイヤーを作成しておきます。
1-5）テキストレイヤーを分割する
塗りつぶしレイヤーのサムネールをCtrl＋クリックして選択範囲を表示させます。
テキストレイヤーを選択した状態でCtrl＋Jを押してレイヤーを分割します。この作業を、1-4で作成した塗りつぶしレイヤーの数だけ繰り返してください。
1-6）分割した木の板レイヤーをズラす
分割した複数のレイヤーをそれぞれ1〜2ピクセル程度ずつずらします。やりすぎると不自然になるので、あくまでさりげなく。
1-7）レイヤーを結合する
ずらし終わったレイヤー群は、バックアップとしてコピーした上でレイヤーを結合して一枚にまとめます。次のステップで扱いやすくなります。
ステップ2：木の板に焼き文字をなじませる
このステップから始めるだけでも、シンプルな焼き文字は作れます。描画モードとレイヤースタイルの設定だけなので操作は簡単です。
2-1）描画モードを「ソフトライト」に設定する
ラスタライズしたテキストレイヤーの描画モードをソフトライトに変更します。これだけで文字が木の板に自然に溶け込んだような見た目になります。
2-2）レイヤースタイルを設定する
テキストレイヤーの右側をダブルクリックしてレイヤースタイルを開きます。設定するのは「光彩（外側）」と「ベベルとエンボス」の2つです。
光彩（外側）の設定値
| 項目 | 設定値 | 備考 |
|---|---|---|
| 描画モード | オーバーレイ | |
| 不透明度 | 100% | |
| ノイズ | 0% | |
| カラー | #000000 | |
| テクニック | さらにソフトに | |
| スプレッド | 0% | |
| サイズ | 7px | |
| 輪郭 | 線形 | アンチエイリアス：オフ |
| 範囲 | 50% | |
| 適用度 | 0% |
ベベルとエンボスの設定値
| 項目 | 設定値 | 備考 |
|---|---|---|
| スタイル | ベベル（内側） | |
| テクニック | 滑らかに | |
| 深さ | 72% | |
| 方向 | 下へ | |
| サイズ | 5px | |
| ソフト | 5px | |
| 角度 | 120° | 包括光源を使用：オン |
| 高度 | 30° | |
| 光沢輪郭 | 線形 | アンチエイリアス：オフ |
| ハイライトのモード | スクリーン（#ffffff） | |
| ハイライトの不透明度 | 16% | |
| シャドウのモード | 乗算（#000000） | |
| シャドウの不透明度 | 0% |
ステップ3：焼きムラを出してリアルに仕上げる
フィルターの「雲模様2」を使い、焼き込みのムラを演出します。これがあるとぐっとリアルな焼き文字らしさが増します。
3-1）レイヤーを複製する
ステップ2で作ったテキストレイヤーを複製します。複製したレイヤーからはレイヤースタイルだけを削除してください。描画モードはソフトライトのままでOKです。
3-2）複製レイヤーにフィルター効果をつける
複製レイヤーを右クリックしてスマートオブジェクトに変換します。あとからフィルターの調整ができるので、スマートオブジェクト化しておくと便利です。
描画色を黒、背景色を白に設定してから、メニューのフィルター＞描画＞雲模様2を適用します。これで文字に焼きムラが加わります。
これで完成です。
焼きムラレイヤーの描画モードを変えることで、焼き文字の印象も変わります。柔らかい雰囲気にしたいならソフトライト、シャープに焼き込んだ感じにしたいなら焼き込みカラーや減算を試してみてください。不透明度で強弱を調整するのもおすすめです。
今回のような本格的なPhotoshopテクニックを活用するには、最新版のPhotoshopが使えるAdobe Creative Cloudがおすすめです。
※ 価格は変動することがあるため、購入前に最新の価格をご確認ください。
まとめ
Photoshopの焼き文字デザインは、描画モードとレイヤースタイルだけでも十分な仕上がりになります。今回はさらに木の継ぎ目に合わせた分割と、雲模様フィルターによる焼きムラを加えることでよりリアルな表現を目指しました。
背景の木の板画像を変えるだけでも雰囲気は大きく変わります。ぜひいろいろな素材・設定値で試してみてください。
