デザイナ向け就活用ポートフォリオ用のイラレテンプレートを無料で配布中です！

【Photoshop】切り抜きツールの使い方と解像度・サイズの変更方法を徹底解説

SHARE

この記事を読むのに必要な時間は約 10 分です。

画像の一部を切り抜いて使いたい時に便利な切り抜きツールの使い方を初心者の方にも分かりやすく解説します。
また、サイズや解像度を指定し、任意の場所をトリミングする方法など、トリミングに必要なテクニックを段階を経て解説します。

画像サイズ・解像度の確認と変更方法、注意点

左記の写真を例に解説します。
横幅1920px、高さ1080px、解像度300pixel/inch

良い顔のワンちゃんです。

サイズ・解像度の確認

画像をフォトショップで開き、[ Ctrl +Alt + I ] で画像解像度のダイアログ画面を開きます。
[ イメージ ] → [ 画像解像度 ] でも開けますが、頻繁に使うのでショートカットで覚えておくと便利です。

サイズ・解像度の変更

幅、高さ、解像度に任意の値を入力してサイズと解像度を変更します。
Web等のデジタル媒体を想定しているのであれば72pixel/inchを設定します。印刷物なら300~350を設定します。

「縦横比を制限しない」に注意

基本的に画像の縦横比は保持したままサイズ変更します。左図の鎖アイコンを解除すると縦横比が制限されない設定になります。
意図的に縦横比を変える場合を除き、縦横比は保持したままにしておくことをおすすめします。
もし意図せず左図のような形になってしまったら修正しておきましょう。

切り抜きツールの使い方

切り抜きツールを使う事によって画像の任意の場所のみ切り出すことができます。

切り抜きツールの使い方の流れ

STEP.1
切り抜きツールを選択
画像を読み込み、[ 切り抜きツール(C) ]を選択します。
STEP.2
切り出す場所をドラッグ
切り抜きたい場所をドラッグで選択します。
STEP.3
切り出す位置・サイズを調整
グリッドのサイズを変更すると切り抜きサイズを変更、ドラッグで切り出す位置微を調整できます。

※グリッドより少し離れた場所にカーソルを移動させると丸まったカーソルが表示されます。その状態でドラッグすると切り抜き位置を回転できます。

STEP.4
切り抜きの確定
画面上部の[ 〇 ]または[ Enter ]を押すと切り抜きが確定されます。
FINISH
切り抜き終了
終了、使い方は簡単です。

斜めになった画像を水平にできる

斜めになった画像を切り抜きツールで水平に整えることもできます。

サイズを指定してトリミングする

STEP.1
トリミングサイズを指定する
切り抜きツールにすると画面左上にサイズと解像度を指定するエリアが表示されます。左から幅、高さ、解像度を入力します。
※右端の[ 消去 ]をクリックすると幅、高さ、解像度がリセットされます。
STEP.2
トリミングエリアをドラッグで作成
トリミングエリアをドラッグで囲います。あらかじめサイズを指定しているのでグリッドの縦横比が入力した縦横比で固定されています。
STEP.3
トリミングの確定
あとは[ Enter ]または画面上部の[ 〇 ]を押して切り抜きを確定させると指定サイズでのトリミングが完了です。
FINISH
画像解像度を確認してみる
画像解像度のダイアログ画面を[ Ctrl + Alt + I ]で開き、サイズと解像度を確認してみましょう。
サイズと解像度を指定してトリミングする作業は頻繁に発生するかと思いますので覚えておくと便利ですよ。

おわりに

以上、切り抜きツールを使ったトリミングについての解説でした。
画像編集作業で切り抜きツールは頻繁に使うツールなので使い方をマスターしておきましょう。

おつかれさまでした。

目次一覧

Photoshopを最安で購入するには

Photoshop（フォトショップ）を持っていない方は、下記から最安値で購入できます。
断然オンラインコード形式がオススメ、購入したらすぐにダウンロード&使用可能です。

 

学生の方や教職員の方なら断然学割価格のコンプリートプランがオススメ！公式サイトよりも安く買うことができます。
なおPhotoshop単品はコチラから最安値で購入できます。
Photoshopをはじめ、Illustrator等の様々なアドビ製品をお得に始める方にピッタリですよ。12か月間使い倒しましょう！

 

上記以外の方は一般向けのコンプリートプランが最安値です。
Photoshop単品はコチラから最安値で購入できます。
Photoshopで自身の発想をドンドンビジュアル化し、デザイン制作を通して人生を大いに楽しみましょう！


下記にフォトショ、イラレを最安値で導入できる手順を記載しております。

【Photoshop】フォトショを最安値で購入する方法と導入手順を徹底解説
【Illustrator】イラストレーターを最安値で購入する方法と導入手順を詳しく解説

ゼロから始めるシリーズ目次
IllutratorとPhotoshopの使い方をゼロから解説する「ゼロから始めるIllustrator」と「ゼロから始めるPhotoshop」の目次リンクです。
本業が教えるイラレとフォトショ講座の目次は下記から。

前の記事

【Photoshop・遠近法の切り抜きツール】フォトショで斜め…

次の記事

【Photoshop】文字ツールの「Lorem ipsum」を…