Photoshopで画像をトリミングする方法!サイズ指定や自由に切り取る方法も紹介

・画像のトリミングってなに?

・Photoshopで画像をトリミングする方法を知りたい

Photoshopとは、Adobe社が手がける画像編集・加工ツールです。さまざま機能が搭載されており、画像を自由自在なサイズにトリミングすることもできます。

本記事では、Photoshopで画像をトリミングする方法を解説します。また、任意のサイズに書き出すための設定方法もご紹介するので、ぜひ参考にしてください。

Adobe製品を安く使う方法を知っていますか?

  1. 動画編集やデザインで使われるAdobe製品。実は公式HPからを買うよりも、パートナー会社を経由することで約50%(30000円相当)安くAdobeCCコンプリートプランを使うことが可能です。学習講座も受けられるので「安く&早く」スキルを身につけることができますよ。

 

 

目次

Photoshop|画像のトリミングとは

トリミングとは、写真・画像の余分な部分を非表示にして表示サイズを調節する機能です。

「Trimming=整理整頓・刈り込んで整える」という意味があり、「犬の毛をトリミングする」といったシーンでも使われます。画像のトリミングでも同じ意味があるため、理解しやすいはずです。

Photoshopで画像をトリミングする方法を4ステップで解説

ここからは、Photoshopで画像をトリミングする方法を解説します。

【Photoshopで画像をトリミングする方法】

  1. Photoshopに画像を読み込む
  2. ツールバーから「切り抜きツール」を選択する
  3. コントロールバーを使用して切り抜きオプションを指定する
  4. サイズを指定して切り抜く

①Photoshopに画像を読み込む

Photoshopに画像を読み込む方法は、以下の2通りです。

【Photoshopに画像を読み込む方法】

  1. 上部メニューから「ファイル」→「読み込み」を選択する
  2. 新規ドキュメント作成後、ファイルをドラッグ&ドロップする

画像を読み込む方法はどちらでも構いません。ご自身のやりやすい方法を試してください。

Photoshopに画像を読み込むと、あらかじめ設定したカンバスサイズと画像サイズが合っていないことがあります。

そんなときは移動ツールを使用して画像サイズや配置を変更しましょう。

②ツールバーから「切り抜きツール」を選択する

画像を配置したら、ツールバーから「切り抜きツール」を選択します。

Photoshopで画像をトリミング_切り抜きツールを選択

「切り抜きツール」を使うことで、縦横比を指定したり画像に傾斜をつけたりできます。

③コントロールバーを使用して切り抜きオプションを指定する

「切り抜きツール」を選択すると、以下画像のようにカンバスサイズと同じサイズの切り抜きボックスが表示されます。

Photoshopで画像をトリミング_切り抜きボックスを表示

切り抜きボックスの上下左右・四隅をクリックしながらドラッグすると、切り抜きボックスのカタチが変わります。

Photoshopで画像をトリミング_ドラッグして調節

人物だけ切り抜きたいときは、以下画像のように範囲を狭くします。

Photoshopで画像をトリミング_ドラッグ例

切り抜きツールで範囲が決まったら、「Enter」キーまたは画面右上の「○」アイコンをクリックします。「×」アイコンは、トリミングサイズの解除を意味しています。

④サイズを指定して切り抜く

Photoshopで画像をトリミング_サイズ指定

「切り抜きツール」を選択後、上記メニューの「横サイズ×縦サイズ」を指定します。基本的に縦横サイズはpx(ピクセル)数値が入力されます。

サイズを指定したら、「Enter」キーまたは画面右上の「○」アイコンをクリックします。

Photoshopで画像をトリミング_完成系

すると、上記画像のように必要な部分だけを表示させるトリミングができました。

ピクセル指定の場合、画像のサイズ変更によって画質が荒くなります。

スポンサーリンク

Photoshop|画像サイズに合わせてトリミングする方法

Photoshop|画像サイズに合わせてトリミングする方法

Photoshopでは、画像の周りにある余白を必要最低限のスペースだけ残してトリミングする機能が搭載されています。

【画像サイズに合わせてトリミングする方法】

  1. Photoshopに画像を読み込む
  2. 「イメージ」→「トリミング」を選択する

手順①は冒頭でも解説しているので、ここでは割愛します。

①「イメージ」→「トリミング」を選択する

Photoshop|画像サイズに合わせてトリミング_イメージからトリミング

Photoshopに画像を読み込んだら、「イメージ」→「トリミング」を選択します。

Photoshop|画像サイズに合わせてトリミング_全てにチェック

トリミングのメニューが表示されるので、トリミングする部分を決めましょう。「上端・下端・左端・右端」すべてにチェックを入れると、上下左右の余白を削除してくれます。

