G-6GNCDT1HSV 【2026年版】パスのオプションで文字を円に沿わせる方法|逆さ・はみ出しの直し方
After Effects
PR

After Effectsで文字を円に沿って回す方法【2026年版】パスのオプションで文字が逆さ・はみ出す時の直し方

kitagawatetsuro
記事内に商品プロモーションを含む場合があります
一列にならんだ文字が、丸い輪に沿ってぐるりと並び替わる様子を表したアイキャッチ画像
※この記事はアフィリエイトリンク(広告)を含みます。

パスのオプションで文字を円に沿わせたのに、逆さまになったり、はみ出したりしていませんか。まず知っておきたいのは、円は「マスク」で描き、文字の側で選ぶ、という分担です。2026年10月30日に、Adobe公式ヘルプと画面の日本語表記で確かめました。手順、項目の意味、直し方、文字を回す方法の順に説明します。

⭕ 円のマスクの描き方
🎛️ 5つの項目の意味
🌀 文字を回すキーフレーム

✅ 結論:パスのオプションの「パス」にマスクを選ぶと、文字が円に沿う

Adobe公式ヘルプ(2026年10月30日に確認)によると、文字のレイヤーにマスクを描き、「パス」のメニューからそれを選ぶと、文字はマスクの線に沿います。細かい調整は、同じグループの5つの項目で行います。

⭕ 円を描く
文字を選んだまま
🔗 「パス」で選ぶ
マスクを指定
🎛️ 5つの項目
向きと位置
🌀 最初のマージン
キーフレームで回す

⭕ 先に文字と円のマスクを用意する

円を描いたつもりが、別のレイヤーになってしまうことがあります。描く時に、文字のレイヤーを選んでいなかったのが原因です。

  • まず、メニューの「レイヤー」→「新規」→「テキスト」を選ぶ。コンポジションパネルの中央に、入力の位置が出ます
  • 次に、円にしたい文字を入力する。終えるには、テンキーの Enter を押す
  • タイムラインパネルで、そのテキストレイヤーをクリックして選んだままにする
  • ツールパネルで「楕円形ツール」を選ぶ
  • 最後に、コンポジションパネルで Shift を押しながら対角線上にドラッグする。マウスを放してから Shift を放す

選んだレイヤーの上にドラッグすると、そのレイヤーにマスクができます(Adobe公式ヘルプ)。なお、Macで入力を終える時は、Command+Return も使えます。

  • Shift + ドラッグ円を描く
  • Ctrl + ドラッグ中心から広げる(Macは Command)
  • Qシェイプツールを順に切り替える
  • Gペンツール
文字のレイヤーを選んだまま、画面の上で円のマスクを描く様子を、真上から見た図

⚠️ 文字のレイヤーを選ばずにドラッグすると、新しいシェイプレイヤーができます。その時は、取り消して、文字のレイヤーを選び直してから描きます。

🧭 この記事の要約と目次

📋 この記事の要約

パスのオプションで文字を円に沿わせるには、文字のレイヤーを選んだまま、楕円形ツールで Shift を押しながら円のマスクを描きます。次に、「パス」でそのマスクを選びます(Adobe公式ヘルプ、2026年10月30日に確認)。閉じたマスクは、マスクモードを「なし」にします。向きは「反転パス」、傾きは「パスと直角」、両端は「均等整列」、位置は「最初のマージン」「最後のマージン」で整えます。「最初のマージン」にキーフレームを打つと、文字が動きます。

🔗 パスのオプションで文字を円に沿わせる手順

円のマスクができたら、文字の側でそのマスクを指定します。ここで「パス」を選ばないと、円は見えるだけで、文字は動きません。

  • まず、タイムラインパネルでテキストレイヤーを展開し、「パスのオプション」を展開する
  • 次に、「パス」のメニューを開いて、描いたマスクを選ぶ。すると、文字がマスクの線に沿って並ぶ
  • 文字の並びは、段落パネルの指定どおりになる(Adobe公式ヘルプ)。左揃えや中央揃えは、段落パネルで切り替える
  • 最後に、円のような閉じたマスクは、レイヤーの「マスク」の中で、マスクモードを「なし」にする
文字のカードから矢印がのび、メニューを経由して、丸い輪に文字がならぶ流れの図

こっこちゃん「円は描けたのに、文字がぜんぜん動きません…」

白い鴉「円は、ただの線なんだ。文字の側で『パス』を開いて、その線を選んで、はじめてつながるんだよ」

編集したい時と、開いた線の場合

文字を直したい時は、「パスのオプション」の表示(目玉)スイッチを切ると、このグループを一時的に無効にできます。公式ヘルプには、テキストの編集や書式設定がしやすくなる、と書かれています。

また、円ではなく、波のような線に沿わせることもできます。同じ手順で、ペンツールを使います。公式ヘルプは、開いたマスクも閉じたマスクも使える、と説明しています。なお、マスクそのものの描き方はAfter Effectsのマスクの使い方にあります。

🎛️ パスのオプションの項目:5つの意味

「パス」を選ぶと、同じグループの項目が効くようになります。まず、公式ヘルプの説明を表にしました。

項目名 公式の説明
反転パス パスの方向を逆にします
パスと直角 各文字をパスに対して直角に回転させます
均等整列 両端に最初と最後の文字を置き、間を均等に並べます
最初のマージン 先頭の文字の位置を、始点からピクセルで指定します
最後のマージン 末尾の文字の位置を、終点からピクセルで指定します
5つの大きなスイッチのカードが横にならび、スイッチを入れると文字の向きが変わる図

⚠️ 名前の表記について。公式ヘルプの表では、1つ目が「パスを反転」です。この記事は、画面の日本語表記に合わせて「反転パス」と書きます。働きは同じです。

