MENU
カテゴリー

【Illustrator】文字を縦書きにする方法を紹介!

【Illustrator】文字を縦書きにする方法を紹介!

※当ブログでは商品・サービスのリンク先にプロモーションを含みます。ご了承ください。

Illustratorで縦書きにする方法を知りたい

この記事は上記の課題に向けて作成しています。

デザイン制作をしていると文字を縦書きにすることが頻繁にあります。

Illustratorは簡単に縦書きにすることが出来ます。

この記事ではIllustratorで文字を縦書きにする方法を説明します。

この記事を読むメリット

  • Illustratorで文字を縦書きにする方法がわかる

この記事を書いた人

この記事を書いた僕はこんな人です!

  • 都内制作会社でwebデザイナー・webディレクターとして勤務
  • webデザイナー3年、webディレクター1年目
  • web制作現場で学んだことを発信している人

XDで文字を縦書きにする方法はこちら

TAKATO BLOG
AdobeXDでテキストを縦書きにする方法を紹介! AdobeXDはテキストを縦書きする機能がデフォルトで存在していません。そのため、縦書きにするにはプラグイン「Tategaki for Adobe XD」を導入する必要があります。
目次

Illustratorで縦書きにする方法

早速Illustratorで縦書きにする方法を説明します。

Illustratorでは文字を縦書きにする方法が2通りあります。

Illustratorで文字を縦書きにする2通りの方法

  • 縦書きで文字を作成する方法
  • 横書きの文字を縦書きに変更する方法

縦書きで文字を作成する方法

1つ目は縦書きで文字を作成する方法です。

手順は下記の通りです。

  1. 「文字(縦)ツール」を選択
  2. アートボード上に文字を作成

①「文字(縦)ツール」を選択

左メニューにある「文字ツール」を右クリックします。

左メニューにある「文字ツール」を右クリックします。
「文字ツール」を右クリック

続いて「文字(縦)ツール」を選択します。

続いて「文字(縦)ツール」を選択します。
「文字(縦)ツール」を選択

②アートボード上に文字を作成

最後にアートボード上に文字を作成します。

すると文字が縦書きに作成されます。

最後にアートボード上に文字を作成します。すると文字が縦書きに作成されます。
文字が縦書きに表示される

横書きの文字を縦書きに変更する方法

2つ目は横書きの文字を縦書きに変更する方法です。

手順は下記の通りです。

  1. 横書きの文字を選択
  2. 「縦組み」に変更

①横書きの文字を選択

始めに横書きの文字を選択します。

始めに横書きの文字を選択します。
文章の選択

②「縦組み」に変更

続いて縦書きにする設定を行います。

文字を選択した状態で「書式」→「組み方向」→「縦組み」を選択します。

続いて縦書きにする設定を行います。文字を選択した状態で「書式」→「組み方向」→「縦組み」を選択します。
「書式」→「組み方向」→「縦組み」

すると横書きだった文字が縦書きに変わります。

すると横書きだった文字が縦書きに変わります。
縦書きに変わる

英数字を縦書きにする方法

実は先ほどの方法だと英数字は縦書きにすることが出来ません。

実は先ほどの方法だと英数字は縦書きにすることが出来ません。
英数字は縦書きにならない

英数字を縦書きにするには少し工夫が必要です。

こちらも2通りの方法があります。

英数字を縦書きにする2通りの方法

  • 英数字の文字を個別に回転する
  • 英数字の文字を一括で回転する

英数字の文字を個別に回転する

特定の文字だけ個別に回転させることが出来ます。

手順は下記の通りです。

英数字の文字を個別に縦書きにする方法

  1. 英数字を選択する
  2. 文字プロパティの「文字回転」で回転させる

①英数字を選択する

始めに文字ツールで英数字を選択します。

始めに文字ツールで英数字を選択します。
英数字を選択

②文字プロパティの「文字回転」で回転させる

続いて文字プロパティの「文字回転」で「90°」に変更します。

続いて文字プロパティの「文字回転」で「90°」に変更します。
「文字回転」で「90°」に変更

※文字プロパティは「ウィンドウ」→「書式」→「文字」で表示することが出来ます。

選択した英数字の部分が縦に変わります。

選択した英数字の部分が縦に変わります。
英数字が縦に変わる

英数字の文字を一括で回転する

続いては文章内にある複数の英数字を一括で回転させる方法です。

手順は下記の通りです。

複数の英数字を一括で回転させる方法

  1. 文章を選択する
  2. 文字プロパティの「三本線」を選択する
  3. 「縦組み内の欧文回転」を選択する

①文章を選択する

始めに英数字が含まれている文章を選択します。

始めに英数字が含まれている文章を選択します。
文章を選択

②文字プロパティの「三本線」を選択する

次に文字プロパティの右側にある「三本線」を選択します。

次に文字プロパティの右側にある「三本線」を選択します。
「三本線」を選択

③「縦組み内の欧文回転」を選択する

表示される項目の中の「縦組み内の欧文回転」を選択します。

表示される項目の中の「縦組み内の欧文回転」を選択します。
「縦組み内の欧文回転」を選択

すると英数字が縦書きに変わります。

すると英数字が縦書きに変わります。
英数字が縦書きに変わる

Illustratorで縦書きにするのは簡単!

最後にまとめです。

Illustratorで文字を縦書きにする方法

  • 「文字(縦)ツール」を使用する
  • 横書きの場合は「縦組み」を選択する

英数字の場合は追加の工程がありますが、基本的には簡単です。

知らなかったという方は是非やってみてください。

Illustratorに関する他の記事はこちら

あわせて読みたい
【Illustrator】PDFに書き出す方法を紹介! IllustratorでPDFに書き出す方法を知りたい この記事は上記の課題に向けて作成しています。 デザイン制作をしていると頻繁にPDFの書き出し作業を行います。 Illustrator...
あわせて読みたい
Illustratorでオブジェクトを反転させる方法! Illustratorで反転させる方法を知りたい この記事は上記の課題に向けて作成しています。 Illustratorではオブジェクトを上下左右に反転させることが出来ます。 やり方は...
あわせて読みたい
Illustratorで波線を作る方法を紹介! Illustratorで波線を作る方法を知りたい この記事は上記の課題に向けて作成しています。 デザイン制作をしていると波線を作る機会がたまにあります。 Illustratorでは簡...
あわせて読みたい
Illustratorでクリッピングマスクをする方法を紹介! Illustratorでクリッピングマスクをする方法を知りたい この記事は上記の課題に向けて作成しています。 Illustratorでデザインしているとクリッピングマスク機能を頻繁...
あわせて読みたい
Illustratorでアートボードを回転する方法を紹介! Illustratorでアートボードを回転する方法を知りたい この記事は上記の課題に向けて作成しています。 Illustratorではアートボードを簡単に回転することが出来ます。 回...
  • URLをコピーしました!
目次