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

3ステップ

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

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

描画モード vs 形状モード

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

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

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

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

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

形状見た目こんなときに
大きなスパイラル中心から外へ何重もの渦が広がり、端からはみ出す催眠的な「人物の周りに文字が渦巻く」リールカバー
大きなウェーブゆるやかな横方向のウェーブが上から下へ積み重なる画面いっぱいに流れるキャプション、歌詞、ヴァイブ・ウォール
サーペンタインまっすぐな行が段落のように下へ蛇行する被写体の後ろの密な「文字の壁」
同心円別々に大きくなる円、的/波紋スタイル中央の被写体を囲む放射状のフレーム

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

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

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

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

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

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

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

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

  • フォント — ディスプレイ書体の共有ライブラリ(Zebraの各テキストツールで共通のセット)。スウォッチをタップして切り替えます。
  • カラー — グローバルなパレットに加え、カスタムカラーピッカー。
  • サイズ字間 — ドラッグして文字を拡大・縮小し、すき間を詰めたり広げたりします。字間はマイナス方向に深く効くので、幅広のディスプレイフォントでもぎゅっと詰められます。
  • アウトライン — コントラストのある縁取りを足して、ごちゃついた背景の上でも文字が読めるようにします。

これらを少しいじると、最後に追加したテキストがリアルタイムでスタイル変更されます——塗りつぶし形状なら全行が一度に変わります。

活用シーン

  • リール/ストーリーのカバー — 自分の後ろに文字が渦巻くのは、いま「新しい投稿」の定番の雰囲気です。
  • 歌詞投稿 — ウェーブやサーペンタインの塗りつぶしで、ポートレートが歌詞の壁に変わります。
  • イベントのグラフィック — 群衆の写真にタイトルをアーチで、被写体の後ろに描きます。
  • 商品写真 — スローガンを商品の周りにリングで巻き付けます。

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

Zebra 文字描画CanvaPhotopea
フリーハンドの文字パスを描く不可(ワーププリセットのみ)手動、ペンツールで
被写体の後ろにテキスト(自動切り抜き)トグル1つProの背景除去手動マスキング
画面全体のスパイラル/ウェーブのプリセット不可不可
テキストだけを消す不可レイヤーマスク
書き出しに登録が必要不要アカウント必要不要(重いUI)
ウォーターマークなし無料プランの制限ありなし

よくある質問

写真の線に沿って文字を描くにはどうすればいいですか?
文字描画ツールを開き、写真をアップロードしてテキストを入力したら、描画モードで画像の上をドラッグします。ツールがなぞった線を計測し、各文字をその線に沿ってカーブに合わせて回転させて配置します。指を離すとストロークが確定します。もう一度描けば別のストロークを追加できます。
文字描画ツールは無料ですか?
はい。ブラウザ内で動作し、登録もウォーターマークもありません。「被写体の後ろ」エフェクト用の背景除去には小さな無料の1日あたりの上限がありますが、それ以外(描画、形状、フォント、消しゴム、書き出し)は無料プランで無制限です。
人物の後ろにテキストを回すにはどうすればいいですか?
被写体の後ろにテキストをオンにします。ツールが背景を除去して人物の切り抜きを作り、写真と切り抜きの間にテキストを重ねるので、文字が人物の後ろを通ります。画面全体の塗りつぶし形状(スパイラル、ウェーブ、同心円)を追加すると、これが自動でオンになります。
スパイラル文字のエフェクトはどう作りますか?
形状モードで「写真を埋める」の列を開き、大きなスパイラルをタップします。画面全体に何重もの渦が巻き付き、「被写体の後ろ」が自動で有効になって、人物の周りに文字が渦巻く表現になります。「New Post」のような短いフレーズを入力すると、渦に沿ってきれいに繰り返されます。
テキストの一部だけ消せますか?
はい。消しゴムタブに切り替え、ブラシサイズを設定して、消したい文字の上をこすります。消えるのはテキストだけ——写真や切り抜いた被写体は触れません。Undoで元に戻せます。
スマホでも動きますか?
はい、最新のモバイルブラウザならどれでも。指で描き、形状をドラッグし、ブラシを使えます——操作はタッチに合わせたサイズです。フルエディタ(レイヤー、カーブ、フィルター)で頻繁に編集するなら、Zebra iOSアプリはオフラインモードを備えています。
書き出しの形式と品質は?
フル解像度です。JPGは高品質なJPGで返り、透過対応の出力はPNGで利用できます。ダウンスケールなし、ウォーターマークなし。