墨文字・スモーク文字の作り方

読了時間 約11分

ホーム/ PSチュートリアル/ 墨文字・スモーク文字の作り方

墨文字の魅力は、縁が壊れている感じにあります。文字をシェイプに変換したら、まずペンで輪郭を整え、ブラシとマスクで少しずつ削って毛羽立ちを作ります。最後にスモークを添えれば完成です。オンラインPSは和風・中華風のタイトル作りに向いています。

文字を作成してシェイプに変換

  1. オンラインPS を開き、ファイル > 新規(Ctrl+N)でカンバスサイズを設定します(例:2000 × 800 px、解像度 300 ppi、背景は透明)。
  2. 左のツールバーで 文字ツール(T) を選び、カンバス上をクリックして文字を入力します。
  3. 右側のオプションバーで フォント を筆文字や行書体(または古風な書体)に変え、サイズを大きく(200 pt 程度)して中央に配置します。
  4. 文字レイヤーを右クリックして シェイプに変換(Convert to Shape)を選ぶか、ショートカット Ctrl+Shift+Alt+S を押します。

ゴシック体や明朝体のような整った書体は避けてください。イメージしている手書きの雰囲気に近いフォントほど、あとで「壊す」作業にかかる手間が少なくて済みます。

ペンツールで輪郭を微調整

文字をベクターシェイプにしても、パスはまだ機械的に整ったままです。ここに少し「味」を加えます。

  1. 左のツールバーで ペンツール(P) を選びます。
  2. ツールのモードが「シェイプ」ではなく パス になっていることを確認します。
  3. 既存のアンカーポイントをクリックしたりドラッグしたりして、追加・削除・移動を行い、線の端に軽い揺らぎを加えます。
  4. できあがったらパスを右クリック → 選択範囲を作成(Ctrl+Enter)を選び、続けて レイヤー > 新規 > コピーを作成 で、編集したベクターパスを残しておきます。

墨化 — ブラシ + マスクで「壊れた」質感を作る

きれいなシェイプを墨の質感を持つ「壊れた」状態にするには、2段階の作業が必要です。

1. ベースの墨レイヤーを作る

  1. シェイプレイヤーの上に空のレイヤーを新規作成し、「墨テクスチャ」 と名前を付けます。
  2. そのレイヤーを選び、レイヤーパネル下部の マスクを追加(長方形アイコンの隣にある マスクボタン)をクリックします。
  3. マスクが有効になっていること(白い枠)を確認し、ブラシプリセット から 筆/墨系のブラシ を選びます(Ink Splatter や Water Brush がおすすめです)。間隔を 10% にし、色は 黒 のままにします。
  4. カンバス上を軽く数回なぞると、ブラシが文字の縁を削り取るように形が欠けていきます。つまりマスク上に白黒の不透明度の差を作っているわけです。

2. ブラシ設定を調整して「壊れた」感じを出す

  • 間隔(Spacing):150%~200% まで上げると、1回のストロークが断片化して見えます。
  • 不透明度(Opacity):30%~70% の間でランダムに塗ります。
  • 流量(Flow):30%~50% の範囲で調整します。
  • 角度(Angle):キーボードの [ と ] で毎回の回転を微調整でき、線が文字の輪郭になじみます。

不透明度・流量・角度を変えながらマスク上に何度も重ね、納得のいく「墨が付いた」質感になるまで続けます。

元のシェイプを残しておきたい場合は、先に レイヤー → レイヤーを複製 を実行し、複製したレイヤー側で壊す作業をすべて行ってください。いつでも元に戻せます。

墨のレイヤーにブラシでディテールを加える

ベースの墨テクスチャができました。次はその上に数筆を加えて、墨の痕跡に奥行きを出します。

  1. 「墨テクスチャ」 レイヤーの上に空のレイヤーを新規作成し、「墨ディテール」 と名前を付けます。
  2. ブラシツール のまま、より繊細な 水墨ブラシ(Ink Brush Soft など)を選びます。
  3. 不透明度 を 20%~40%、流量 を 15%~30% に設定します。
  4. 文字の一部分(線が交わる箇所や筆先)を軽く叩くように塗り、半透明の墨が飛び散ったような効果を作ります。

墨が濃くなりすぎた箇所は、そのレイヤーのマスク上を白いブラシで軽く塗り、墨を薄めます。

スモークを描く/読み込む

墨文字ができたら、そこに漂うようなスモークを添えて古風な雰囲気を高めます。

