写真に文字を描く方法 — カーブ・スパイラル文字、無料 | Zebra

「人物の周りに文字が巻き付く」あの表現——頭の後ろにスパイラルで渦巻くフレーズや、ストーリーの上部にアーチを描くNew Post——は、かつてはデスクトップエディタを開いてテキストレイヤーを手作業でワープさせる作業でした。無料のオンライン文字描画ツールなら、それをブラウザの中で実現します。文字どおりパスを描くと、文字がその線に乗って流れていくのです。フォントを足し、被写体の後ろに回し、重なりを消して、ダウンロード。アカウント不要です。

Before

After

3ステップ

1. 文字描画ツールを開いて写真をドロップします。
2. テキストを入力し、フォントとカラーを選びます。そして写真の上に線を描く——または用意された形状をタップします。
3. 「ダウンロード」を押せば、フル解像度のJPGまたはPNGが手に入ります。

これが全工程です。以下はすべて、結果を「貼り付けただけ」ではなく「意図的」に見せるためのテクニックです。

描画モード vs 形状モード

文字を配置する方法は2つあり、それぞれ異なる課題を解決します。

描画モードはフリーハンドです。カーソル（または指）で写真の上をドラッグすると、あなたがなぞった線にそって文字が1グリフずつ配置され、各文字がカーブに合わせて回転します。頭の上のカスタムなアーチ、サインのような走り書き、被写体の輪郭に沿わせる用途に最適です。

形状モードは、用意されたパスを置いて位置を微調整できます。ハート、アーチ上、アーチ下、ウェーブ、円、星、ダイヤ、無限大、矢印、三角——定番のキャプション形状です。タップすると中央に置かれ、好きな場所へドラッグできます。

写真を埋める形状 — スパイラル／ウェーブ表現

通常の形状の下には、別枠で「写真を埋める」の列があり、画面全体を被写体の周りに巻き付けるために作られた4つの大きな形状が並びます：

これらのいずれかを追加すると、ツールが自動的に「被写体の後ろにテキスト」をオンにします（詳しくは次のセクションで）——画面全体の巻き付けは、人物が文字の上に乗ってはじめて成立するからです。この種の塗りつぶし形状は写真上に一度に1つだけ存在するので、別のものをタップすると入れ替わります。

4つの形状は、それぞれ狙う雰囲気がはっきり違います。

大きなスパイラルは、中心から外へ何重もの渦を広げ、フレームの端を突き抜けていきます。これがいちばん「バズる」形で、頭の後ろに短いフレーズ——「NEW POST」「SOLD OUT」「THE END」——を渦巻かせると、催眠的なリールカバーになります。渦は密なので、長い文章より2〜4語の短句が向いています。中央に被写体、そのまわりを言葉がぐるぐる回る、あの構図がタップ数回で完成します。

大きなウェーブは、ゆるやかな横方向のうねりが上から下へ積み重なります。歌詞やポエムのように、読ませる文字を画面いっぱいに流したいときの定番です。スパイラルほど主張が強くないので、被写体の顔の可読性を保ったまま、背景を言葉で埋め尽くせます。長めのフレーズや1〜2行のリリックを入れると、波の間隔に沿って気持ちよく折り返します。

サーペンタインは、まっすぐな行が段落のように下へ蛇行します。4つのなかで最も「文字の壁」に近く、密度が高い。マニフェスト調の長文、羅列（好きなものを延々並べる、名前を連ねる）、あるいは同じ単語のリピートで背景を埋めたいときに効きます。行が規則的なので、スパイラルより読みやすさが残ります。

同心円は、的や水面の波紋のように、別々に大きくなる円が重なります。中央の被写体を放射状に囲むフレームになるので、ポートレートやロゴを真ん中に置く構図と相性がいい。円それぞれに沿って言葉が回るため、短いキーワードを繰り返すと、リズミカルなターゲット・マーク風に仕上がります。

テキストを被写体の後ろに回す

エフェクトを「成立させる」決め手となる唯一の設定が、被写体の後ろにテキストです。これをオンにすると、ツールが写真の背景を除去して人物（または物体）のきれいな切り抜きを作り、3つのレイヤーで合成します：元の写真 → あなたのテキスト → 切り抜いた被写体を一番上に。その結果、文字が人物の後ろを通り抜け、トレンドのリールカバーそっくりになります。

切り抜きは一度だけ取得されて再利用されるので、初回以降はオン・オフの切り替えが一瞬です。塗りつぶし形状は自動でこのモードを有効にしてくれます。フリーハンドの文字では、奥行きが欲しいときにいつでも手動でオンにできます。

消しゴム — 重なりを整える

手で文字を描くと、文字がときどき意図しない場所に着地します——顔の上、端の外、二重に。消しゴムツールはテキストだけを消し、写真や被写体には決して触れません。消しゴムタブを選び、スライダーでブラシサイズを設定し（半透明の緑の円が、スライダーを動かす間も写真の上を動かす間も、正確なブラシサイズを示します）、消したい文字の上をこすります。

消しゴムが「テキストだけ」に効くのが効くのは、細部を仕上げる段階です。たとえばスパイラルで文字を渦巻かせたとき、口や目に1文字だけかぶってしまうことがあります。写真ごと消してしまうツールだと、そこで台無しですが、Zebraの消しゴムは邪魔なグリフだけをきれいに取り除き、その下の顔はそのまま残します。ブラシを小さくすれば1文字だけ、大きくすれば一気にひと領域——緑の円が実寸を示すので、狙いを外しません。

Undoは1アクションずつ、押した回数だけ巻き戻します。描きすぎ、消しすぎ、形状の選び間違い——どれも1手ずつ戻せるので、恐れずに試して構いません。「まず大胆に描いて、あとから消しゴムとUndoで整える」のが、いちばん速い仕上げ方です。

