Photoshopで画像を切り抜き!サイズ指定でトリミングする方法

画像・映像・音楽

Photoshopで画像を切り抜き!サイズ指定でトリミングする方法

Photoshopには「切り抜きツール」という直感的に画像を切り抜けるツールがありますが、サイズ指定をしたいときは別の方法でトリミングするのがおすすめです。

ということで、今回は画像をサイズ指定でトリミングする方法をご紹介します。なお、以下の説明はCS5の場合になります。

方法1 カンバスサイズを変更する

トリミングしたい画像を開き、「イメージ」をクリック⇒「カンバスサイズ」を選択します。

Photoshopの操作画面

Photoshopの操作画面

幅と高さに数値を入力し、「OK」をクリックします。

「カンバスサイズ」ダイアログ

画像が中央を基準に指定したサイズでトリミングされました。

Photoshopの操作画面

カンバスサイズを変更しても元画像はカンバスの外に残っているので、移動ツールを使って位置を調整することができます。

カンバスサイズ変更の際、「基準位置」を変更すると、その位置を基準に指定したサイズでカンバスが変更されます。

例えば、このように上中央を基準にすると……

「カンバスサイズ」ダイアログ

画像の上中央を中心に指定サイズでトリミングされます。

Photoshopの操作画面

「相対」にチェックを入れてから数値を入力すると、どの画像サイズでも指定された数値分、サイズが小さくなったり大きくなったりします。サイズの違う複数の画像全てに枠線が付いていて、その枠線を削除したいというときなどにこの機能を使うと便利です。

例えば、以下の画像のように、3pxの枠線の入った画像があるとします。

Photoshopの操作画面

この画像から枠線だけを削除したい場合は、「相対」にチェックを付け、幅と高さにそれぞれ「-6」と入力します(上下、左右それぞれの枠線を足すと6pxになるため)。

スポンサーリンク

「カンバスサイズ」ダイアログ

すると、このように枠線だけが綺麗に削除されます。

Photoshopの操作画面

方法2 長方形選択ツールを使って切り抜く

トリミングしたい画像を開き、ツールボックスの「長形選択ツール」をクリックします。

ツールボックス

「長方形選択ツール」がない?
ツールボックスに長方形選択ツールがない場合は、「楕円形選択ツール」「一行選択ツール」「一列選択ツール」のいずれかが表示されていると思いますので、そのアイコンを長押しまたは右クリックし、サブメニューから「長方形選択ツール」を選択してください。
Photoshopの操作画面

オプションバーで以下のように設定します。

  • 新規選択
  • ぼかし:0px
  • スタイル:固定
  • 幅:任意の数値
  • 高さ:任意の数値

オプションバー

設定後、カンバスをクリックすると設定したサイズで選択範囲が表示されます。この選択範囲はドラッグで移動できます。

Photoshopの操作画面

位置が決まったら、「イメージ」をクリック⇒「切り抜き」を選択します。

Photoshopの操作画面

指定したサイズで画像がトリミングされました。

Photoshopの操作画面

なお、切り抜きを実行するとカンバス外の元画像は削除されるので、位置の調整はできなくなります。

おわりに

Photoshopでは、カンバスサイズを変更したり、長方形選択ツールを使ったりすることで、指定したサイズで画像をトリミングすることができます。

特にカンバスサイズの変更でトリミングする方法は、相対をうまく使うことで枠線の削除など面倒な切り抜き作業をサクッと終わらせることができます。とても便利な機能なので使い倒しましょう!

スポンサーリンク

関連記事

  1. Photoshopで「別名で保存」「Webおよびデバイス用に保存」アクションを作る

    画像・映像・音楽

    Photoshopで「別名で保存」「Webおよびデバイス用に保存」アクションを作る

    今回は、Photoshopでファイルの保存アクションを作る方法や、その…

  2. SAIでの線画抽出法 下書きレイヤーにペン入れしてしまったときにも応用可!

    画像・映像・音楽

    SAIでの線画抽出法 下書きレイヤーにペン入れしてしまったときにも応用可!

    今回は、SAIでの線画抽出方法について解説します。「アナログ線…

  3. SAIにブラシ形状やブラシテクスチャを追加する方法

    画像・映像・音楽

    SAIにブラシ形状やブラシテクスチャを追加する方法

    配布されているブラシ素材をSAIで利用する場合、単純にSAIフォルダに…

  4. 便利過ぎて手放せない!スクショソフト&アドオンおすすめ3選

    画像・映像・音楽

    便利過ぎて手放せない!スクショソフト&アドオンおすすめ3選

    Webサイトを紹介したり操作説明をしたりすることの多いブログ運営者にと…

  5. SAIでの直線の引き方とは?好きな方向への直線・垂直線・水平線・枠線など

    画像・映像・音楽

    SAIでの直線の引き方とは?好きな方向への直線・垂直線・水平線・枠線など

    建物や家具などの背景、ボーダーやストライプなどの模様、コマ枠などなど、…

  6. Photoshopで波線や省略記号(省略を表す波線)を描く

    画像・映像・音楽

    Photoshopで波線や省略記号(省略を表す波線)を描く

    Photoshopには、始点と終点を決めるだけで直線が引ける「ラインツ…

PAGE TOP