Photoshopで固定サイズに切り抜く

この記事は鷹野雅弘によって執筆されました。
公開日:2012年5月26日、更新日:2012年5月28日

ルーチンワークのひとつで「幅290ピクセル、高さ140ピクセルにサムネール画像を切り抜く」というものがあるのですが、これまで私は次のように作業していました。

  • [選択ツール]を選ぶ
  • オプションバーで[縦横比を固定]を選択し、[幅:29、高さ:14]を入力
  • 切り抜きたいエリアをドラッグして決定
  • [イメージ]メニューの[切り抜き]をクリック
  • [イメージ]メニューの[画像解像度]をクリックして[画像解像度]ダイアログボックスを表示し[幅]に「290」を入力して実行

その後、シャープネス、色調補正を最終調整して書き出します。キーボードショートカットを設定してあったり、アクションを作っているので作業自体は超早いのですが、なんとも面倒です。

先日のバンフーセミナーにて、参加者の方から「それ、切り抜きツールでできますよ!」と教えていただきました(ありがとうございます!)。

  • [切り抜きツール]を選ぶ
  • オプションバーで「カスタム」を選択し、「290px」、「140px」を単位付きで入力
  • 切り抜きたいエリアをドラッグして決定
  • enterキーを押す

上記はPhotoshop CS6でキャプチャしていますが、Photoshop CS6の新機能というわけではありません。

追記:

jdash2000さんのツイート

逆に単位を入れる方法しか知らなかったから●:▲みたいな比率でなんで切り抜けないの...とか思っていた。単位を書かないとOKなわけね。

ですね。

Adobe Creative Stationで「ベテランほど知らずに損してるPhotoshopの新常識」と題して連載しています。

『10倍ラクするPhotoshop仕事術』

2016年に発売予定。

お知らせメール登録

『Webデザインの現場ですぐに役立つ Photoshop仕事術』

2015年3月『10倍ラクするIllustrator仕事術』の兄弟本としてソシムから発売。

  • 1章 制作をはじめる前に(鷹野 雅弘)
  • 2章 Photoshop CC以降でのカンプ作成のベストプラクティス(黒葛原 道)
  • 3章 モバイルにも通用するデザインカンプ制作のイロハ(牧下 浩之)
  • 4章 効率化のためのTips(三浦 将)
  • 5章 見落としがちな基本機能(鷹野 雅弘)

書名の通り、Web向けの内容です。

『10倍ラクするIllustrator仕事術』改訂版

『10倍ラクするIllustrator仕事術』(増強改訂版)は、2011年発売の『10倍ラクするIllustrator仕事術』の改訂版。2014年に技術評論社から発売、現在5刷です。2011年版と合わせて35,000部のロングセラーとなっています。

詳しくはサポートサイトにて。

画像:『10倍ラクするIllustrator仕事術』改訂版

『10倍ラクするIllustrator仕事術』全都道府県縦断セミナーツアー、 47都道府県すべての県での開催が終了しました。ご参加ありがとうございました!

画像:『10倍ラクするIllustrator仕事術』改訂版

5つの「く」

画像:『10倍ラクするIllustrator仕事術』改訂版

DTP Transitのコアとなっている制作へ考え方「ムラなく、モレなく、直しに強く、手数を少なく、美しく」を5つの「く」としてまとめてみました。

オススメのスライド

お問い合わせ

メールマガジン

サイトの新着情報などを、月1回程度、メールマガジンでも配信しています(まぐまぐから配信。無料です)

オススメ記事

Illustrator

InDesign

Photoshop

その他

 

リンク

このページの上部に戻る