icon
icon

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分か60分お好きな時間が選べて、かつ3回まで すべて無料で ご利用できます。
無理な勧誘は一切ない ので、お気軽にご参加ください。

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

まとめ

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

 

監修してくれたメンター

メンターOM

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

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

 

大石ゆかり

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

田島悠介

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

大石ゆかり

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

 

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

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

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

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

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

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

「受けてよかった」と感じていただけるよう カウンセラーやエンジニア・デザイナー があなたの相談に真摯に向き合います。

「自分に合っているか診断してほしい」
「漠然としているが話を聞いてみたい」

こんなささいな悩みでも大丈夫です。

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

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