このレッスンでは切り抜き(Crop)とスライス(Slice)ツールを扱います。Cropは構図を、Sliceは1枚の画像を複数のパーツに分割することを可能にします。
2026年の注記:このレッスンは2014年にPhotoshop CS6で撮影されました。AdobeはもうCSバージョンを販売していません — PhotoshopはCreative Cloudのサブスクリプションで提供されています。メニューの位置とショートカットはこのレッスンと95%同じで、一部のアイコンがモダンになりました。
切り抜きツール(C)
- 上部バーから比率を選択:1:1(Instagram)、4:5、16:9(YouTube)など。
- 迷ったらDelete Cropped Pixelsをオフに — いつでも元に戻せる、非破壊的な切り抜きになります。
- Straightenボタンで線を引いて地平線を補正できます。
- 空いた領域を埋めるにはContent-Awareオプションをオンに — Photoshopが切り抜いた側にコンテンツを生成します。
スライスツール(Slice)
ウェブデザインをパーツに分割し、各パーツを別々の画像としてSave for Webで書き出すために使います。2026年ではCSS Grid / Flexboxのおかげで必要になることは稀ですが、インフォグラフィックやメールテンプレートでは今も実用的です。
2026年の追記 — Generative Expand
画像を拡張したいときは、Cropツールを外側にドラッグしてFillをGenerative Expandに設定しましょう。Adobe Fireflyが周囲を自然に補完してくれます。