フォトショップ

「あれっ?色味が違う・・」フォトショップで印刷データを作る際に絶対に覚えておくべき3つのこと。

フォトショップ初心者の方や趣味でデザインをやっている方の中には、印刷してみると「あれっ?色味が違う・・」「ずいぶんくすんでるな・・」そんな経験をしたことがある方もいるのではないでしょうか?

その原因にはカラーモードをRGBカラーで作成してしまっている可能性があります。

デザインの仕事に携わっている人でなくても3原色という言葉を聞いたことがあると思いますが、3原色には光の3原色(RGB)色材の3原色(CMY+K)の2種類存在し、パソコンやテレビなどの画面は光で、印刷物は色材によるもので、発色そのものの仕組みが異なります。

3原色

デザインに起こす媒体によって作成するカラーモードを変える必要性があり、印刷物をデザインする際には色材の3原色(CMY+K)、フォトショップの新規ドキュメントはCMYKカラーで作成するようにしましょう。

ここでは、フォトショップで印刷データを作る際に絶対に覚えておくべき3つのことをA4サイズで作成するケースを参考にして解説します。

  • ① 新規ドキュメントはCMYKカラー(350pixel/inch)で作成
  • ② 塗り足し部分はトンボの代わりにガイドを表示
  • ③ 印刷会社にデーター入稿する際には複数レイヤーを統合

新規ドキュメントはCMYKカラー(350pixel/inch)で作成

ホームページやバナーなどのデザインをする際はRGBカラーで作成しますが、印刷用データを作成する際には、色材の3原色に近い色味をブラウザー上に表現したCMYKカラーで作成します。

フォトショップ新規ドキュメント

また、印刷物の場合では解像度の違いによって仕上がりに差異が出てくるので解像度を300~350pixel/inchぐらいに上げておきます。(webデザインでは基本的に差異は感じられないため解像度は72pixel/inchで作成するのが一般的)

塗り足し部分はトンボの代わりにガイドを表示

印刷データの場合には実際A4のサイズより上下左右3mmづつ程度の塗り足し部分を作っておく必要があります。イラストレーターではトンボ(ここが印刷範囲ですよー)という機能がついていますが、フォトショップにはトンボ機能が無いので代わりにガイドを付けます。

A4サイズは縦の場合で210mm×297mmなのでガイドは水平方向に0mmと297mm垂直方向に0mmと210mmにそれぞれ新規ガイドを作成する。

ガイドの作成

ガイドを作成したら、カンバスサイズを上下左右3mmづつ広げます。

カンバスサイズ

これで塗り足し部分印刷範囲のガイドができました。

塗り足しとガイド

作成したガイド(実際に切り取られる印刷範囲)を意識しながら塗り足し部分を含めた全体にかかるようにデザインしましょう。

印刷会社にデーター入稿する際には複数レイヤーを統合

完成したデザインは数多くのレイヤーで構成されているかと思いますが、印刷会社にデーター入稿する際にはすべてのレイヤーを統合しておく必要があります。※統合して保存し、一度フォトショップを閉じてしまうと戻れなくなるので複製などで必ずバックアップしておきます。

データの複製

レイヤー 》 画像を統合 でガイドはそのままでレイヤーは統合されます。

レイヤーの統合

これで印刷会社さんへ入稿するデータが完成しました。

  • ① 新規ドキュメントはCMYKカラー(350pixel/inch)で作成
  • ② 塗り足し部分はトンボの代わりにガイドを表示
  • ③ 印刷会社にデーター入稿する際には複数レイヤーを統合

あれっ?色味が違う・・」といったことや、後々になって印刷屋さんに「塗り足し部分とガイドを付け付けてください」なんて言われてしまうことが無いように、フォトショップで印刷データを作る際に絶対に覚えておくべき3つのことを癖付けしておきましょう。

こっちも重要なので合わせて読んでください ⇒ 印刷用データを入稿する際に「インキ総使用量を300%以下にしてください」ってマジかっ!?Photoshopのカラー設定について。

スリームデザインの無料メールマガジン

ピックアップ記事

  1. WordPress日本語有料テーマの決定版っ!TCDシリーズのまとめ
  2. 柔軟な思考を大切にしたいクリエイター必読の5冊。私の頭をグニャングニャンに柔らか…
  3. 「特訓Photoshopプロのテクニック教えます!」という本のWEB版を『無料』…
  4. WordPressの使い方に迷ったらまずこの記事をチェック!すごく参考になる秀逸…
  5. 見ているだけで「Photoshopの実践的な使い方が学べる」日本語解説付き動画の…

関連記事

  1. webデザイン

    フォトショップでフワフワ・フサフサな動物の毛を表現するブラシの上手な活用方法。

    フォトショップのブラシを上手に活用するとさまざまな表現が可能になります…

  2. webデザイン

    photoshopで結露のしたたる曇りガラスに指で文字を書いたような表現をするチュートリアル

    雨上がり、車の窓から外を眺めているような表現をするために、photos…

  3. webデザイン

    意外と知らないっ、、Photoshopで文字の輪郭(境界線)だけに影を付ける方法

    Photoshopで文字の輪郭(境界線)に影を付けようと思っても、「外…

  4. フォトショップ

    photoshopで違和感なくほくろやシミを消す方法。

    photoshopで人物写真のほくろやシミを消したい場合にはコピースタ…

Wordpress日本語テーマのまとめ
photoshop日本語チュートリアル

よく読まれている人気の記事

最近の記事

  1. 「特訓Photoshopプロのテクニック教えます!」という本…
  2. 「いつも締め切りに追われてしまう」そんな人がミッションを成し…
  3. Photoshop CCのメニュー文字やツールバーが異常に小…

思考系のおもろい記事

ブログラ
  1. 3分の話

    フリーランスや起業家になる前にこれだけは理解しておきたい5つのマトリックス&チャ…
  2. フォトショップ

    見ているだけで「Photoshopの実践的な使い方が学べる」日本語解説付き動画の…
  3. キュレーション

    必読!安易に起業ブームに乗っかる前に…絶対に読んでおきたい【おすすめのビジネス書…
  4. webデザイン

    「特訓Photoshopプロのテクニック教えます!」という本のWEB版を『無料』…
  5. 3分の話

    柔軟な思考を大切にしたいクリエイター必読の5冊。私の頭をグニャングニャンに柔らか…
PAGE TOP