ポリシーは『質』へのこだわり。インフォルムは質の高い書籍・カタログ・参考書・雑誌のDTP制作(デザイン・組版)を追求する会社です。《ISO 9001:2015・ISO/IEC 27001:2022認証取得》

インフォルムロゴ
03-5783-4080
〒140-0004
東京都品川区南品川2-2-7 南品川Jビル9F

MENU

メニューを飛ばす
  • HOME
  • 会社情報
    • ごあいさつ
    • 会社概要
    • 所在地・アクセス
    • 級数表下敷き
    • ISO認証
      • ISO 9001:2015
      • 品質方針
      • ISO/IEC 27001:2022
      • ISMS基本方針
    • 個人情報保護方針
      • プライバシー・ポリシー
      • 個人情報規定と管理体制と実施状況
    • 採用情報
    • 特定商取引法に基づく表記
  • 営業品目
    • InDesign(インデザイン)による組版
    • DB(データベース)自動組版
    • デザイン
    • テキスト入力・加工処理
    • 書籍の編集業務
    • CD・DVDのコンテンツ制作・プレス
    • 画像加工・各種画像処理
    • 電子書籍の制作
      • 印刷物と電子書籍を同時に作る場合
      • 既存の印刷物を元に電子書籍を作る場合
      • 電子書籍だけを最初に作る場合
  • 実績・設備
    • インフォルムが選ばれる理由
    • InDesign(インデザイン)を使う理由
    • InDesign(インデザイン)でのDTP制作実績
    • お客様の声
      • 株式会社研究社編集部
      • 渋沢栄一記念財団―渋沢史料館
    • 品質の裏付け
      • DTP制作と失敗学
      • 1.畑村失敗学とは
      • 2.失敗学の導入と実践
      • 3.失敗の定義と失敗率計算式
      • 4.失敗率公開の理由
      • 品質を高める工夫
      • 情報の取り扱い
      • DTP作業ワークフロー
      • 校正の仕組み
      • 管理体制ーマネジメントシステム
      • 質と生産性の向上
    • DTP環境・設備一覧
    • 対応フォント
  • 技術情報
    • DTP全般
    • InDesign(インデザイン)関連
    • PDFのポイント
    • 文字について
    • カラーの話し
    • 入稿の注意
    • 製版・印刷
    • 電子出版の現状
    • DTPワンポイントアドバイス
      • PDFでの入稿・納品
      • 原稿入稿の注意点
      • 校正の注意点
      • 索引・目次について
      • 色のポイント
      • 電子書籍とは何か
        • データ形式
        • 印刷物との連携
        • 電子書籍におけるレイアウト
        • 電子書籍の販売
  • お問い合わせ
  • HOME »
  • 技術情報 »
  • DTP全般 »
  • 画像の切り抜き

画像の切り抜き

切り抜きの必要性

印刷では、写真を扱うためのさまざまなテクニックが開発されてきました。中でもデザイン的に重要なテクニックとしてあげられるのが「切り抜き」処理ではないでしょうか。

切り抜きとは、写真を必要な形に切り抜いて配置することを意味します。原則として写真は角版で撮影されますが、写真の中で余分な部分を除き商品や人物といった一部だけを使いたい場合に、必要な部分だけが印刷されるようにする処理が切り抜きです。

アナログ製版の時代はフィルムを使った面倒な手作業が必要だった切り抜きも、今ではパソコンで簡単にできるようになりました。今回は、現在最も一般的に使われているPhotoshopでの切り抜き作業について見ていきます。

クリッピングパスの作り方

DTPで画像の切り抜きというと、かつてはPhotoshopでクリッピングパスを作成し、EPS形式で保存した画像をレイアウト・ソフトに貼り込むというのが常識でした。

DTPで扱う画像フォーマットの主流がEPSからPSDに移行するのと前後して、マスク機能を使った切り抜きが増えてきた(マスクを残したままではEPS形式に保存できない)ようで、最近ではマスク処理のほうがPhotoshopの画像切り抜き処理として一般的かもしれませんが、クリッピングパスも基本の処理として理解しておくべきでしょう。

