Photoshopで塗り足しを付ける方法:正確な手順とサイズ

執筆:更新7分で読めます

Photoshopには塗り足しの設定がないので、カンバスを大きくして塗り足しを付けます。「イメージ」→「カンバスサイズ」で「相対」にチェックを入れ、幅と高さに塗り足しの2倍(⁠6mm、または0.25インチ)を入力します。次に、広がった端まで背景を伸ばしてPhotoshop PDFで保存し、ページサイズが仕上がりサイズと塗り足しの合計になっているかを確認します。下の表では、名刺、CR80カード(クレジットカードサイズ)、A4、A5、USレター、4×6インチのポストカードのサイズを紹介しています。

IllustratorやCanvaで作業していますか? それらには塗り足しの入力欄や切り替えがあります。Illustratorで塗り足しを付ける方法とCanvaで塗り足しを付ける方法をご覧ください。塗り足しの意味と、印刷会社が必ず求める理由は印刷の塗り足しとはで解説しています。

ステップ1:カンバスを仕上がりサイズ+塗り足しに広げる

画像を開き、「イメージ」→「カンバスサイズ」を選びます(⁠WindowsではCtrl+Alt+C、MacではCmd+Option+C)。「幅」と「高さ」の横の単位を、印刷会社に合わせてmmかインチに変更します。相対にチェックを入れると、入力した数値が現在のサイズに加算されます。そのうえで、幅と高さの両方に6mm(片側3mm)、または0.25インチ(片側0.125インチ)を入力します。「基準位置」は中央のマスのままにして余白が均等に分かれるようにし、「⁠OK」をクリックします。

一から作りますか? 「ファイル」→「新規」で、仕上がりサイズに6mmを足した全体のサイズを直接入力し、解像度を300pixel/inchにします。

補足すると、300ppiでの3mmは35.4ピクセルになるため、Photoshopは整数のピクセルに丸めます。誤差は0.05mm未満で、印刷ではまったく問題になりません。

ステップ2:ガイドで仕上がり線とセーフエリアを示す

Photoshopは仕上がり線を表示しないので、ガイドを追加します。「表示」→「ガイド」→「新規ガイドレイアウトを作成」を選び、「マージン」にチェックを入れて、「上」「左」「下」「右」に3mm(または0.125インチ)を入力します。これで4本のガイドが、断裁される位置である仕上がり線に重なります。続けて6mm(または0.25インチ)でもう一度「新規ガイドレイアウトを作成」を実行してセーフエリアを示せば、文字やロゴを仕上がり線から3mm以上内側に収められます。ガイドを1本ずつ引きたい場合は、「表示」→「ガイド」→「新規ガイド」で、垂直または水平のガイドを3mmなどの位置に追加できます。

ステップ3:背景を塗り足しまで伸ばす

カンバスは大きくなりましたが、新しく増えた帯の部分は空白です。ロックされていないレイヤーでは透明、ロックされた「背景」レイヤーでは背景色になっています。色が端まで届くように、ここを埋めます。デザインに合った方法を選んでください。

  • ベタ塗りやグラデーションの背景。スポイトツールで端の色を拾って帯を塗りつぶすか、細い帯を引き伸ばします。長方形選択ツールで外側の数ピクセルを選択し、「編集」→「自由変形」で外へ広げます。テクスチャーのある背景では模様がにじむので、この方法は向きません。
  • 写真や統合済みの画像:コンテンツに応じた塗りつぶし。「背景」レイヤーのロックを解除し、自動選択ツール(「隣接」にチェック)で透明な帯を選択します。「選択範囲」→「選択範囲を変更」→「拡張」で2px広げて実際の端と重なるようにし、「編集」→「コンテンツに応じた塗りつぶし」を選んで結果を適用します。
  • 写真や統合済みの画像:生成拡張。切り抜きツールを選び、ハンドルを各辺の外側へドラッグします。プロンプトは空欄のまま、コンテキストタスクバーの「生成」をクリックします。これはAdobeの生成クレジットを使うクラウド機能なので、クレジットが残っているか確認してください。100%に拡大して、各辺を確認します。

