WEB制作

【Photoshop】1クリックでOK!英語・数字・文字 の縦書き全パターン解説

photoshop 縦書き
KOARA
KOARA
どうも。KOARA(@KOARAFE)です。

Photoshopでそこまで利用頻度のない「縦書き」。

普通の縦書きは問題ないけど、英語や数字が入ると文字組みがなんかおかしい…

なんて経験のある人も多いはず。

たまに使うと「文字ツールのどの設定だっけ?」となってしまいますよね。笑

今回はPhotoshopで文字・数字・英語を自由自在に縦書きにする方法を紹介します!

基本1クリックで終わるので是非覚えておきましょう。

こんな方に向けた記事です
  • photoshp初心者
  • photoshopの縦書きで英字・数字の文字組みだけ横書きにしたい

【一瞬】Photoshopでの縦書き設定

photoshop 縦書き テキスト

photoshopで縦書きにする方法は2つ。

どちらも1クリックで縦書きにすることができますよ。

初めから縦書きにする場合

文字ツールを右クリック。

縦書き文字ツールを選択でOKです。

これで新規テキストを縦書きで入力ことができます。

photoshop 縦書き文字ツール

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

文字ツールをクリック

photoshop 文字ツール

文字ツールのオプションバーの赤枠箇所をクリックで完了です。

後から「やっぱり縦書きにしたい」なんて時にはこちらの方法が便利です。

文字・英字・数字の縦書きの文字組み設定

英語や数字が混じった文章を縦書きで書きたい時ってありますよね。

たとえば住所やキャンペーンのタイトルだったり。

今回は「WEBサイト」という文字を使って「WEB」の英字・数字部分の文字組みを変更していきましょう。

ちなみに「縦書き文字ツール」で「Webサイト」と書くと01のようになります。

これじゃない感がすごい。笑

縦書き文字

縦書きパターン 02

横書きにしたい「WEB」を選択して、「パネルオプション」をクリック。

縦組み中の欧文回転」を選択すると02のような文字組みになります。

photoshop 縦組み中の欧文回転

縦書きパターン③

こちらも02と同様に横書きにしたい「WEB」を選択。

「パネルオプション」から「縦中横」を選択すると03のような文字組みになります。

photoshop 縦中横

まとめ

photoshopでの英字・数字の縦書きのパターンを知らなかったという人もいたのではないでしょうか?

この方法を知っていると知らないとではデザインスピードが大きく変わってきますよね。

今回の縦書きテクニックを取り入れて、デザインスピードを一気にアップさせていきましょうー!

それでは!