フォント、カラー、サイズ、字間、アウトライン

サイドパネルでアクティブなテキストの見た目を操作します：

• フォント — Zebraの各テキストツールで共通の33書体の共有ライブラリ。極太のディスプレイ系から、手書き風のスクリプト系、シンプルなサンセリフまで揃っています。スウォッチをタップして切り替えると、いま選んでいるテキストが即座に別の書体になります。渦巻きやアーチには視認性の高い太字系、サインのような走り書きにはスクリプト系、というふうに用途で選び分けられます。
• カラー — グローバルなパレットに加え、カスタムカラーピッカー。写真から色を1つ拾って文字に使うと、貼り付けたようではなく「デザインされた」印象になります。白×黒アウトラインの組み合わせは、どんな背景でも読める最も安全な選択です。
• サイズと字間 — ドラッグして文字を拡大・縮小し、すき間を詰めたり広げたりします。字間はマイナス方向に深く効くので、幅広のディスプレイフォントでもぎゅっと詰められます。逆に大きく広げれば、間延びした「余白のあるタイポ」も作れます。大きな見出しは字間マイナス、ゆったり見せたいサブコピーは字間プラス、と覚えておくと迷いません。
• アウトライン — コントラストのある縁取りを足して、ごちゃついた背景の上でも文字が読めるようにします。明るい写真には黒縁、暗い写真には白縁。縁取りがあるだけで、可読性は劇的に上がります。渦巻きやウェーブのように文字が被写体と重なる表現では、アウトラインが「読める／読めない」の分かれ目になります。

これらを少しいじると、最後に追加したテキストがリアルタイムでスタイル変更されます——塗りつぶし形状なら全行が一度に変わります。だから「まず形を置いて、それから色とフォントで雰囲気を決める」という順番で作業できます。

なぜ「文字がパスに沿う」のか

普通のテキストエディタは、文字を水平な1行に並べます。曲げたいなら、レイヤーを開いて1文字ずつ手で回転・配置するか、専用のワープ機能に頼るしかありませんでした。Zebraの描画モードは、あなたが指でなぞった線そのものを測り、その曲率に合わせて各グリフを順に配置し、1文字ずつ接線方向へ回転させます。だから「線を描く」だけで、その線がそのまま文字の通り道になります。

塗りつぶし形状（スパイラル、ウェーブ、サーペンタイン、同心円）は、この仕組みをあらかじめ定義された長いパスに適用したものです。短いフレーズ（「New Post」など）を入力すると、そのパス全体に沿って自然に繰り返され、画面いっぱいの巻き付け表現になります。手で長い渦を描く必要はありません。

活用シーン

リール／ストーリーのカバー。 自分の後ろに文字が渦巻くのは、いま「新しい投稿」の定番の雰囲気です。大きなスパイラルを置き、被写体の後ろにテキストを自動オンにして、「NEW POST」や自分の名前を短く入れる。それだけで、フォロワーが一目で「新作だ」と認識するカバーになります。ポートレートを中央に、言葉を背後にぐるぐる——手順は形状をタップして文字を打つだけです。

歌詞投稿。 ウェーブやサーペンタインの塗りつぶしで、ポートレートが歌詞の壁に変わります。お気に入りのフレーズを流し込み、被写体の顔の上を避けるように消しゴムで軽く整えれば、Spotifyのシェア画像のような、文字と人物が溶け合ったビジュアルに。曲名や一節を入れるだけで、ファンアートやプレイリスト紹介がぐっと映えます。

イベントのグラフィック。 群衆やステージの写真にタイトルをアーチで、被写体の後ろに描きます。日付や会場名を弧に沿わせると、フライヤーらしい構図が一発。人物の後ろに回すことで、写真の臨場感を殺さずに情報を乗せられます。ライブ、パーティー、展示の告知に。

商品写真。 スローガンやブランド名を、商品の周りにリング（円や同心円）で巻き付けます。商品を中央に置き、キャッチコピーを周囲に回すと、パッケージのラベルのような一体感が出ます。セール告知の「50% OFF」を渦巻きで囲めば、視線が自然と商品に集まります。

サムネイル。 アウトラインを効かせた太いディスプレイ書体で、ごちゃついた背景でも読める見出しを乗せます。YouTubeやブログのサムネは「小さくても読める」ことが命——白文字＋黒アウトライン、字間マイナスでぎゅっと詰めれば、スマホの小さな画面でもタイトルがはっきり届きます。

モバイルでの操作

すべての操作はタッチに最適化されています。指で写真の上をなぞればその線に沿って文字が流れ、形状は指でドラッグして位置を決め、消しゴムのブラシも指でこする——マウスと同じことが、スマホの画面で完結します。緑のブラシ円やリアルタイムのプレビューもタッチ前提のサイズなので、外部アプリを入れずに、その場で仕上げまで持っていけます。

より本格的な編集（レイヤー、カーブ、フィルターを重ねる作業）を頻繁にするなら、Zebra iOSアプリがオフラインモードも備えています。ただ、文字を写真に描くだけなら、ブラウザ版だけで十分です。

Zebra 文字描画 vs Canva vs Photopea — 本当に無料なのはどれ

ひとことで言うと。Canvaはワーププリセットこそあれ、指でなぞった任意のパスに文字を流すことはできず、被写体の後ろに回すにはPro機能が要ります。Photopeaは何でもできますが、パスもマスクも手作業。フリーハンドのパス、被写体の後ろ、画面全体のスパイラルを、登録もウォーターマークもなしでブラウザから使えるのはZebraです。

よくある質問