和風ポスター・冊子の表紙・年賀状・チラシの見出しなど、縦書きデザインが求められる場面はIllustratorを使う上で頻繁に発生します。しかし「縦書きにしたら文字の向きがおかしくなった」「数字やアルファベットが横に倒れてしまう」という問題につまずく方が少なくありません。
この記事では、Illustratorで横書き文字を縦書きに変換する基本手順から、縦中横・文字間隔・段落設定の応用まで、実務で使えるレベルで解説します。
縦書き文字の基本概念
横書きとの違いと特徴
Illustratorの文字には横書きテキストと縦書きテキストの2種類があります。横書きは文字が左から右へ並ぶのに対し、縦書きは文字が上から下へ、行が右から左へ進みます。
| 比較項目 | 横書き | 縦書き |
|---|---|---|
| 文字の進行方向 | 左→右 | 上→下 |
| 行の進行方向 | 上→下 | 右→左 |
| 数字・アルファベット | そのまま表示 | 90度回転して表示（要設定） |
| 句読点の位置 | 文字の右下 | 文字の右下（縦書き用に調整される） |
📌 この記事の手順はAdobe Illustrator 2023以降を対象としています。
縦書き文字が使われる場面（ポスター・和文デザイン・冊子）
- ポスター・フライヤー： 和風・伝統的なテーマのデザインのタイトル・見出し
- 冊子・書籍： 小説・俳句集・プログラム冊子の本文・ページタイトル
- 年賀状・挨拶状： 挨拶文・添え書き・宛名書き
- 看板・サイン： 縦長スペースへの文字配置・店舗の暖簾や幟
- パッケージデザイン： 日本酒・食品パッケージの商品名・説明文
フォントや文字サイズ選びのポイント
縦書きに使うフォントの選び方は横書きと異なる考慮が必要です。
- 和文フォントを使う： 縦書きは和文フォント（明朝体・ゴシック体など）が最も自然に表示される
- 縦書き対応フォントを確認： 一部の欧文フォントや装飾フォントは縦書きで文字が崩れる場合がある
- 文字サイズは大きめに： 縦書きは視認性が横書きより若干下がるため、見出しでは少し大きめに設定する
- 明朝体が和風デザインに向く： 縦書きポスターには明朝体やセリフ系が伝統的な雰囲気を出しやすい
縦書き文字に切り替える準備
文字ツールでテキストレイヤーを作成
Illustratorのツールパネルには横書き・縦書きそれぞれの文字ツールが用意されています。
縦書き文字ツールへのアクセス方法：
- ツールパネルの「T」（文字ツール）を長押ししてサブツール一覧を表示する
- 「縦書き文字ツール」をクリックして選択する
- またはTキーで文字ツールを選択後、Shift+Tで縦書き・横書きを切り替えられる（バージョンによって異なる）
Illustratorの縦書き文字ツールの基本操作はこちらの記事も参考になります。
編集可能な状態にする
縦書き文字ツールを選択した状態でアートボード上をクリックすると、縦書きのテキストカーソルが表示されます。そのまま文字を入力すると縦書きテキストとして作成されます。
- ポイントテキスト： アートボード上をクリックして入力する方法。自動改行はされず、Enterで手動改行する
- エリアテキスト： アートボード上をドラッグしてテキストボックスを作成する方法。指定した範囲内で自動折り返しされる
フォントやサイズの設定
文字を入力する前に、文字パネルまたはオプションバーで以下を設定しておくとスムーズです。
ウィンドウ → 書式 → 文字（Ctrl+T / Mac: Cmd+T）で文字パネルを開く
- フォントファミリー： 縦書きに適した和文フォントを選択（例：A-OTF 明朝・游明朝・ヒラギノ明朝）
- フォントサイズ： 用途に合わせて設定（見出しは24pt以上・本文は10〜12pt）
- 行間（垂直比率）： 縦書きでは「行間」が横方向の間隔に対応する
Illustratorで横書き文字を縦書きに変換する方法
手順1：文字レイヤーを選択
既存の横書きテキストを縦書きに変換する場合は、選択ツール（V）でテキストオブジェクトを選択します。テキストの編集状態（文字ツールでカーソルが表示された状態）ではなく、オブジェクトとして選択された状態にすることが重要です。
// 選択の確認
選択ツール（V）でクリック → テキストオブジェクトがバウンディングボックスで囲まれた状態 ← 正しい状態
文字ツール（T）でクリック → カーソルが点滅している状態 ← この状態ではメニューが異なる手順2：オプションバーで縦書きアイコンをクリック
テキストオブジェクトを選択した状態で、以下の2つの方法で縦書きに変換できます。
方法1：メニューから変換（推奨）
メニューバー → 書式 → テキストの方向 → 縦組み
方法2：文字ツールのオプションバーから変換
- 文字ツール（T）を選択した状態でテキストオブジェクトをクリックして編集モードに入る
- すべての文字を選択（Ctrl+A）する
- 上部オプションバーに表示される「縦書き」アイコンをクリックする
確認方法： 縦書きに変換後、テキストオブジェクトの方向が90度変わって文字が縦に並んでいることを確認してください。この時点で位置がズレている場合は選択ツールで移動して調整します。
手順3：文字間や行間の調整
縦書きに変換すると文字間隔や行間がデフォルト設定のままになります。デザインに合わせて調整が必要です。
文字パネル（Ctrl+T） → 以下の項目を調整する
| パネル項目 | 縦書きでの役割 | 推奨調整値 |
|---|---|---|
| 行間（リーディング） | 列間（左右の行の間隔） | フォントサイズの1.5〜2倍 |
| カーニング | 上下の文字間の調整 | 個別に手動調整 |
| トラッキング | 全文字間の一括調整 | +50〜+100で余裕を持たせる |
| 垂直比率 | 文字の縦方向の拡大縮小 | 100%が基本（変更は最小限に） |
手順4：段落パネルで段落方向や位置を微調整
ウィンドウ → 書式 → 段落（Alt+Ctrl+T / Mac: Option+Cmd+T）で段落パネルを開く
縦書きの段落パネルでは以下を設定できます。
- 揃え： 上揃え・中央揃え・下揃え・均等配置（縦方向の文字の揃え方）
- インデント： 縦書きでは上からのインデントに相当
- 段落前後のアキ： 段落間のスペースを設定
縦書き文字の応用設定
文字の回転や角度調整
縦書きテキスト内の特定の文字だけ回転させたい場合は、対象の文字を選択した状態で文字パネルの「文字回転」を使います。
文字パネル → 右上のパネルメニュー → 「文字回転」フィールドに角度を入力
たとえば縦書きテキスト内で特定の漢字を90度回転させると、意図的な演出として使えます。ただし通常の縦書きでは文字の自動回転は不要なため、使いすぎに注意しましょう。
縦中横の設定で数字やアルファベットを整列
縦中横（たてちゅうよこ）は、縦書きテキスト内の数字・アルファベット・記号を横向きに表示する機能です。「2024年」の「2024」や「SNS」などを縦書き内で自然に見せるために使います。縦中横の設定方法と縦書き応用テクニックはこちらの記事も参考になります。
縦中横の設定手順：
- 縦中横にしたい文字（数字・アルファベットなど）を文字ツールで選択する
- 文字パネルの右上のパネルメニュー（三本線アイコン）をクリックする
- 「縦中横」を選択する
- 選択した文字が縦書きテキスト内で横向き（通常の向き）に表示される
Tips： 2桁の数字（11・25など）には縦中横が有効ですが、4桁以上の数字（2024など）はサイズが大きくなりすぎる場合があります。そのような場合は数字を縦1文字ずつ分けて入力するか、数字のフォントサイズを小さくして調整しましょう。
複数行・段落の整列方法
複数の段落を持つ縦書きエリアテキストの整列設定です。
- 列数の制御： エリアテキストの場合、テキストボックスの幅が列数（段数）を決定する
- 段組み設定： 書式 → エリア内文字オプション → 列数・段間・サイズを設定
- 複数テキストの整列： 複数の縦書きテキストオブジェクトをまとめて選択し、整列パネルで配置を揃える
和文フォント特性に合わせた調整
日本語フォントには文字セットによって縦書き用の字形（縦組み用グリフ）が含まれているものがあります。
文字パネルの右上メニュー → 「字形の代替」 → 縦組み用字形を適用
OpenTypeフォント（OTFファイル）は縦書き専用字形を持つものが多く、句読点（。、）や括弧（「」）が縦書きに最適な位置に自動配置されます。Illustratorの縦書きフォント設定と和文デザインの応用例はこちらの記事でも詳しく解説されています。
縦書き文字の注意点
対応していないフォントがある場合
欧文フォント・一部の装飾フォントは縦書きに対応していない場合があります。縦書きに変換すると文字が横に倒れたまま表示されたり、グリフが崩れたりすることがあります。縦書きデザインには必ず和文対応フォントを使ってください。
縦書きに適した代表的なフォントの例です。
- 游明朝・游ゴシック（Windows標準搭載）
- ヒラギノ明朝・ヒラギノ角ゴ（Mac標準搭載）
- A-OTF 新ゴ・A-OTF リュウミン（モリサワ・Adobe Fonts）
- 源ノ明朝・源ノ角ゴシック（Google Fonts・Adobe Fonts）
文字間隔や行間の自動崩れに注意
横書きから縦書きに変換した際に文字間隔や行間が意図しない値に変わることがあります。変換後は必ず文字パネルと段落パネルで以下を確認してください。
- トラッキング値が変換前の値と変わっていないか
- 行間（リーディング）が縦方向の列間として適切な値になっているか
- 特定の文字のカーニングがずれていないか
段落設定や段組みの影響
エリアテキストを縦書きに変換した場合、段組み設定が影響して文字が予期しない位置に流れることがあります。
書式 → エリア内文字オプション → 列数・列の幅・列間を確認して調整する
縦書きエリアテキストでは列は右から左に流れます。1段組みで縦書きにする場合は列数を「1」に設定してください。
横書きとの切り替え時の位置ズレを防ぐ
横書きから縦書きに変換すると、テキストオブジェクトのアンカーポイントの位置が変わって位置がズレることがあります。縦書き変換時の位置ズレ対策についてはこちらの記事も参考になります。
位置ズレを防ぐためのポイントです。
- 変換前にテキストの座標値をメモしておく
- 変換後に座標パネルで同じ位置に戻す
- 重要なデザイン要素の周囲にガイドを引いておく
- 変換は複製レイヤー上で試してから本番に適用する
まとめ
文字ツールで簡単に横書き・縦書きを切り替え可能
Illustratorでの縦書き設定は、大きく2つのアプローチがあります。最初から縦書き文字ツールで入力する方法と、横書きテキストを書式 → テキストの方向 → 縦組みで変換する方法です。どちらもショートカットを活用することでスムーズに操作できます。
文字間・行間・段落設定で自然な縦書きを作成
- 縦書きに変換後は必ず文字パネルでトラッキング・行間を確認して調整する
- 数字・アルファベットは縦中横設定で自然に表示する
- 和文フォント（明朝・ゴシック）を使うことで縦書きが最も自然に見える
- エリアテキストの場合は段組み設定（エリア内文字オプション）を確認する
- 変換時の位置ズレはガイドと座標パネルで管理する
ポスターや冊子、和文デザインなど幅広く活用できる
縦書きはIllustratorの和文デザイン・日本語レイアウトにおける重要な表現手段です。ポスター・冊子・年賀状・パッケージなど様々な用途で活用できます。縦中横・字形の代替・段落設定などの細かい調整を組み合わせることで、読みやすく美しい縦書きデザインが完成します。
