まっすぐなテキストで十分なときもあれば、そうでないときもあります。スポーツバッジには、上部にアーチ状に配置したチーム名が必要です。ゲームのタイトルは、画面から膨らむように見せたほうが映えます。ステッカーは文字が波打つと一気に目を引き、ヴィンテージ風のロゴは曲線に沿うことがよくあります。これを手作業でやるのは面倒で、定番の答えであるPhotoshopの「テキストワープ」機能を使うには、Photoshopを持っている必要があります。

Text Warperなら、ブラウザ上で無料でそれができます。文字を入力し、コントロールポイントをドラッグしてほぼどんな形にでも曲げ、レイヤーを重ねて本物の奥行きを出し、あとは結果をダウンロードするだけ。コードもデザインソフトも不要です。

テキストを(ほぼ)どんな形にも曲げる

Mode(モード)パネルを開くと、シンプルなPerspective(遠近)の傾きから、自由なエンベロープを使った本格的なDistort(ゆがみ)まで、いくつもの変形方法が用意されています。さらにその上に、ワンクリックで使えるプリセットのライブラリがあります: Arch(アーチ)、Arc Upper と Lower(上下の弧)、Bulge(膨らみ)、Circle(円)、Concave(へこみ)、Diamond(ダイヤ)、Fish(魚)、Flag(旗)、Heart(ハート)、Rise(上昇)、Chevron(山形)、Shell(貝)など。

Text Warperのワープモードとプリセット形状(アーチ、膨らみ、円、旗、ハート、上昇)

チームのユニフォーム風に仕上げたいなら「Arch」、上向きで躍動感を出したいなら「Rise」、文字を輪のように囲みたいなら「Circle」、動きを付けたいなら「Flag」や「Wave」を選びましょう。どのプリセットも出発点にすぎず、そこからさらに調整できます。

思いどおりの位置へドラッグ

すべての変形はエンベロープ、つまりテキストを囲むコントロールポイントの枠によって制御されます。どのポイントでもつかんで引っ張れば、文字がリアルタイムで追従します。整った左右対称の形にしたいならSnap to Grid(グリッドにスナップ)をオンにし、有機的な形にしたいならフリーハンドで操作しましょう。

Text Warperエディターで、ドラッグ&ドロップのエンベロープを使って「GAME OVER」の文字を変形している様子

これは画像を押しつぶしているのではなく、テキストそのものの形を動かしているので、どんなサイズでも文字がくっきりと保たれます。フォントもしっかり制御できます: 豊富なフォントライブラリから選び、曲げる前に行の高さ、文字間隔、揃え方を設定できます。

レイヤーを重ねて本物の3Dの奥行きを

ここで、変形テキストは平面的な見た目から抜け出します。Text Warperはレイヤー方式で動作し、各レイヤーが独自の色、線(ストローク)、オフセットを持ちます。レイヤーを複製し、斜めに数ピクセルずらして色を変えれば、押し出したような本物の3Dブロック文字の効果や、レトロな影、ステッカーでよく見かけるカラフルな重ね縁取りが作れます。

色、線、オフセットを付けたレイヤーを重ねて、変形テキストに3Dの奥行きを作る様子

PNGまたはSVGで書き出す

仕上がりに満足したら、Export(書き出し)パネルを開きます。

変形テキストをPNGまたはSVGベクターとして書き出す様子

PNGは無料でダウンロードでき、任意で背景を透過にしたり、余白を調整したりできます。だから、どんなデザインやサムネイル、製品モックアップにもきれいになじみます。

拡大したり、印刷したり、カットしたりしたいものには、ベクターのSVG(Pro機能)で書き出しましょう。SVGはベクターなので、どんなサイズでも極めてシャープなまま保たれ、編集も可能です。そのため、ロゴ、印刷物やグッズ、CricutやSilhouetteのようなクラフトカッティングマシンに最適です。プロジェクトを保存しておき、あとで読み込み直して編集を続けることもできます。

テンプレートから始める

ゼロから作るのは避けたいですか? Templates(テンプレート)タブは、すぐに使える変形スタイルを検索できるギャラリーです: ステッカー風、グラフィティ、重ねたポップアップ効果、タトゥー風の書体など。ひとつ読み込んで文字を変えれば、数秒で完成します。

すぐに使える変形テキストスタイルが並ぶText Warperのテンプレートギャラリー

これで作れるもの

  • アーチ状のバッジやロゴ: 定番のスポーツチーム風やヴィンテージ風の見た目
  • 膨らんだり遠近感で傾いたりするゲームのタイトル
  • 重ね合わせたカラフルな3Dテキストを使ったステッカーやグッズ
  • 拡大自在なSVGで書き出すTシャツや印刷用のデザイン
  • ベクター書き出しから作るCricutやSilhouetteのカットファイル
  • 目を引くYouTubeのサムネイルやSNS用のグラフィック

変形テキストと湾曲テキストの違い

必要なのが単一の曲線や円に沿ったテキストだけなら、それは変形のひとつの特定のケースであり、オンラインで湾曲テキストを作る方法のガイドで詳しく解説しています。Text Warperはもっと幅広いツールで、円はテキストを曲げられる数多くの形のひとつにすぎません。

よくある質問

Text Warperは無料ですか? はい。テキストの変形とPNGの書き出しは無料で、アカウントも不要です。ベクターのSVG書き出しはPro機能です。

背景を透過にできますか? はい。PNGを書き出す前に背景透過のオプションにチェックを入れれば、変形テキストが白い枠なしでどんな背景にもなじみます。

あとから結果を編集できますか? はい。プロジェクトを保存して読み込み直せば、微調整を続けられます。また、SVGの書き出しは本物のベクターなので、Illustrator、Inkscape、Cricut Design Spaceなどのツールで完全に編集可能なまま保たれます。

湾曲テキストとどう違うのですか? 湾曲テキストは、文字を単一の曲線や円に沿って曲げます。ワープはそのすべてを含むファミリーです: 弧、波、膨らみ、旗、遠近、自由形状のエンベロープなど。円はそのなかのひとつの選択肢にすぎません。

最初のひと言を曲げてみよう

バッジでも、ゲームのタイトルでも、ステッカーでも、印刷用デザインでも、Text Warperなら数回のドラッグで、平面的な文字を思いどおりの形に変えられます。

👉 Text Warperを開く、今すぐ最初のひと言を変形してみましょう。無料です。