クリッピングパスというのは、画像上で切り抜きたい形をなぞって描いたパスで、このパスが保存された画像をInDesignなどのレイアウトソフトに配置すると、その形に切り抜かれた状態で表示、出力されるわけです。

パスは、ペンツールを使って描くか、シェイプツールで作ったシェイプパスや選択範囲をパスに変換してできた作業用パスをパスパネルでクリッピングパスに指定します。

Photoshopには通常のペンツール以外にフリーフォームペンツールと曲線ペンツールがあり、フリーフォームペンツールでマグネットオプションを選択すると、画像の絵柄から輪郭を自動認識し、それに合わせてパスを引いていくことができます。

なお、切り抜きパスを描く際は、オブジェクトと背景の境界よりも若干内側にパスを引くようにするというのが切り抜き画像をきれいに見せるコツです(背景が少しでも見えると汚くなってしまうため)。

また、パスを引く前に、画像のコントラストを上げて境界が分かりやすいようにしておくことも効果的です。調整レイヤーを使えば画像に影響を与えることもありません。

なお、パスをクリッピングパスに指定する代わりに、クリッピングマスクとして利用することもできます。

ちなみに、画像に保存したパスは、クリッピングパスに設定されていなくてもInDesignに貼り込めばパス名を指定して切り抜くことが可能です。

レイヤーマスクによる切り抜き

ペンツールは、自由な形のパスを描くことができるので、このツールを使えばどんな細かな切り抜き作業でも理論上は可能です。ただし、髪の毛のようにオブジェクトと背景が複雑に入り組んでいるような画像ではかなりの手間になってしまいます。一般的には形が比較的シンプルで背景との境目がはっきりとしている商品画像などの切り抜きに適した方法です。

一方、ベクトルデータのパスではなく、画像のピクセル単位で表示をコントロールするのがレイヤーマスクです。

レイヤーマスクは画像のレイヤーにマスク、すなわち不透明度のデータを加えたものです。レイヤーパネルでレイヤーマスクのレイヤーを選択し、チャンネルパネルを確認すると、通常のCMYKやRGBのチャンネルに加えてレイヤーマスクのチャンネルが生成されていることが分かります。

このマスク上では、不透明度が黒の濃淡で表されます。マスクのチャンネルで白い部分は画像が見え、黒い部分は見えなくなり、グレーの部分は濃度に応じて不透明度が変わるというわけです。

マスクはブラシツール、消しゴムツールで直接編集するだけでなく、さまざまなツールを駆使することで、効率的かつ自在にマスク領域を指定することが可能です。特に、ぼかし具合を調整することで、ソフトなタッチで切り抜きができるというのはクリッピングパスにないメリットです。

多彩な選択機能を活用

レイヤーマスクで選択範囲を指定する際は、Photoshopに用意されている数多くの選択機能やツールが役に立ちます。

たとえば、クリック1つで画像内の被写体を選択できる「被写体を選択」は、画像の中でメインの被写体と目されるものを自動的に識別し、選択するという機能です。AI技術“Adobe Sensei”を活用したこの機能は、バージョンが上がるごとに精度が高まり、髪の毛のような微細な部分も初期設定でかなりきれいに選択されるようになっています。

また、「オブジェクト選択ツール」は、人物やさまざまなオブジェクトをドラッグして指定するだけで自動的かつ正確に検出・選択することができる機能です。範囲の追加や削除も簡単にでき、最新バージョンの精度であれば作業の効率化に十分貢献するはずです。このツールもAdobe Senseiが使われています。

「クイック選択ツール」は、マウスをドラッグすることで画像のエッジを検出し、ドラッグされた部分に隣接する領域を自動的に選択していきます。新規、追加、削除のオプションを使いわけることで選択範囲を素早く追加・削除できます。

