Photoshopで画像をトリミングする

Photoshopで画像をトリミングする

目的のサイズに合わせて画像をトリミングします。


(更新日:

フォトショップを使ったトリミング

フォトショップを使ったトリミング

Webページに使用するために集めた写真素材などは全て同じサイズとは限りません。そのまま貼り付けると見た目があまり良くない場合もあります。

画像のサイズが揃っていない場合

画像のサイズが揃っていない場合

例えば以下の3つを比べてみてください。

...
1番目の記事

コンテンツ コンテンツ コンテンツ コンテンツ

ボタン

...
2番目の記事

コンテンツ コンテンツ コンテンツ コンテンツ

ボタン

...
3番目の記事

コンテンツ コンテンツ コンテンツ コンテンツ

ボタン

やはり画像のサイズがまちまちだと、なんとなくダラシナイ感じがしてしまいます。

画像のサイズを揃える

画像のサイズを揃える

画像の縦と横のサイズを決めて全て同じサイズで切り取ります。

...
1番目の記事

コンテンツ コンテンツ コンテンツ コンテンツ

ボタン

...
2番目の記事

コンテンツ コンテンツ コンテンツ コンテンツ

ボタン

...
3番目の記事

コンテンツ コンテンツ コンテンツ コンテンツ

ボタン

どうですか?見た目もスッキリとして気持ちがいいですね。

素材となる画像のサイズがバラバラでもフォトショップの切り抜きツールを使えば簡単に大きさを揃える事が出来ます。

トリミングの手順

トリミングの手順

では実際にPhotoshopをつかって画像をトリミングする方法を説明していきます。切り取りを行う画像をフォトショップで開いておきましょう。

その1

ツールパネルから「切り抜きツール」を選択します。

切り抜きツールを選択

その2

ツールを選択するとメニュバーの下にオプションバーが表示されます。ここで切り抜くサイズを入力します。左側に幅、右側に高さを入れてください。

切り抜くサイズを入れる

その3

画面をクリックすると切り抜き範囲を表示します。

切り抜き範囲を表示する

その4

画像をドラックして切り抜く位置を調整します。切り抜き範囲の枠を掴んで範囲を調整する事も出来ます。範囲を調整した場合でも切り抜きサイズは固定されています。

切り抜き範囲を調整する

その5

〇ボタンをクリックすると切り抜きが確定されます。

✕ボタンでキャンセルします。

切り抜きを確定する

©2014-2021 CREATION.LTD.

©2014-2021 CREATION.LTD.