見出し画像

✨ 文字を縁取りするテクニック3種

──Procreateでタイトル文字をもっと魅せる!

🪄 導入文

タイトル文字を描いたとき、
「なんだか目立たない」「背景と同化してしまう…」と感じたことはありませんか?

そんなときに便利なのが“縁取り(アウトライン)”のテクニックです!

Procreateでは、ブラシだけでなくレイヤーや選択範囲を使って、
さまざまなタイプの縁取り表現が可能です。

今回は、基本〜応用の3パターンで、
文字を際立たせる“縁取りの描き方”を紹介します!

🎯 困りごと(Before)

文字が背景になじんで読みにくい

色を変えても存在感が出ない

手描きの線がムラになってしまう

👉 解決のカギは「縁取りレイヤー」を上手に使い分けること!

図1 :Before/After 比較

⚙️ テク①:ブラシで描く手描きアウトライン

1️⃣ ベースの文字を描く
2️⃣ 新しいレイヤーを下に追加
3️⃣ 太めのブラシで文字の外側をなぞる

図2 :手描きアウトライン例

💡POINT
やわらかい線で“手描き風”の優しい印象に!

上:文字のみ/下:ブラシで縁取り済み

⚙️ テク②:選択範囲+塗りつぶしで均一な縁

1️⃣ 文字レイヤーを複製(下レイヤー)
2️⃣ 「調整」→「ぼかし(ガウス)」(しきい値:10%程度)
3️⃣ 「選択(自動)」→しきい値を15%程度にして、「反転」
4️⃣ 別レーヤーを作り、縁取りを希望の色で塗りつぶす(カラードロップ)

図3 :文字に沿って整った線で囲われる

💡POINT:
フォントに沿って均一な縁取りができる!

⚙️ テク③:複製+ぼかしで立体感を出す

1️⃣ 文字レイヤーを複製
2️⃣ 下のレイヤーを少し拡大
3️⃣ 「ぼかし(ガウス)」でふんわり縁を作る

図4 :ぼかしで立体感を出す

💡POINT:
ぼかした縁を使えば、光やグロー感のある文字に!

🎨 Before/After 図解
Before(縁なし)
・背景に埋もれる
・平面的
・カラーが沈む

After(縁あり)
・際立って見やすい
・奥行きと存在感
・明るく印象的

図5 :縁なし、縁あり比較

💡 コツ(Tips)

🎯 太さを変えると印象が変わる
 → 太縁=ポップ、細縁=繊細

🌈 背景色とコントラストを意識
 → 明暗差が縁取りを引き立てる

🪄 ぼかしレイヤーの透明度を調整
 → 光感をコントロールできる

✨ 応用テク(Plus One)

🌟 二重縁取り
→ 一層目を白、二層目を淡い色にして立体感UP!

🌸 影+縁取りの合わせ技
→ 背景から文字が浮き上がるような効果に!

1️⃣ 文字レイヤーを複製(白)→「調整」→「ぼかし(ガウス)」→「選択(自動)」→「反転」→白で塗りつぶす
2️⃣ ぼかした白レイヤー→「調整」→「ぼかし(ガウス)」「選択(自動)」→「反転」→ピンクで塗りつぶす
3️⃣ 文字レイヤーを複製(影)→右下にずらす→「ぼかし(ガウス)」
4️⃣ レイヤーの順(ベース文字、白外縁、ピンク外縁、影)

図6 :二重縁取りと影付き例

🧩 よくある失敗例(Don’t)

❌ 縁の太さが不均一 → バランスが崩れる
✅ 均一な幅 or 明確な“手描き感”を意識

❌ 文字と縁の色が近すぎる → 読みにくい
✅ コントラストのある配色にする

❌ 縁をぼかしすぎ → 文字がにじむ
✅ 適度なぼかしで光感キープ

🧠 まとめ

ブラシ/選択/ぼかしの3テクで自在に縁取り!

図7 :縁取りテクニック3種

縁の太さ・色・透明度を調整して印象を変える

二重縁取りや影でさらに立体感をプラス!

✨ ほんのひと工夫で、文字が“デザインの主役”に変わります!

🔗 関連するProcreate小ワザ

✏️ 文字をグラデーションにする方法

💡 レイヤー効果で光る文字を作る

🎨 書道風ブラシで和風タイトルを描く

いいなと思ったら応援しよう!