そのほか、以前からある「自動選択ツール」は、クリックした部分の色域をもとに領域を自動で選択していく機能です。

選択範囲を編集する際は、「選択とマスク」ワークスペースに切り替えることで「属性」パネルでの調整や「境界線調整ブラシツール」などを使った細かな調整が可能です。なお、属性パネルで「不要なカラーの除去」オプションを選択すると、画像のマスクの境界部分で背景の色が被写体に反映してしまっているような画像でも背景色だけを自然に除去して切り抜くことができますが、マスクのデータだけでなく画像本体も編集されてしまうので注意が必要です。

AI技術を活用した自動選択機能は今後ますます進化し、高精度になっていくでしょう。それに伴い、画像の切り抜き作業もより自動化、省力化が進むのは確実です。特殊なケースを除いて手作業での切り抜きがなくなるのは時間の問題かもしれません。

(田村 2006.12.11初出)
(田村 2023.12.18更新)

技術情報

  • DTP全般
    • Adobe Bridge
    • Illustratorのアピアランス
    • Illustratorへの画像の貼り込みの問題
    • InCopyの可能性
    • JPEG 2000
    • OSとファイル名の関係に気をつけよう
    • RIP処理とデータの安全性
    • Version Cueのメリット
    • あらためてスタイル機能を考える
    • グラデーションの品質
    • デジカメ撮影の基本
    • デジタル時代の著作権問題
    • ノンブルの機能
    • ハイレゾ・バウンディングボックス
    • ピクセル深度とダイナミックレンジ
    • マスターオブジェクトのトラブル
    • レイヤー0の秘密
    • レイヤーを活用したワークフロー
    • レイヤーマスクの活用
    • 写真のゴミ取り
    • 半調の処理
    • 印刷を考えたデザイン
    • 平滑度と出力解像度
    • 数式の組版
    • 画像のシャープネス処理
    • 画像の切り抜き
    • 画像解像度と線数
    • 画像解像度のリサンプル
    • 索引
    • 索引作成ワークフローを考える
    • 線の幅
    • 自動組版の基本的な考え方
    • 貼り込み画像のポイント
  • InDesign(インデザイン)関連
    • InDesign(インデザイン)における文字組みと文字クラス
    • InDesign(インデザイン)における検索・置換のコツ
    • InDesign(インデザイン)における欧文組版の基礎
    • InDesign(インデザイン)のグリッド
    • InDesign(インデザイン)のソフトの互換性・リビジョンの違い
    • InDesign(インデザイン)のブックファイル
    • InDesign(インデザイン)の文字環境
    • InDesign(インデザイン)の画像出力
    • InDesign(インデザイン)データをXMLでコントロールするIDML
    • InDesign(インデザイン)出力のカラー設定
    • 「泣き分かれ」に泣く前に
    • オーバーライドを理解しよう
    • 特殊な“ノンブル”の配置方法
    • 縦組みの中黒「・」の怪
  • PDFのポイント
    • DTPの基本フォーマットになるPDF/X(其の一)
    • DTPの基本フォーマットになるPDF/X(其の二)
    • PDFのオーバープリントに注意
    • PDFのファイルサイズ
    • PDFのフォント環境
    • PDFを使ったデータのプリフライト
    • PDFプルーフの問題
    • PDF出力を考える
    • PDF校正を考える
    • PDF生成ソフトと安全性
    • 画像フォーマットとしてのPDF
  • カラーの話し
    • 2色印刷の色表現
    • RGB画像の色変換作業のポイント
    • カラーマネージメント その一
    • カラーマネージメント その三
    • カラーマネージメント その二
    • カラーマネージメント その四
    • カラーマネージメントを使わない出力
    • プロファイルを使った特色シミュレーション
    • 印刷物の色の評価と環境光
    • 色分解の基礎
    • 色温度
    • 色補正の基礎
    • 重要性を増すカラー設定
  • 入稿の注意
    • テキスト原稿のやり取りにおける問題
    • ファイルシステム
    • 入稿データと紙原稿
    • 原稿指定のあり方を考える
  • 文字について
    • OpenTypeフォントの字形管理
    • OpenTypeフォントの特徴と使い方
    • SINGの使い方と可能性
    • スペースの使い分け
    • テキスト原稿におけるデータ処理
    • フォントのアウトライン化を考える
    • フォントのフォーマットに気をつけよう
    • ルビ
    • 句読点
    • 和欧混植時の組版処理
    • 多言語組版の基本
    • 字形のコントロール
    • 引用符
    • 形式名詞や補助用言の扱い
    • 数字の扱い方
    • 文字の修飾
    • 文字コードをめぐる新しい動き(その1)
    • 文字コードをめぐる新しい動き(その2)
    • 文字コードをめぐる新しい動き(その3)
    • 文字コードをめぐる新しい動き(その4)
    • 文字サイズの単位
    • 文字列を揃える機能
    • 文字組版と可読性
    • 文字間隔のコントロール
    • 新しい常用漢字
    • 日本語の仮名遣いを整理する
    • 日本語表記の統一
    • 本文文字詰めを考える
    • 段落一字下げを考える
    • 波ダッシュ
    • 異体字セレクタ
    • 組版における行の扱い
    • 行で分割しない文字の処理
    • 行頭・行末のルールを考える
    • 表記の論理を整理しよう
    • 記述記号の扱い
    • 送り仮名
    • 今あらためてJIS2004への対応を考える
  • 製版・印刷
    • CIP3/CIP4のメリット
    • FMスクリーニングのメリット
    • オーバープリント
    • カラーを変える多色印刷
    • トンボと裁ち落とし
    • ハイブリッド印刷の可能性
    • プロセスレス・プレート
    • ベタ濃度とドットゲイン
    • モアレの防止
    • 印刷できない線
    • 環境にやさしい印刷のワナ
    • 紙と印刷の色
    • 製本で変わるページ配置
    • 透明効果
    • 高精細印刷
    • 黒のインクを知ろう
  • 電子出版の現状
    • DRMは電子書籍の必要悪か
    • EPUB 3に見る日本語組版機能
    • iPad登場で電子出版はどこへ向かう?
    • Kindle Fireは電子書籍市場をどう変えるのか
    • 「紙もデジタルも」が時代の流行
    • なぜKindleは売れるのか
    • デジタル化する教科書
    • 利益最大化を見据えた電子書籍戦略
    • 専用端末の普及と将来性
    • 日本版電子書籍端末の実力は?
    • 日本語電子書籍ファイルをどう作るのか
    • 電子出版の将来性
    • 電子出版時代のXML活用
    • 電子書籍が変える出版の形
    • 電子書籍とISBNコード
    • 電子書籍と画面解像度
    • 電子書籍におけるレイアウト再現
    • 電子書籍に求められるもの
    • 電子書籍に求められる品質とコスト
    • 電子書籍のゆくえ
    • 電子書籍の囲い込みは可能か
    • 電子書籍の新標準「EPUB」とは何か
    • 電子書籍の販売促進術
  • DTPワンポイントアドバイス
    • PDFでの入稿・納品
    • 原稿入稿の注意点
    • 校正の注意点
    • 索引・目次について
    • 色のポイント
    • 電子書籍とは何か
      • データ形式
      • 印刷物との連携
      • 電子書籍におけるレイアウト
      • 電子書籍の販売