1. Photoshop内蔵のスモークブラシを使う

  1. 新しいレイヤーを作り、「スモーク」 と名前を付けます。
  2. ブラシプリセット の「+」ボタンをクリックし、ダウンロードした スモークブラシパック(.abr/.json)を読み込みます。Photoshop内蔵の「ソフトエアブラシ」を使ってもかまいません。
  3. 不透明度 を 10%~25%、流量 を 15%~30% に設定します。
  4. 文字の左・右・下側に数筆を加え、スモークが自然に広がるようにします。間隔を小さく(5%)し、ブラシを回転させながら 塗ると流れるような動きが出ます。

2. 外部のPNGスモーク素材を読み込む(任意)

  1. 高品質なPNGのスモーク素材があれば、ファイル > 開いて配置(Ctrl+O)を使うか、カンバスへ直接ドラッグします。
  2. 自由変形(Ctrl+T) で大きさと傾きを調整し、文字を自然に包み込むように配置します。
  3. スモークのレイヤーに レイヤースタイル > カラーオーバーレイ を追加し、濃いグレー(#2c3e50)や暗い赤(#8b2a2b)を指定します。明るすぎる色は避けます。
  4. スモークのレイヤーに マスク を追加し、柔らかい円形の白いブラシで縁を薄めて、自然になじませます。

全体の合成と微調整

  1. レイヤーの順番(上から下)を確認します。
    • 文字シェイプ(元のもの。不要なら非表示に)
    • 墨テクスチャ
    • 墨ディテール
    • スモーク
    • 背景(任意)
  2. 墨に立体感を出したいときは、墨テクスチャ レイヤーに レイヤースタイル > ドロップシャドウ(不透明度 20%、Y方向の距離 10 px、広がり 5 px)や 内側の影 を追加します。
  3. 全体は レベル補正(Ctrl+L) や トーンカーブ(Ctrl+M) で調整し、黒をより濃く、グレーをより柔らかくします。
  4. 古紙のテクスチャを下地に入れたい場合は、そのレイヤーを最下部に置き、描画モードを オーバーレイ か ソフトライト にして、不透明度を 30%~50% に下げます。

この作業全体のカギは レイヤーの分離 です。ベースのシェイプ、テクスチャ、ディテール、装飾をそれぞれ独立させておけば、あとから個別に調整したり差し替えたりできます。

書き出しと二次利用

  1. 完成したら ファイル > PNG(32ビット)として書き出し(透明を保持)か、ファイル > JPGとして書き出し(Web用)を選びます。
  2. あとで動画やアニメーションに使う場合は、PSD(.psd)や Photoshopプロジェクトファイル(.pz) として書き出しておけば、いつでも再編集できます。
  3. 2種類のファイルを保存しておくのがおすすめです。
    • マスクとレイヤーを残した 編集用(.psd/.pz)。あとから手を加えられます。
    • 統合済みの 使用用(PNG/JPG)。SNS、カバー、ポスターなどにそのまま使えます。

これで、墨の質感とスモークをまとった古風な文字の完成です。ポスター、動画の字幕、カバー、SNS投稿など、さまざまな場面で使えます。

よくある質問 & コツ

Q1:ブラシで墨が出ず、白か透明になるだけです。
マスク か レイヤー本体 のどちらに描いているかを確認してください。マスク上で白を塗ると文字の範囲が「復活」します。「壊したい」ときは 黒いブラシ か、不透明度を下げた白いブラシを使ってください。
Q2:スモークをより自然に見せるには?
  1. 柔らかい円形ブラシ(硬さ 0%)で、低い不透明度のまま何度も重ねます。
  2. レイヤーマスク と グラデーションツール を組み合わせて、スモークの縁を薄くします。
  3. スモークのレイヤーに ガウスぼかし(2~5 px)を軽くかけると柔らかさが増します。
Q3:文字が少し「硬い」ので柔らかくしたい。
文字シェイプレイヤー に フィルター → ガウスぼかし(1~2 px)をかけたり、液化(編集 → 変形 → 液化) で線を軽く押し動かしたりすると、自然な表情になります。
Q4:自分のPhotoshopに「ブラシプリセット」や「ブラシライブラリ」がありません。
左のツールバーでブラシのアイコンをクリックすると、右上に 「ブラシを読み込み」(Load Brushes)ボタンが表示されます。ここから .abr、.json、.png などのブラシファイルを読み込めます。
Q5:墨を純黒ではなく、暗い赤や青墨にしたい。
レイヤースタイル → カラーオーバーレイ で色を暗い赤(#8B2A2B)や青墨(#2C3E50)に変え、描画モードを 乗算 か カラー にすると、墨の色を変えられます。

参考資料

  • オンラインPS
  • Adobe 公式ドキュメント
  • Photoshop チュートリアルサイト