どちらの自動の方法も、端に半分だけの文字や余計な線など、本来ないはずの細部を描き足すことがあります。塗り足しはわずか3mmで断裁されるので、小さな乱れは問題になりませんが、仕上がり線にかかるものは見逃せません。

よく使うサイズのカンバス計算

「カンバスサイズ」(相対)に入力する値と、その後に表示されるサイズです。mmの行は塗り足し3mm、インチの行は塗り足し0.125インチで計算しています。

仕上がりサイズ片側の塗り足し入力値(相対)新しいカンバス300ppiでのピクセル数
名刺(⁠85×55mm)3mm6×6mm91×61mm1075×720
名刺(⁠3.5×2インチ)0.125インチ0.25×0.25インチ3.75×2.25インチ1125×675
CR80カード(⁠85.60×53.98mm)3mm6×6mm91.60×59.98mm1082×708
A4(⁠210×297mm)3mm6×6mm216×303mm2551×3579
A5(⁠148×210mm)3mm6×6mm154×216mm1819×2551
USレター(⁠8.5×11インチ)0.125インチ0.25×0.25インチ8.75×11.25インチ2625×3375
ポストカード(⁠4×6インチ)0.125インチ0.25×0.25インチ4.25×6.25インチ1275×1875

ピクセル数は、いちばん近い整数に丸めています。カードのサイズについて詳しくは名刺の塗り足しサイズをご覧ください。CR80の行はプラスチックカードの標準サイズで、CR80カードテンプレートとデザインチェッカーでも確認できます。まずは必ず、印刷会社に塗り足しの指定を確認してください。3mmより大きいこともあります。

ここで300ppiが重要な理由

塗り足しを付けても解像度は変わりませんが、解像度が間違っていれば、どのみちファイルは台無しです。「イメージ」→「画像解像度」を開いて「再サンプル」のチェックを外し、カンバス全体のサイズで「解像度」が300pixel/inchになっているか確認します。画像が72ppiで幅が小さすぎる場合でも、「再サンプル」にチェックを入れたまま数値を上げてはいけません。ピクセルが引き伸ばされるだけです。もっと大きな元画像に戻りましょう。上のピクセル数の表が目標値です。詳しくは印刷に必要な画像解像度をご覧ください。

ステップ4:Photoshop PDFで保存してサイズを確認

「ファイル」→「コピーを保存」(または「別名で保存」)を選び、形式を「⁠Photoshop PDF」にして、続くダイアログで「高品質印刷」やPDF/X-4などの印刷用プリセットを選びます。Photoshop PDFにはトンボのオプションがないので、ページは塗り足しを含むカンバス全体になります。保存したPDFをAcrobatかReaderで開き、「ファイル」→「プロパティ」を確認します。ページサイズは仕上がりサイズと塗り足しの合計、たとえばA4なら216×303mmになっている必要があります。印刷会社には、ファイルの四辺すべてに3mmの塗り足しがあることと、仕上がり線の位置を伝えてください。

塗り足しのない統合済みPDFがすでにある場合は?

塗り足し・セーフエリア計算を開き、PDF、PNG、JPEGをドロップして塗り足しの幅を入力し(初期値は3mm、mmでもインチでも指定可)、ダウンロードします。ツールがデザインの周囲に塗り足しを追加し、デザインそのものから端の外側へ絵柄を続けます。端を鏡像にするか、端のピクセルを伸ばすかを選べます。書き出されるのは、塗り足し、仕上がり線、トンボを名前付きの別レイヤーに分けたPDFと、塗り足しだけを付けたトンボなしのデザインです。処理はすべてブラウザー上で行われ、何もアップロードされません。ラスター画像の場合は、実効解像度も表示します。各辺にあるデザインをそのまま延長するので、塗り足しも元のデザインの続きになります。仕上がり線の近くにある文字や枠は、入稿前にもう一度確認しておきましょう。