このエントリーをはてなブックマークに追加
Tweet
Pocket

DTP技術情報ワード検索

カタログ制作について、お悩みではありませんか?

技術情報

  • DTP全般
    • Adobe Bridge
    • Illustratorのアピアランス
    • Illustratorへの画像の貼り込みの問題
    • InCopyの可能性
    • JPEG 2000
    • OSとファイル名の関係に気をつけよう
    • RIP処理とデータの安全性
    • Version Cueのメリット
    • あらためてスタイル機能を考える
    • グラデーションの品質
    • デジカメ撮影の基本
    • デジタル時代の著作権問題
    • ノンブルの機能
    • ハイレゾ・バウンディングボックス
    • ピクセル深度とダイナミックレンジ
    • マスターオブジェクトのトラブル
    • レイヤー0の秘密
    • レイヤーを活用したワークフロー
    • レイヤーマスクの活用
    • 写真のゴミ取り
    • 半調の処理
    • 印刷を考えたデザイン
    • 平滑度と出力解像度
    • 数式の組版
    • 画像のシャープネス処理
    • 画像の切り抜き
    • 画像解像度と線数
    • 画像解像度のリサンプル
    • 索引
    • 索引作成ワークフローを考える
    • 線の幅
    • 自動組版の基本的な考え方
    • 貼り込み画像のポイント
  • InDesign(インデザイン)関連
    • InDesign(インデザイン)における文字組みと文字クラス
    • InDesign(インデザイン)における検索・置換のコツ
    • InDesign(インデザイン)における欧文組版の基礎
    • InDesign(インデザイン)のグリッド
    • InDesign(インデザイン)のソフトの互換性・リビジョンの違い
    • InDesign(インデザイン)のブックファイル
    • InDesign(インデザイン)の文字環境
    • InDesign(インデザイン)の画像出力
    • InDesign(インデザイン)データをXMLでコントロールするIDML
    • InDesign(インデザイン)出力のカラー設定
    • 「泣き分かれ」に泣く前に
    • オーバーライドを理解しよう
    • 特殊な“ノンブル”の配置方法
    • 縦組みの中黒「・」の怪
  • PDFのポイント
    • DTPの基本フォーマットになるPDF/X(其の一)
    • DTPの基本フォーマットになるPDF/X(其の二)
    • PDFのオーバープリントに注意
    • PDFのファイルサイズ
    • PDFのフォント環境
    • PDFを使ったデータのプリフライト
    • PDFプルーフの問題
    • PDF出力を考える
    • PDF校正を考える
    • PDF生成ソフトと安全性
    • 画像フォーマットとしてのPDF
  • カラーの話し
    • 2色印刷の色表現
    • RGB画像の色変換作業のポイント
    • カラーマネージメント その一
    • カラーマネージメント その三
    • カラーマネージメント その二
    • カラーマネージメント その四
    • カラーマネージメントを使わない出力
    • プロファイルを使った特色シミュレーション
    • 印刷物の色の評価と環境光
    • 色分解の基礎
    • 色温度
    • 色補正の基礎
    • 重要性を増すカラー設定
  • 入稿の注意
    • テキスト原稿のやり取りにおける問題
    • ファイルシステム
    • 入稿データと紙原稿
    • 原稿指定のあり方を考える
  • 文字について
    • OpenTypeフォントの字形管理
    • OpenTypeフォントの特徴と使い方
    • SINGの使い方と可能性
    • スペースの使い分け
    • テキスト原稿におけるデータ処理
    • フォントのアウトライン化を考える
    • フォントのフォーマットに気をつけよう
    • ルビ
    • 句読点
    • 和欧混植時の組版処理
    • 多言語組版の基本
    • 字形のコントロール
    • 引用符
    • 形式名詞や補助用言の扱い
    • 数字の扱い方
    • 文字の修飾
    • 文字コードをめぐる新しい動き(その1)
    • 文字コードをめぐる新しい動き(その2)
    • 文字コードをめぐる新しい動き(その3)
    • 文字コードをめぐる新しい動き(その4)
    • 文字サイズの単位
    • 文字列を揃える機能
    • 文字組版と可読性
    • 文字間隔のコントロール
    • 新しい常用漢字
    • 日本語の仮名遣いを整理する
    • 日本語表記の統一
    • 本文文字詰めを考える
    • 段落一字下げを考える
    • 波ダッシュ
    • 異体字セレクタ
    • 組版における行の扱い
    • 行で分割しない文字の処理
    • 行頭・行末のルールを考える
    • 表記の論理を整理しよう
    • 記述記号の扱い
    • 送り仮名
    • 今あらためてJIS2004への対応を考える
  • 製版・印刷
    • CIP3/CIP4のメリット
    • FMスクリーニングのメリット
    • オーバープリント
    • カラーを変える多色印刷
    • トンボと裁ち落とし
    • ハイブリッド印刷の可能性
    • プロセスレス・プレート
    • ベタ濃度とドットゲイン
    • モアレの防止
    • 印刷できない線
    • 環境にやさしい印刷のワナ
    • 紙と印刷の色
    • 製本で変わるページ配置
    • 透明効果
    • 高精細印刷
    • 黒のインクを知ろう
  • 電子出版の現状
    • DRMは電子書籍の必要悪か
    • EPUB 3に見る日本語組版機能
    • iPad登場で電子出版はどこへ向かう?
    • Kindle Fireは電子書籍市場をどう変えるのか
    • 「紙もデジタルも」が時代の流行
    • なぜKindleは売れるのか
    • デジタル化する教科書
    • 利益最大化を見据えた電子書籍戦略
    • 専用端末の普及と将来性
    • 日本版電子書籍端末の実力は?
    • 日本語電子書籍ファイルをどう作るのか
    • 電子出版の将来性
    • 電子出版時代のXML活用
    • 電子書籍が変える出版の形
    • 電子書籍とISBNコード
    • 電子書籍と画面解像度
    • 電子書籍におけるレイアウト再現
    • 電子書籍に求められるもの
    • 電子書籍に求められる品質とコスト
    • 電子書籍のゆくえ
    • 電子書籍の囲い込みは可能か
    • 電子書籍の新標準「EPUB」とは何か
    • 電子書籍の販売促進術
  • DTPワンポイントアドバイス
    • PDFでの入稿・納品
    • 原稿入稿の注意点
    • 校正の注意点
    • 索引・目次について
    • 色のポイント
    • 電子書籍とは何か
      • データ形式
      • 印刷物との連携
      • 電子書籍におけるレイアウト
      • 電子書籍の販売

