Photoshopで文字を縦書きにする方法をお探しですね。
広告
Photoshopで縦書きにする方法と英数字が横向きになる問題の解決法
Photoshopでポスターや同人誌の表紙、和風デザインなんかを作っていると、文字を縦書きにしたくなることってありますよね。
日本語だけならわりと簡単なんですが、「2026」とか「No.1」みたいな英数字を入れた途端に文字が横向きになって、「あれ?なんか変…」ってなった経験、ありませんか?この記事では、Photoshopで文字を縦書きにする基本から、英数字が横を向いちゃったときの直し方まで、できるだけわかりやすく説明していきます。
まずは基本!Photoshopで文字を縦書きにする方法
Photoshopで文字を縦書きにする一番かんたんな方法は、「縦書き文字ツール」を使うことです。
ツールバーにある文字ツール(「T」のマーク)を長押しすると、「横書き文字ツール」と「縦書き文字ツール」が選べるようになっています。
縦書き文字ツールを選んでからキャンバスをクリックして文字を入力すると、日本語が上から下に流れる縦書きになります。
もうすでに横書きで打っちゃった文字も、あとから縦書きに変えられるので安心してください。
作業の流れはこんな感じです。
まず、ツールバーから文字ツールを選んで、必要なら「縦書き文字ツール」に切り替えます。
それからキャンバスをクリックして文字を入力して、文字パネルやオプションバーでフォントの種類やサイズ、行間、文字の間隔を調整します。
縦書きって、横書きよりも文字同士がギュッと詰まって見えやすいので、打ち込んだだけで終わりにせず、行間や文字間を少し広げながら「読みやすいかな?」って確認するのが大事です。
特にタイトルとか見出しみたいな大きな文字は、フォントの太さや余白の取り方で印象がガラッと変わります。
縦書きにした文字は、普通の文字レイヤーと同じように移動ツールで場所を動かせます。
あとから文字を直したいときは、文字レイヤーを選んで文字ツールでクリックすれば編集できます。
ひとつ注意したいのが、文字レイヤーを「ラスタライズ」しちゃうと、文字として編集できなくなっちゃうこと。
縦書きの調整が全部終わるまでは、できるだけ文字レイヤーのまま残しておくと、誤字を直したりフォントを変えたりするときに楽です。
横書きで打っちゃった文字を縦書きに変える方法
もう横書きで文字を打っちゃった場合も、全部打ち直す必要はありません。
対象の文字レイヤーを選んで、文字ツールをオンにした状態で、オプションバーやメニューから文字の向きを縦に変更すればOKです。
Photoshopのバージョンによって表示が少し違うこともあるんですが、「文字の向き」とか「テキストの向き」、「縦書き」みたいな項目を探してみてください。
ツールバーから縦書き文字ツールを選び直して、既存のテキストレイヤーをクリックして編集する方法でも大丈夫です。
横書きから縦書きに変えると、文字の並びだけじゃなくて、レイアウト全体のバランスも変わります。
横に長い文章をそのまま縦書きにすると、思ったより下に長〜く伸びたり、改行の位置が変な感じになったりすることも。
なので、縦書きに変えたあとは、テキストボックスの幅や高さ、改行の位置をもう一度チェックしましょう。
クリックして文字を打つ「ポイントテキスト」だと文字が際限なく流れちゃうんですが、ドラッグして範囲を決める「段落テキスト」にすると、決まった範囲に収められて調整しやすくなります。
横書きから縦書きに変えたとき、一番違和感が出やすいのが英数字、記号、句読点、カッコ類です。
日本語のひらがなや漢字は縦書きに自然になじむんですが、半角の英数字は横向きのまま表示されることがあります。
これってバグじゃなくて、英語の文字がもともと横組み用に作られてるからなんです。
デザインによっては英単語を横向きのまま読ませたいこともあるんですが、日付とか短い数字を縦書きの中に自然に収めたいときは、次に説明する「縦中横（たてちゅうよこ）」っていう機能を使うと見た目がキレイに整います。
英数字が横を向いちゃうときの救世主「縦中横」
縦書きの中で「12」とか「2026」、「No.1」みたいな英数字が横向きになっちゃう場合は、「縦中横」を設定します。
縦中横っていうのは、縦書きの行の中で一部の文字だけを横組みにして、1文字分くらいのスペースにギュッと収める組版の機能です。
Wordとかでも使われる考え方で、Photoshopでも日本語の組版調整として使えます。
たとえば「令和6年」とか「第3話」、「12月」みたいな表記では、数字だけを横向きのかたまりとして立てることで、縦書きの流れを保ったまま読みやすくできるんです。
Photoshopで縦中横を設定する基本的な流れは、縦書きのテキストの中で対象の英数字だけを選んで、文字パネルのメニューから「縦中横」を選ぶだけです。
文字パネルが出てない場合は、上のメニューから「ウィンドウ」→「文字」で表示できます。
それから、文字ツールでテキストを編集できる状態にして、横向きになってる数字や英字をドラッグして選択します。
文字パネルの右上にある三本線のメニューを開いて、「縦中横」を選ぶと、選んだ部分だけが縦書きの中に横組みでピタッと収まります。
手順をまとめるとこんな感じです。
– 縦書き文字ツールでテキストを作る、または既存のテキストを縦書きに変更する
– 文字ツールで、横向きになってる英数字だけを選択する
– 「ウィンドウ」から「文字」パネルを表示する
– 文字パネルのメニューから「縦中横」を選ぶ
– 必要に応じて文字サイズ、字間、位置を微調整する
縦中横を使うとき、ちょっと注意したいのが文字の長さです。
だいたい1〜2桁の数字に向いてて、3桁以上の数字とか長い英単語を無理に入れると、文字がギュウギュウに詰まって読みにくくなっちゃいます。
「2026」みたいな4桁の年号をどう見せるかは、デザインの目的次第ですね。
縦中横で小さくまとめる方法もありますが、読みやすさを優先するなら「二〇二六」って漢数字に変えたり、数字を1文字ずつ縦に並べる方法もあります。
Photoshopは見た目の調整が大事なので、機能を使うだけじゃなくて、実際の表示サイズで「これで大丈夫かな?」って確認することが重要です。
縦中横がうまくいかない・表示が変になるときのチェックポイント
縦中横がうまく表示されないときは、まず対象の文字がちゃんと選択できてるか確認してみてください。
文字レイヤー全体を選んでるだけじゃダメで、文字ツールでテキストを編集できる状態にして、縦中横を適用したい英数字そのものを選ぶ必要があります。
あと、文字レイヤーが「ラスタライズ」されちゃってると、文字情報として編集できないので縦中横も使えません。
レイヤーパネルで対象が普通のテキストレイヤーになってるか確認して、もしラスタライズ済みなら、元のテキストレイヤーから作り直す必要があります。
次にチェックしたいのが、Photoshopの文字設定です。
バージョンや環境によっては、日本語とか中国語、韓国語みたいな東アジアの言語向け機能が有効になってないと、縦書き関連の項目が見つけにくいことがあります。
その場合は、環境設定の「テキスト」とか「文字」関連の項目を確認して、東アジア言語機能が使える設定になってるか見直してみてください。
設定を変えたあとにPhotoshopを再起動しないといけないこともあるので、メニューに縦中横が出てこないときは、環境設定とバージョンの違いを疑ってみると解決しやすいです。
表示が崩れちゃう場合は、フォントとの相性も見逃せません。
縦書きに強い日本語フォントなら、句読点とかカッコ、長音記号（ー）なんかが自然な位置に配置されやすくなります。
逆に、英語のフォントとか装飾が強いフォントを使うと、英数字の向きや余白が不自然に見えることがあります。
和風デザインとか日本語中心の縦組みなら、明朝体、ゴシック体、丸ゴシック体みたいな、日本語組版を想定したフォントを選ぶと安定します。
どうしても特定の英語フォントを使いたいときは、英数字だけ別の文字レイヤーに分けて、回転やサイズ調整で個別に整える方法もアリです。
最後に、縦書きデザインでは「機能的に正しくすること」と「見た目として読みやすくすること」を分けて考えるのがポイントです。
縦中横を設定しても、文字サイズが大きすぎると行からはみ出しちゃったり、逆に小さすぎると見づらくなったりします。
印刷物なら実際のサイズ、Web画像なら表示予定のサイズで確認して、必要に応じて字間、行間、ベースライン、フォントサイズを微調整しましょう。
Photoshopで文字を縦書きにする方法自体は難しくないんですが、英数字の扱いまでちゃんと整えることで、グッと完成度の高いデザインに仕上がります。
ぜひ試してみてくださいね!
広告
