基本操作

【Photoshop】テキストボックスのサイズ変更【新人デザイナー向け】

Photoshopでテキストボックスのサイズ変更をしたい。

こういった疑問に答えるよ!

Naoya
Naoya
やぁ!みんな!元気?

デザイナーの@Naoyaです。

目次

  • Photoshopでテキストボックスのサイズ変更をする方法
Naoya
Naoya
ではゆこう!
【Photoshop】無料でダウンロードする方法【失敗しない学習法】Photoshopを無料でダウンロードする方法が知りたい。 そもそもPhotoshopって無料で使えるのかな? こういった疑問に答えるよ!...

Photoshopでテキストボックスのサイズ変更をする方法

今回はこんな感じのテキストボックスを使って進めていくよ、テキストボックスは何でもいいので用意しておいてね!

テキストボックスの使い方が分からない人は下の記事を参考にしてみてね!

【Photoshop】テキストボックスの使い方【解除を癖づけよう】Photoshopのテキストボックスの使い方がよく分からない。 テキストボックスのサイズ変更ってどうやってやるんだろう。 テキストボックスを選択したくないのに、テキストボックスが選択されてしまう。 こういった疑問に答えます。...
  • ドラッグしてサイズ変更
  • プロパティからサイズ変更

テキストボックスのサイズ変更のやり方はこんな感じ。

Naoya
Naoya
順番に解説するよ!

ドラッグしてサイズ変更

  • テキストレイヤーをダブルクリックする
  • ドラッグする
  • 確定する

ドラッグしてサイズ変更する流れはこんな感じ。

テキストレイヤーをダブルクリックする

始めに、変更したいテキストボックスのレイヤーの「T」の部分をダブルクリックするよ!

レイヤーパネルが表示されていない人はメニューバーの「ウィンドウ」から「レイヤー」を選択!

するとテキストボックスが表示されるよ!

ドラッグする

変更したい部分を摘まんでドラッグするよ!
ここでは、右端を摘まんで、左にドラッグ!

こんな感じでいいかな~って所でドラッグを離すとサイズ変更ができるよ!
ここでは、こんな感じの幅でOK!

確定する

文字の入力確定の時と同じように変更を確定して完了!

文字の入力確定のショートカット

  • Mac=Command+Enter
  • Windows=Ctrl+Enter

プロパティからサイズ変更

続いてプロパティからサイズ変更する方法!

プロパティは正確な数字を入力してサイズ変更ができるから、ドラッグして変更するより利用頻度が高め!

Naoya
Naoya
レイアウトする時とか幅を意識するからねっ!
  • テキストツールを選択する
  • テキストボックスを選択する
  • プロパティからサイズを変更する
  • 確定する

プロパティからサイズ変更する流れはこんな感じ。

テキストツールを選択する

始めにツールバーのテキストツールを選択するよ、ここでは横書き文字ツールを選択!

テキストボックスを選択する

文字ツールを選択している状態で、変更したいテキストボックスの上でクリック!

するとテキストボックスが表示されるよ!

プロパティからサイズを変更する

いよいよプロパティからサイズ変更!

メニューバーの「ウィンドウ」から「プロパティ」にチェックが入っているか確認!

ここでは、幅を調整するよ、プロパティのWを1000pxに変更!

テキストボックスの幅が長くなったね!

確定する

変更を確定して完了!

文字の入力確定のショートカット

  • Mac=Command+Enter
  • Windows=Ctrl+Enter
Naoya
Naoya
今日も来てくれてありがとう、またね!
【無料あり】Webデザインスクールおすすめ3選【決定版】Webデザインを学びたいけど、どんなスクールが良いのだろう。 調べてみるとデザインスクールは山のようにあるし、そもそもなに基準で選んだ...
【40点プレゼントの体験版】Adobe Stockを無料で始める手順Adobe Stockを利用したいけど、どうやって始めるんだろう? そもそも、いくらかかるんだろうか、、、。 これからAdobe Stockの契約を考えているので「Adobe Stockの始め方」を知りたいです。 こういった疑問に答えます。...
【Photoshop】無料でダウンロードする方法【失敗しない学習法】Photoshopを無料でダウンロードする方法が知りたい。 そもそもPhotoshopって無料で使えるのかな? こういった疑問に答えるよ!...

COMMENT

メールアドレスが公開されることはありません。