最近のお知らせ

  • 2025年06月02日
    技術情報 記事を更新しました
  • 2025年05月09日
    技術情報 記事を更新しました
  • 2025年04月16日
    2025 ゴールデンウィーク 営業日のお知らせ
  • 2025年04月15日
    技術情報 記事を更新しました
  • 2025年03月24日
    技術情報 記事を更新しました

PAGETOP
  • インフォルムロゴ
  • 品川サイト 〒140-0004
  • 東京都品川区南品川2-2-7 南品川Jビル 9F
  • TEL:03-5783-4080(代)/ FAX:03-5783-4081
  • 本社・川口サイト 〒334-0073
  • 埼玉県川口市赤井1-4-9 インフォルムビル
  • TEL:048-286-2666(代)/ FAX:048-280-1053
  • 会社情報
  • ごあいさつ
  • 会社概要
  • 所在地・アクセス
  • 級数表下敷き
  • ISO認証
  • 個人情報保護方針
  • 採用情報
  • 特定商取引法に基づく表記
  • 営業品目
  • InDesignによる組版
  • デザイン
  • DB自動組版
  • テキスト入力・加工処理
  • 書籍の編集業務
  • CD・DVDのコンテンツ制作・プレス
  • 画像加工・各種画像処理
  • 電子書籍の制作
  • 実績・設備
  • インフォルムが選ばれる理由
  • InDesignを使う理由
  • InDesignでのDTP制作実績
  • お客様の声
  • 品質の裏付け
  • DTP環境・設備一覧
  • 対応フォント
  • DTP技術情報
  • DTP全般
  • InDesign関連
  • PDFのポイント
  • 文字について
  • カラーの話し
  • 入稿の注意
  • 製版・印刷
  • 電子出版の現状
  • DTPワンポイントアドバイス
  • お問い合わせ

Copyright © Informe. All Rights Reserved.