基本操作

【Photoshop】画像をサイズ変更する方法【新人デザイナー向け】

Photoshopで画像をサイズ変更する方法が分からない。

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

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

クリエイターの@NaoGです。

目次

  • Photoshopで画像をサイズ変更する方法
NaoG
NaoG
ではゆこう!
【7日間の体験版】Photoshopを無料で始める手順【失敗しない学習法】Photoshopの学習をしたいけど、どうやって始めるんだろう? 使い方も分からないし、いくらかかるんだろうか、、、。 これからPhotoshopを学習したいので「失敗しない学習法」を知りたいです。 こういった疑問に答えます。...

Photoshopで画像をサイズ変更する方法

  • 解像度でサイズ変更する
  • カンバスでサイズ変更する
  • レイヤーの画像をサイズ変更する

Photoshopで画像をサイズ変更する方法はこんな感じ。

NaoG
NaoG
順番に解説するよ!

解像度でサイズ変更する

始めに解像度でサイズ変更するやり方!

今回はこの画像を使って進めていくよ、画像は何でもいいので用意しておいてね!

画像の開き方が分からない人は下の記事を参考にしてみてね!

【Photoshop】画像の開き方【新人デザイナー向け】Photoshopの画像の開き方が分からない。 こういった疑問に答えます。...
  • 画像解像度を選択する
  • 解像度を指定する

流れはこんな感じ。

NaoG
NaoG
順番に見て行こう!

画像解像度を選択する

メニューバーの「イメージ」から「画像解像度」を選択!

画像解像度のショートカット

  • Mac=Option+Command+I
  • Windows=Alt+Ctrl+I

解像度を指定する

解像度を指定するよ、ここでは比率を保つボタンにチェックを入れて、幅を1000と入力してOK!

【dpi?ピクセル?】解像度とは?【Photoshopでの解像度設定】解像度ってなんだろう? 画素数とかdpiとか難しそうな言葉ばかりでよく分からないし。 こういった疑問に答えます。...

これで画像のサイズが変更できたね!

カンバスでサイズ変更する

続いてカンバスのサイズを変更する方法!

今回はこの画像を使って進めていくよ、画像は何でもいいので用意しておいてね!

画像の開き方が分からない人は下の記事を参考にしてみてね!

【Photoshop】画像の開き方【新人デザイナー向け】Photoshopの画像の開き方が分からない。 こういった疑問に答えます。...
  • カンバスサイズを選択する
  • 解像度を指定する
  • 基準位置を決める

流れはこんな感じ。

NaoG
NaoG
順番に見て行こう!

カンバスサイズを選択する

メニューバーの「イメージ」から「カンバスサイズ」を選択!

カンバスサイズのショートカット

  • Mac=Option+Command+C
  • Windows=Alt+Ctrl+C

解像度を指定する

変更したいサイズを指定するよ、ここでは、幅を1000と入力!

基準位置を決める

基準位置を左にしてOKを選択!
基準位置について気になる人は下の記事を参考にしてみてね!

【Photoshop】カンバスサイズの基準位置って何!?【結論:どこを固定したいか】Photoshopのカンバスサイズの基準位置って何!? カンバスのサイズを変更すると、広げたくないところが広がっちゃったり、見せたい所が見えなくなってしまう…。 Photoshopのカンバスサイズの基準位置について詳しく知りたいです。 こういった疑問に答えます。...

続行を選択!

これで画像のサイズが変更できたね!

レイヤーの画像をサイズ変更する

最後にレイヤーの画像をサイズ変更する方法!

今回はこの画像を使って進めていくよ、画像は何でもいいので用意しておいてね!

画像の開き方が分からない人は下の記事を参考にしてみてね!

【Photoshop】画像の開き方【新人デザイナー向け】Photoshopの画像の開き方が分からない。 こういった疑問に答えます。...

この方法ではカンバスサイズの変更をせずに画像だけ、サイズ変更できるよ!

  • 背景をレイヤーに変換する
  • サイズを変更したいレイヤーを選択する
  • 画像を編集モードに切り替える
  • サイズを変更する
  • 変更を確定する

流れはこんな感じ。

NaoG
NaoG
順番に見て行こう!

背景をレイヤーに変換する

まずは背景をレイヤーにするよ!

画像を開いてその画像をこの方法でサイズ変更しようとすると画像が背景として読み込まれていて、サイズの変更ができないので、それを解決するためのレイヤーに変換!

サイズを変更する画像が既にレイヤーなら飛ばしてOK!

レイヤーの画像をダブルクリック!

「新規レイヤー」が表示されるので、好きなレイヤー名を入力してOK!

これで背景がレイヤーになったよ!

NaoG
NaoG
準備完了!

サイズを変更したいレイヤーを選択する

続いてサイズ変更したいレイヤーを選択するよ!

ここではこのレイヤーを選択!

画像を編集モードに切り替える

続いて画像を編集モードに切り替えるよ!

レイヤーを編集モードにするショートカット

  • Mac=Command+T
  • Windows=Ctrl+T

レイヤーの周りにバウンディングボックスが表示されるよ!

サイズを変更する

続いてサイズを変更するよ!
今回は、手動で拡大するよ!

カーソルを画像の隅に持っていくよ!
そうすると、カーソルのマークが変わるよ!

その位置でドラッグをすると、好きな方向に拡大できるよ!
離れすぎると回転のカーソルになってしまうので、位置は画像の隅を摘まむイメージ!

比率を保ちながら拡大する場合

  • Shiftを押しながらドラッグ

Shiftを押しながらドラッグすると、比率を保ちながら拡大できるよ!

ここでは比率を保ちながら拡大して、こんな感じにでOK!

手動で拡大する他のやり方は下の記事を参考にしてみてね!

【Photoshop】画像を拡大する方法【新人デザイナー向け】Photoshopで画像を拡大する方法が分からない。 こういった疑問に答えるよ!...

変更を確定する

最後に変更の確定!
変更をすることを確定させるよ!

サイズ変更の調整が終わったら、その位置でEnter!

変更の確定のショートカット

  • Enter

これで画像のサイズが変更できたね!

NaoG
NaoG
今日も来てくれてありがとう、またね!
【無料で有益】Webデザインスクール3社【現役デザイナーがおすすめ】Webデザインを学びたいけど、どんなスクールが良いのだろう。 調べてみるとデザインスクールは山のようにあるし、 そもそもなに基準...
【40点プレゼントの体験版】Adobe Stockを無料で始める手順Adobe Stockを利用したいけど、どうやって始めるんだろう? そもそも、いくらかかるんだろうか、、、。 これからAdobe Stockの契約を考えているので「Adobe Stockの始め方」を知りたいです。 こういった疑問に答えます。...
【7日間の体験版】Photoshopを無料で始める手順【失敗しない学習法】Photoshopの学習をしたいけど、どうやって始めるんだろう? 使い方も分からないし、いくらかかるんだろうか、、、。 これからPhotoshopを学習したいので「失敗しない学習法」を知りたいです。 こういった疑問に答えます。...