墨文字の魅力は、縁が壊れている感じにあります。文字をシェイプに変換したら、まずペンで輪郭を整え、ブラシとマスクで少しずつ削って毛羽立ちを作ります。最後にスモークを添えれば完成です。オンラインPSは和風・中華風のタイトル作りに向いています。
文字を作成してシェイプに変換
- オンラインPS を開き、ファイル > 新規(Ctrl+N)でカンバスサイズを設定します(例:
2000 × 800 px、解像度 300 ppi、背景は透明)。 - 左のツールバーで 文字ツール(T) を選び、カンバス上をクリックして文字を入力します。
- 右側のオプションバーで フォント を筆文字や行書体(または古風な書体)に変え、サイズを大きく(
200 pt程度)して中央に配置します。 - 文字レイヤーを右クリックして シェイプに変換(Convert to Shape)を選ぶか、ショートカット Ctrl+Shift+Alt+S を押します。
ゴシック体や明朝体のような整った書体は避けてください。イメージしている手書きの雰囲気に近いフォントほど、あとで「壊す」作業にかかる手間が少なくて済みます。
ペンツールで輪郭を微調整
文字をベクターシェイプにしても、パスはまだ機械的に整ったままです。ここに少し「味」を加えます。
- 左のツールバーで ペンツール(P) を選びます。
- ツールのモードが「シェイプ」ではなく パス になっていることを確認します。
- 既存のアンカーポイントをクリックしたりドラッグしたりして、追加・削除・移動を行い、線の端に軽い揺らぎを加えます。
- できあがったらパスを右クリック → 選択範囲を作成(Ctrl+Enter)を選び、続けて レイヤー > 新規 > コピーを作成 で、編集したベクターパスを残しておきます。
墨化 — ブラシ + マスクで「壊れた」質感を作る
きれいなシェイプを墨の質感を持つ「壊れた」状態にするには、2段階の作業が必要です。
1. ベースの墨レイヤーを作る
- シェイプレイヤーの上に空のレイヤーを新規作成し、「墨テクスチャ」 と名前を付けます。
- そのレイヤーを選び、レイヤーパネル下部の マスクを追加(長方形アイコンの隣にある マスクボタン)をクリックします。
- マスクが有効になっていること(白い枠)を確認し、ブラシプリセット から 筆/墨系のブラシ を選びます(Ink Splatter や Water Brush がおすすめです)。間隔を
10%にし、色は 黒 のままにします。 - カンバス上を軽く数回なぞると、ブラシが文字の縁を削り取るように形が欠けていきます。つまりマスク上に白黒の不透明度の差を作っているわけです。
2. ブラシ設定を調整して「壊れた」感じを出す
- 間隔(Spacing):
150%~200%まで上げると、1回のストロークが断片化して見えます。 - 不透明度(Opacity):30%~70% の間でランダムに塗ります。
- 流量(Flow):30%~50% の範囲で調整します。
- 角度(Angle):キーボードの [ と ] で毎回の回転を微調整でき、線が文字の輪郭になじみます。
不透明度・流量・角度を変えながらマスク上に何度も重ね、納得のいく「墨が付いた」質感になるまで続けます。
元のシェイプを残しておきたい場合は、先に レイヤー → レイヤーを複製 を実行し、複製したレイヤー側で壊す作業をすべて行ってください。いつでも元に戻せます。
墨のレイヤーにブラシでディテールを加える
ベースの墨テクスチャができました。次はその上に数筆を加えて、墨の痕跡に奥行きを出します。
- 「墨テクスチャ」 レイヤーの上に空のレイヤーを新規作成し、「墨ディテール」 と名前を付けます。
- ブラシツール のまま、より繊細な 水墨ブラシ(Ink Brush Soft など)を選びます。
- 不透明度 を 20%~40%、流量 を 15%~30% に設定します。
- 文字の一部分(線が交わる箇所や筆先)を軽く叩くように塗り、半透明の墨が飛び散ったような効果を作ります。
墨が濃くなりすぎた箇所は、そのレイヤーのマスク上を白いブラシで軽く塗り、墨を薄めます。
スモークを描く/読み込む
墨文字ができたら、そこに漂うようなスモークを添えて古風な雰囲気を高めます。
1. Photoshop内蔵のスモークブラシを使う
- 新しいレイヤーを作り、「スモーク」 と名前を付けます。
- ブラシプリセット の「+」ボタンをクリックし、ダウンロードした スモークブラシパック(
.abr/.json)を読み込みます。Photoshop内蔵の「ソフトエアブラシ」を使ってもかまいません。 - 不透明度 を 10%~25%、流量 を 15%~30% に設定します。
- 文字の左・右・下側に数筆を加え、スモークが自然に広がるようにします。間隔を小さく(
5%)し、ブラシを回転させながら 塗ると流れるような動きが出ます。
2. 外部のPNGスモーク素材を読み込む(任意)
- 高品質なPNGのスモーク素材があれば、ファイル > 開いて配置(Ctrl+O)を使うか、カンバスへ直接ドラッグします。
- 自由変形(Ctrl+T) で大きさと傾きを調整し、文字を自然に包み込むように配置します。
- スモークのレイヤーに レイヤースタイル > カラーオーバーレイ を追加し、濃いグレー(
#2c3e50)や暗い赤(#8b2a2b)を指定します。明るすぎる色は避けます。 - スモークのレイヤーに マスク を追加し、柔らかい円形の白いブラシで縁を薄めて、自然になじませます。
全体の合成と微調整
- レイヤーの順番(上から下)を確認します。
- 文字シェイプ(元のもの。不要なら非表示に)
- 墨テクスチャ
- 墨ディテール
- スモーク
- 背景(任意)
- 墨に立体感を出したいときは、
墨テクスチャレイヤーに レイヤースタイル > ドロップシャドウ(不透明度 20%、Y方向の距離 10 px、広がり 5 px)や 内側の影 を追加します。 - 全体は レベル補正(Ctrl+L) や トーンカーブ(Ctrl+M) で調整し、黒をより濃く、グレーをより柔らかくします。
- 古紙のテクスチャを下地に入れたい場合は、そのレイヤーを最下部に置き、描画モードを オーバーレイ か ソフトライト にして、不透明度を 30%~50% に下げます。
この作業全体のカギは レイヤーの分離 です。ベースのシェイプ、テクスチャ、ディテール、装飾をそれぞれ独立させておけば、あとから個別に調整したり差し替えたりできます。
書き出しと二次利用
- 完成したら ファイル > PNG(32ビット)として書き出し(透明を保持)か、ファイル > JPGとして書き出し(Web用)を選びます。
- あとで動画やアニメーションに使う場合は、PSD(
.psd)や Photoshopプロジェクトファイル(.pz) として書き出しておけば、いつでも再編集できます。 - 2種類のファイルを保存しておくのがおすすめです。
- マスクとレイヤーを残した 編集用(
.psd/.pz)。あとから手を加えられます。 - 統合済みの 使用用(PNG/JPG)。SNS、カバー、ポスターなどにそのまま使えます。
- マスクとレイヤーを残した 編集用(
これで、墨の質感とスモークをまとった古風な文字の完成です。ポスター、動画の字幕、カバー、SNS投稿など、さまざまな場面で使えます。
よくある質問 & コツ
- Q1:ブラシで墨が出ず、白か透明になるだけです。
- マスク か レイヤー本体 のどちらに描いているかを確認してください。マスク上で白を塗ると文字の範囲が「復活」します。「壊したい」ときは 黒いブラシ か、不透明度を下げた白いブラシを使ってください。
- Q2:スモークをより自然に見せるには?
-
- 柔らかい円形ブラシ(硬さ 0%)で、低い不透明度のまま何度も重ねます。
- レイヤーマスク と グラデーションツール を組み合わせて、スモークの縁を薄くします。
- スモークのレイヤーに ガウスぼかし(2~5 px)を軽くかけると柔らかさが増します。
- Q3:文字が少し「硬い」ので柔らかくしたい。
- 文字シェイプレイヤー に フィルター → ガウスぼかし(1~2 px)をかけたり、液化(編集 → 変形 → 液化) で線を軽く押し動かしたりすると、自然な表情になります。
- Q4:自分のPhotoshopに「ブラシプリセット」や「ブラシライブラリ」がありません。
- 左のツールバーでブラシのアイコンをクリックすると、右上に 「ブラシを読み込み」(Load Brushes)ボタンが表示されます。ここから
.abr、.json、.pngなどのブラシファイルを読み込めます。 - Q5:墨を純黒ではなく、暗い赤や青墨にしたい。
- レイヤースタイル → カラーオーバーレイ で色を暗い赤(
#8B2A2B)や青墨(#2C3E50)に変え、描画モードを 乗算 か カラー にすると、墨の色を変えられます。
参考資料
- オンラインPS
- Adobe 公式ドキュメント
- Photoshop チュートリアルサイト