Photoshopの縦書き文字ツールで英数字も綺麗に見せよう

縦書きの方法

通常、縦書きにしたい場合は「横書きツール」を長押しして「縦書きツール」に変更してから文字を打てば、自然と縦書きになります。

また、横書きとして入力した文字を縦書きにしたい場合は、文字を選択した後に、左上にある「テキストの方向切り替え」アイコンをクリックすれば、縦書き⇔横書きの切り替えが即実行できます。

実際に、横書きと縦書きを書くと、下のようになります。

英数字を含んだ縦書きのいろいろ

日本語のみの文章では、問題なく縦書きの対応ができました。では、英数字が入ってくると縦書きはどうなるでしょうか。

英数字を含んだ通常縦書き

文字をそのまま縦書きツールで縦にしました。WEBという英語がへんてこりんな方向を向いていますね。

英数字を含む文章を先ほどの「テキストの方向切り替えボタン」で縦書きに変更した場合、英数字が横向きの状態になってしまいます。
(縦書き文字ツールに変更してから文字を打った場合も同様)

英数字部分のみ縦向き

WEBという英数字部分がへんてこりんな方向を向いているので、この英数字だけ調整をしましょう。

さきほどの英数字を含む文字列のレイヤーを選び、文字パネルの右上にある「≡」マークをクリックします。クリックするとメニューが表示されるので「縦組み中の欧文回転」をクリックします。すると英数字が縦向きに変わります。

英数字部分のみ縦向き横並び

英数字の並びを1文字ずつ縦向きにすると、不自然で読みにくくなる場合があります。その場合は、先ほどと同様に文字パネルの右上にある「≡」マークをクリックして調整しましょう。

横文字にしたい英数字部分のみを選択した状態(この場合はWEB)で、文字パネルの右上にある「≡」マークをクリックします。表示されたメニューから「縦中横」をクリックします。すると英数字が横並びに変わります。

表示する文字、場所、読みやすさを考えて、綺麗に見えるようにデザイン調整をするとよいかもしれません。