Photoshopでサイズを指定して画像を切り抜く方法を現役エンジニアが解説【初心者向け】

初心者向けにPhotoshopでサイズを指定して画像を切り抜く方法について解説しています。ここでは切り抜きツールの基本の使用方法、サイズを指定した切り抜きの方法を説明します。それぞれの手順を覚えましょう。

テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元:GMOリサーチ株式会社 調査期間:2021年8月12日~8月16日  調査対象:2020年8月以降にプログラミングスクールを受講した18~80歳の男女1,000名  調査手法:インターネット調査

Photoshopでサイズを指定して画像を切り抜く方法について、TechAcademyのメンター(現役エンジニア)が初心者向けに解説します。

なお本記事は、TechAcademyのオンラインブートキャンプPhotoshop講座のカリキュラムをもとに執筆しています。

 

田島悠介

今回は、Photoshopに関する内容だね!

大石ゆかり

どういう内容でしょうか?

田島悠介

サイズを指定して画像を切り抜く方法について詳しく説明していくね!

大石ゆかり

お願いします!

目次

1時間でできる無料体験!

 

切り抜きツールとは

画像の一部を切り抜くためのツールです。切り抜く過程で回転や変形などを同時に行うこともできますが、レイヤー単位で切り抜きを実行することはできません。

 

[PR] Webデザインで副業する学習方法を動画で公開中

切り抜きツールの基本的な使い方

ツールバーの切り抜きツールを選びます。

画像に表示されたハンドルをドラッグするか、又は、画像上を斜めにドラッグすることで切り抜き範囲を決めます。

また、コーナーハンドルをドラッグすることで、切り抜き範囲を調整することもできます。

画像の角度を変更する場合は、コーナーハンドルから少し外にマウスを移動し、アイコンが回転用に変形したらドラッグします。

ドラッグを終了すると、切り抜き範囲以外はグレーアウトされます。

ダブルクリックまたは、オプションバー の「○」をクリックし、切り抜きを確定します。

 

サイズを指定して画像を切り抜く方法

オプションバー で、縦横比メニューから「幅 x 高さ x 解像度」を選択します。

幅と高さと解像度の入力ボックスに値を入力し、切り抜きサイズを指定します。設定した値を消去したい場合は、「消去」ボタンをクリックします。

画像の中央を起点として、指定した範囲が選択されます。

画像をドラッグし、切り抜く位置を調整します。

ダブルクリックまたは、オプションバー の「○」をクリックし、切り抜きを確定します。

 

コラム

実は私も!?独学で損する人の特徴

「スクールは高いから独学で成功する」という気持ちの方は多いと思います。
もちろんその方が金額は低く抑えられるでしょう。
ただ 独学には向き不向きがあり、実はスクールが向いている人も大勢います。

そんな方のために参考として、 テックアカデミー卒業生がスクールを選んだ理由 をご紹介します。

  • ・困って挫折しそうなときに、質問や相談できる相手がいる環境で学んでいきたいなと思った
  • ・わかった気になっているだけだったので、自分を追い込む環境に置いた方がいいと感じた
  • ・スクールのカリキュラムで市場に求められるスキルを学ぶべきと思った

少しでも当てはまる部分があれば、 スクールが向いているかもしれません。
お試しのつもりで、まずは一度 無料相談 に参加してみませんか?

現役エンジニア・デザイナーに何でも気軽に相談できる30分すべて無料で できます。
無理な勧誘は一切ない ので、お気軽にご参加ください。

今なら相談した方限定の割引・参加特典付き! 無料相談はこちら

まとめ

切り抜きツールは、単に画像をトリミングするだけでなく角度補正なども同時にできるので、とても便利です。

 

監修してくれたメンター

メンターOM

Webデザインの勉強のためロサンゼルスに留学。
その後、現地のWeb制作会社に就職し、Webデザイナーとしてのキャリアをスタート。

現在もロサンゼルスで働く傍ら、フリーランスのWebデザイナーとして、
アメリカだけでなく日本からのWeb制作も請け負う。
また、画像のリタッチが得意なので、しばしばリタッチの依頼も請け負う。

 

大石ゆかり

内容分かりやすくて良かったです!

田島悠介

ゆかりちゃんも分からないことがあったら質問してね!

大石ゆかり

分かりました。ありがとうございます!

 

TechAcademyでは初心者でも1週間でフォトレタッチをマスターできるオンラインブートキャンプ Photoshop講座を開催しています。

現役デザイナーに毎日チャットで質問することができます。

初心者・未経験でもできる。まずはテックアカデミーに相談しよう

プログラミングを独学していて、このように感じた経験はないでしょうか?

  • ・調べてもほしい情報が見つからない
  • ・独学のスキルが実際の業務で通用するのか不安
  • ・目標への学習プランがわからず、迷子になりそう

テックアカデミーでは、このような 学習に不安を抱えている方へ、現役エンジニア講師とマンツーマンで相談できる機会を無料で提供 しています。
30分間、オンラインでどんなことでも質問し放題です。

「受けてよかった」と感じていただけるよう 厳しい試験を通過した講師 があなたの相談に真摯に向き合います。

「ただ気になることを相談したい」
「漠然としているがプロの話を聞いてみたい」

こんな気持ちでも大丈夫です。

無理な勧誘は一切ありません ので、まずはお気軽にご参加ください。
※体験用のカリキュラムも無料で配布いたします。(1週間限定)

今なら参加者限定の割引特典付き! 無料相談を予約する