MENU
プロフィール背景画像
ソラノ
DTPオペレーター
DTPオペレーター|ブログやTwitterで初心者にもわかりやすいデザインテクニックを発信しています| Photoshop歴13年|アドビ認定アソシエイトと色彩関連の資格を取得|現在はココナラで「Photoshopの使い方」のお仕事を承っております。

【Photoshop】画像をトリミングするやり方をわかりやすく解説

Photoshopのトリミングアイキャッチ
あみちゃん

Photoshopを使ったトリミング方法が知りたいな〜。

このような悩みに答えていきたいと思います。

この記事の執筆者
ソラノグラフィックプロフ

Photoshopで画像の加工を行うとき、頻繁に使用するスキルの一つであるトリミング

サムネイルやアイキャッチ制作で多用されるため、副業や在宅ワークの案件でもよく求められているスキルですね。

本記事では、そんなPhotoshopのトリミングについて、3つの方法に分けてわかりやすく解説します。

ソラノ

画像や動画を使って、初心者にもわかりやすく解説していきます。

この記事を読んでトリミングのコツを掴めば、在宅ワークなどでトリミングの仕事を受けることができるようになりますので、ぜひ参考にしてくださいね。

この記事の内容

トリミングとは?

Photoshopのトリミングアイキャッチ

Photoshopで使用するトリミングとは、一言で言うと「画像の不要な部分を切り取ること」です。

トリミングには大きく分けて3つの方法がありますので、順番に解説していきますね。

選択範囲を使ったシンプルなトリミング

Photoshopのトリミングアイキャッチ5

一番シンプルなトリミングは、選択範囲を利用したトリミングです。

選択範囲を利用したトリミングの作業手順

STEP
選択範囲ツールを選択

まずは、ツールバーから選択範囲ツールを選択します。

Photoshopのトリミングアイキャッチ2
STEP
選択範囲を指定する

画像上でクリックをして、そのまま動かすことで好きな大きさの範囲を作ることができます。

Photoshopのトリミングアイキャッチ3
STEP
画像を切り抜く

選択範囲の形が決まったら、メニューからイメージを選択し、切り抜きを選択します。

Photoshopのトリミングアイキャッチ4

これで完成です。

Photoshopのトリミングアイキャッチ5

この方法がシンプルで、とても簡単です。

ですが、選択範囲を使ったトリミングでは、細かい数値の指定だったり調整を行うことが難しいんですよね。

そこで次は上記の問題を解決できるツールをご紹介します。

サイズ指定も可能。切り抜きツールを使った自由なトリミング

Photoshopのトリミング 切り抜き21

数字や角度など細かい調整ができるのは、切り抜きツールを使ったトリミングです。

切り抜きツールを利用したトリミングの作業手順

STEP
切り抜きツールを選択

メニューバーから切り抜きツールを選択

Photoshopのトリミングアイキャッチ6

選択後、このような切り抜きボックスが表示されます。

Photoshopのトリミングアイキャッチ7
STEP
切り抜きボックスを調整する

上下左右斜めにあるポイントを、クリックしながら移動することで、好きな形に変更することができます。

Photoshopのトリミングアイキャッチ11

端の方にポイントを近づけることで、回転マークが表示されます。

同じようにクリックしながら移動させることで、好きな角度に傾けることもできます。

Photoshopのトリミングアイキャッチ9
STEP
形が決まったら決定する

好きな形が決まったら、エンターボタンを押すか、右上の○ボタンを押すことでトリミングされます。

Photoshopのトリミングアイキャッチ10

これで完成です。

Photoshopのトリミング 切り抜き21

サイズ指定も可能

Photoshopのトリミング 比率23
600mm×500mmに設定

上部のボックスに数値を入力することもできます。

Photoshopのトリミングアイキャッチ12

左のボックスで幅×高さを選んで、幅と高さを順番に入力していきます。

真ん中のマークは入れ替えマークで幅と高さを入れ替えることができます。

最後のボックスはpx/inを選択するのが一般的です。

あみちゃん

トリミングサイズを統一したいときに便利だね。

規定の比率で指定も可能

Photoshopのトリミング 入力22
比率16:9に設定

幅×高さのボックスをクリックすると、はじめからプリセットされている比率を選ぶこともできます。

Photoshopのトリミングアイキャッチ13

好きな規定比率を選ぶことができます。

Photoshopのトリミングアイキャッチ14
ソラノ

規定の比率で作成したいときに便利ですね。

自動で余白をトリミング

Photoshopのトリミングアイキャッチ16

画像に余白スペースがある場合、自動でトリミングしてくれる便利な機能もあります。

自動で余白をカットするトリミングの作業手順

STEP
トリミングを選択する

上部メニューバーから、イメージ→トリミングを選択します。

Photoshopのトリミングアイキャッチ17
STEP
チェックを入れて決定

対象カラーは、カットしたい部分の色が拾える箇所にチェックしてください。色がなくても透明状態でも大丈夫です。

Photoshopのトリミングアイキャッチ18

最後に上下左右にチェックを入れて、決定ボタンを押します。

Photoshopのトリミングアイキャッチ19

すると余白が自動的にトリミングされます。簡単ですね。

ソラノ

画像に一定の余白があるときに便利な機能です。

画像をトリミングする方法:まとめ

Photoshopのトリミングアイキャッチ

Photoshopを使ったトリミング方法のご紹介でした。

Photoshopの主なトリミング方法

  1. 選択範囲を使ったシンプルなトリミング
  2. 切り抜きツールを使った自由なトリミング
  3. 自動で余白をトリミング

トリミングは在宅ワークや、デザイン現場などの様々な分野で応用できる基本テクニックの一つです。

Photoshopでトリミングを使えるようになれば、趣味から仕事まで多くの作業に使うことができます。

トリミングは、簡単に覚えることができる初心者におすすめのスキルなので、ぜひ身につけましょう。

この記事を読んで覚えたら、さっそく自分の取った写真などで練習してみましょう。

ソラノ

写真の中で「自分が見せたいものはどこなのか?」を意識することがポイントです。

この記事で分からないことがありましたら、お問い合わせTwitterにお気軽にご質問くださいね。

慣れてきたら、さっそく仕事を受けてみましょう。

下記の3つは我が家も利用しているおすすめの副業サイトです。無料で登録できるのでぜひ活用してみてくださいね。

Photoshopのトリミングアイキャッチ

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

よかったらシェアしてね!
この記事の内容
閉じる