デザイン小ネタ

Photoshopでテキストボックスを使う方法

アイキャッチ

Photoshopでテキストボックス内に文字を入力したり、テキストボックスの大きさを調整する方法です。

いつもイラレでやってることがフォトショでわからなかったのでメモ。
フォトショでテキストボックスを使わない文字入力ならこれまでもしてたんですが、webサイトのデザインをやり始めて、初めてフォトショでテキストボックス使いたい機会がでてきました。

Photoshopでテキストボックスを使う方法・大きさを調整する方法

文字ツールを選択します。

Photoshopのテキストツール

文字ツールを選択した状態で、作りたいテキストボックスの大きさになるように画面上でマウスをドラッグ。

Photoshopのテキストボックス

文字を入力します。

Photoshopのテキストボックス

右上の「○」をクリックまたは⌘(コマンド)+returnを押して確定させます。

Photoshopのテキストボックス

テキストボックスの大きさを変更したいときは、文字ツールを選択した状態でテキストの上をクリックするとテキストボックスが表示されるので、バウンディングボックスをつかんで伸ばしたり縮めたりして調節できます。

Photoshopのテキストボックス