均等整列とマージンの関係

「均等整列」は、始点に最初の文字、終点に最後の文字を置き、残りを間に並べます。始点と終点は、マージンで指定した位置になることもあります。

ただし、公式ヘルプには、効かない組み合わせも書かれています。

🚫 右揃え+均等整列オフ「最初のマージン」の値は適用されない
🚫 左揃え+均等整列オフ「最後のマージン」の値は適用されない

🩹 文字が逆さ・内側・はみ出す時の直し方

ここからは公式の手順ではなく、この記事での整理です。各項目の働きから、症状ごとに見る項目を並べました。

  • 🙃逆さに見える・反対側に出る:「反転パス」のオンとオフを見比べます。向きを変える項目なので、試す価値があります
  • 📐1文字ずつの傾きが違う:「パスと直角」のオンとオフを見比べます。オンなら、各文字がパスに直角に回転します
  • 📏先頭の文字の位置がずれる:「最初のマージン」を確かめます。ただし、右揃えでは効かない場合があります
  • ↔️両端にそろえたい:「均等整列」をオンにします。間の文字は均等に並びます
  • ⭕円に対して文字が長い・大きい:円を大きく描き直す、文字を減らす、サイズを下げる方法があります。これも、この記事での整理です
広い野原に、文字のタイルでできた巨大な輪があり、その前でスイッチを調整している遠景の図

それでも直らない時

✅ 直らない時のチェックリスト

  • パスの指定:「パス」で、描いたマスクを選びましたか
  • マスクモード:閉じたマスクは「なし」にしましたか
  • 目玉スイッチ:表示スイッチを切ったままにしていませんか
  • 揃え方:右揃えか左揃えで「均等整列」がオフなら、マージンの片方は効きません
  • 描いたレイヤー:円は文字のレイヤーの中のマスクですか

なお、マスクの形を直したい時は、マスクの頂点を動かします。公式ヘルプも、作成したパスはいつでも変更できると説明しています。

🎬 これから始めるなら、まず公式のプランでAfter Effectsを使い始める前に、料金や体験の条件は、公式のプランのページで確かめてください。料金やキャンペーンは変わることがあります。
・Adobe公式:After Effectsのプランを見る
・Adobe公式:Creative Cloudのプランを見る

🌀 最初のマージンにキーフレームを打って文字を回す

文字が止まったままでは、物足りないことがあります。公式ヘルプは、このグループの項目をアニメートすると、パスに沿ってテキストが移動する動きを作れる、と説明しています。ここでは「最初のマージン」を使います。

  • まず、タイムラインパネルで、現在の時間インジケーターを0秒に合わせる
  • 次に、「最初のマージン」の名前の横にあるストップウォッチを選ぶ。現在の時間にキーフレームができる(Adobe公式ヘルプ)
  • 動きの終わりにしたい時間へ、現在の時間インジケーターを動かす
  • 「最初のマージン」の数字を変える。ストップウォッチがアクティブなので、2つ目のキーフレームが自動で追加される
  • 最後に、0秒に戻して再生し、文字が線に沿って動くか確かめる
丸い輪に並んだ文字のタイルを、下から見上げる角度で、大きなハンドルが回している図

動かす量の目安と、イージング

「最初のマージン」は、始点からのピクセル数です。そのため、動かす量は円の長さから考えます。たとえば、直径400ピクセルの円なら、円周は400×3.14159で約1257ピクセルです。これは公式の数字ではなく、この記事の計算です。

数字を入れたら、プレビューで見て調整します。また、動きを自然にしたい時は、イージングが役に立ちます。考え方はAfter Effects イージング入門にあります。文字そのものを動かす別の方法はAfter Effectsのテキストアニメーション入門です。

ストップウォッチをもう一度選んで解除すると、そのプロパティのキーフレームがすべて消えます(Adobe公式ヘルプ)。そのため、作り直す時以外は、押さないでください。

❓ よくある質問

Q. 閉じた円のマスクを使うと、文字の表示がおかしくなります。どうすればよいですか?

A閉じたマスクをテキストのパスに使う時は、マスクモードを「なし」にする、と公式ヘルプに書かれています。まず、レイヤーの「マスク」を開いて、モードが「なし」になっているかを見てください。

Q. 文字を直したり、書式を変えたりしにくいです。

Aパスのオプションの表示(目玉)スイッチを切ると、一時的に無効にできます。公式ヘルプには、編集や書式設定が容易になる、と書かれています。直したら、スイッチを入れ直します。

Q. 円ではなく、波のような線に沿わせられますか?

Aはい。公式ヘルプは、ペンツールで描いたマスクも、開いたマスクも、テキストのパスにできると説明しています。「パス」のメニューから、その線を選びます。

📋 まとめ

  • 文字のレイヤーを選んだまま、楕円形ツールで Shift を押しながら円のマスクを描く
  • 「パス」でそのマスクを選ぶと、文字が円に沿う。閉じたマスクはマスクモードを「なし」にする
  • 項目は「反転パス」「パスと直角」「均等整列」「最初のマージン」「最後のマージン」の5つ
  • 右揃えか左揃えで「均等整列」がオフなら、マージンの片方は効かない
  • 「最初のマージン」にキーフレームを打つと、文字が動く

次に読む記事

図形を並べて回すAfter Effectsのリピーターの使い方、数字を動かすAfter Effectsで数字をカウントアップする方法、線が描かれていく動きはトリムパスで線を動かす方法もあわせてご覧ください。

※公式ヘルプの表記は更新されることがあります。使ったのは、After Effects でのテキストのアニメートと、After Effects でのシェイプとマスクの作成とカスタマイズです(2026年10月30日に確認)。

ABOUT ME
記事URLをコピーしました