Photoshop|自由自在に好きな場所をトリミングする方法

Photoshopのトリミング機能のなかでも、もっとも自由にトリミングできるのが「選択範囲ツール」を使う方法です。

【選択範囲ツールでトリミングする方法】

  1. Photoshopに画像を読み込む
  2. 選択範囲ツールでトリミング範囲を指定する
  3. 「イメージ」→「切り抜き」を選択する

①選択範囲ツールでトリミング範囲を指定する

Photoshopに画像を読み込んだら、「選択範囲ツール」を起動します。

【選択範囲ツールの種類】

・長方形選択ツール

・楕円形選択ツール

画像を四角にトリミングしたいなら長方形選択ツール、丸くトリミングしたいなら「楕円形選択ツール」がおすすめです。

選択範囲ツールを起動したら、クリックしたまま好きな方向に引っ張るとトリミング枠が作成できます。

②「イメージ」→「切り抜き」を選択する

最後に「イメージ」→「切り抜き」を選択してください。

Photoshop|自由自在に好きな場所をトリミングする方法

上記画像の通り、選択範囲ツールで指定した場所だけをトリミングすることができました。

スポンサーリンク

Photoshop|カンバスサイズを設定して書き出す方法

トリミングではありませんが、あらかじめカンバスサイズを書き出したいサイズに設定しておくと、画像内の余計な部分を非表示にできます。

【カンバスサイズを設定して書き出す方法】

  1. 新規ドキュメントを作成する
  2. プリセット詳細から縦横サイズを設定する
  3. Photoshopに画像を読み込む
  4. 移動ツールでサイズと配置を変更する

①新規ドキュメントを作成する

Photoshopを開き、新規ドキュメントを作成します。

【新規ドキュメントの設定画面】

・縦横サイズ

・方向

・解像度

・カラーモード

・カンバスカラー

・ファイルの名前

など

②プリセット詳細から縦横サイズを設定する

Photoshop|カンバスサイズを設定して書き出す方法

「プリセット詳細」から任意の「縦横サイズ(幅×高さ)」を設定します。あらかじめ書き出しサイズが決まっているなら、書き出しサイズを入力してください。

カンバスが表示されたら、「メニュー」→「読み込み」の手順で画像を読み込んでください。

③移動ツールでサイズと配置を変更する

Photoshopに画像を読み込むと、以下のようにカンバスサイズと画像サイズが合っていないことがあります。

Photoshop|カンバスサイズを設定して書き出す方法2

この場合は、メニューにある「移動ツール」を選択してサイズと位置を変更します。

四隅にカーソルを合わせて、「Shift」キーを押しながら横に広げると画像が拡大します。

Photoshop|カンバスサイズを設定して書き出す方法3

白い余白がなくなるまで拡大して、被写体が写るように配置を変更することで、上記画像を作成できます。

あらかじめ書き出しサイズが決まっているのであれば、トリミングよりもカンバスサイズを指定する方が便利です。

まとめ

今回は、Photoshopを使って画像をトリミングする方法を解説しました。

【おさらい】

・画像のトリミングとは、写真・画像の余分な部分を非表示にして表示サイズを調節する機能

・Photoshopにはトリミング機能が搭載されている

・選択範囲ツールを使用すると、画像を四角や丸に切り抜ける

・トリミング機能を活用することで、SNSアイコンを作成できる

・あらかじめ書き出しサイズが決まっているなら、カンバスサイズを設定する方法がおすすめ

Photoshopのトリミング機能を使うと、画像・写真を好きなサイズに変更できるとわかりました。

余計な部分を非表示にできるので、より被写体を目立たせる演出も可能です。SNSのアイコン作成にも役立つので、ぜひ本記事の参考にトリミングをマスターしてみてください。

最後になりますが、WEBデザインの技術を駆使すれば、副業で稼ぐことから自身の仕事にすることもでき、あなたの可能性をさらに高めていくことが可能です。

フォトショップの使い方についてもっと知りたいのですが...

フォトショップのできることや、細かい動作の使い方については「フォトショップでできることは?使い方を5つに分けて徹底解説」にて纏めております。

Adobe製品をコスパ良く使う方法はありますか?

実は公式サイトで購入するよりも、ヒューマンアカデミーのAdobe通信講座を使うことによって、公式HPからを買うよりも約50%(30000円相当)安くAdobeCCコンプリートプランを使うことが可能です。

細かい情報は「Adobe CCを安く購入する裏ワザ」に纏めてあります。

興味のある内容がありましたら、是非上記の記事も確認して見て下さいね。

    この記事が気に入ったら
    フォローしてね!

    よかったらシェアしてね!
    • URLをコピーしました!
    • URLをコピーしました!
    目次