よくある間違い

  • 「相対」にチェックを入れずに拡大する。「相対」のチェックを外したまま6mmと入力すると、カンバスの幅が6mmになり、画像が切り取られてしまいます。先に「相対」にチェックを入れるか、仕上がりサイズに塗り足しを足した全体のサイズを入力します。
  • 画像を引き伸ばして塗り足しを埋める。画像全体を拡大すると、レイアウトも解像度も変わってしまいます。代わりに端を延長しましょう。
  • 文字が塗り足しに入っている。文字とロゴは、カンバスの内側というだけでなく、セーフエリアのガイドの内側に収めます。
  • JPEGで保存する。JPEGには仕上がり線の情報がないので、印刷会社はどこで断裁すればよいかわかりません。PDFを送り、仕上がりサイズを伝えましょう。

関連記事

Illustratorで塗り足しを付ける方法、Canvaで塗り足しを付ける方法、Wordで塗り足しを付ける方法、印刷の塗り足しとは、名刺の塗り足しサイズもご覧ください。

Photoshopの塗り足しのよくある質問

よくいただく質問に、短く率直にお答えします。ここにない質問は、お気軽にお問い合わせください。

なんでもご質問ください
Photoshopで3mmの塗り足しを付けるには?

「イメージ」→「カンバスサイズ」を開き、単位をmmにして「相対」にチェックを入れ、幅と高さの両方に6mm(片側3mm)を入力します。「基準位置」は中央のまま「⁠OK」をクリックします。次に、新しく増えた端を埋めて、背景を新しいカンバスの端まで伸ばします。完成したカンバスは、縦横それぞれ仕上がりサイズより6mm大きくなります。

Photoshopで0.125インチの塗り足しを付けるには?

同じダイアログで、単位をインチにします。「イメージ」→「カンバスサイズ」で「相対」にチェックを入れ、幅と高さに0.25インチ(片側0.125インチ)を入力して「⁠OK」をクリックします。3.5×2インチの名刺は3.75×2.25インチに、4×6インチのポストカードは4.25×6.25インチになります。

Photoshopに塗り足しの設定はありますか?

いいえ。Photoshopには、IllustratorやInDesignのような塗り足しの入力欄はありません。塗り足しはカンバスの一部にすぎないので、カンバスを仕上がりサイズより大きくします。仕上がり線を見たい場合は、各辺から塗り足しの幅の位置にガイドを追加します。

統合済みの画像やJPGに塗り足しを付けるには?

画像を開き、必要なら「背景」レイヤーのロックを解除して、「イメージ」→「カンバスサイズ」でカンバスを塗り足しの2倍だけ広げます。空いた帯は「コンテンツに応じた塗りつぶし」か「生成拡張」で埋めます。デザインがすでに統合済みのPDFなら、Proofsceneの無料の塗り足しツールで、Photoshopを開かずに延長できます。

ファイルの解像度はどれくらい必要ですか?

塗り足しを含むカンバス全体を印刷時の実寸にした状態で300ppiです。「イメージ」→「画像解像度」を開き、「再サンプル」のチェックを外して確認します。mmまたはインチでの幅と高さが目的のカンバスと一致し、解像度が300になっている必要があります。

PDFに塗り足しが本当に入っているか確認するには?

保存したPDFをAcrobatかReaderで開き、「ファイル」→「プロパティ」を確認します。ページサイズが仕上がりサイズと塗り足しの合計、たとえば85×55mmのカードに3mmの塗り足しを付けた場合は91×61mmになっていれば大丈夫です。仕上がりサイズのままなら、塗り足しは追加されていません。

次の校正を3Dで

無料アカウントを作成して校正PDFをアップロードすれば、今日から自社ブランドのリンクでインタラクティブな3D校正をお客様に送れます。

無料アカウント · クレジットカード不要 · 印刷のプロが開発