フォトショップ

「あれっ?色味が違う・・」フォトショップで印刷データを作る際に絶対に覚えておくべき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. photoshopで仕事をしたい人が身につけておきたい技術や使い方のまとめ。日本…
  2. 必読!安易に起業ブームに乗っかる前に…絶対に読んでおきたい【おすすめのビジネス書…
  3. 柔軟な思考を大切にしたいクリエイター必読の5冊。私の頭をグニャングニャンに柔らか…
  4. WordPress日本語有料テーマの決定版っ!TCDシリーズのまとめ
  5. フリーランスや起業家になる前にこれだけは理解しておきたい5つのマトリックス&チャ…

関連記事

  1. webデザイン

    「これって写真だったの?」人物写真をphotoshopで手書き風の水彩画ちっくに仕上げるチュートリア…

    ここでは人物写真を、鉛筆画のような加工と絵具の表現の2つの工程を混ぜ合…

  2. webデザイン

    ちょっとした裏技!?Photoshopで文字を切り抜いて影を付けるレイヤーマスクの活用方法

    前面に紙や壁があることを想定し、文字の形に切り抜いて影を付けたい場合に…

  3. フォトショップ

    3分でわかる画像をフォトショップで切り取りする方法

    フォトショップで画像を切り取る方法はたくさんあります、バージョンが上が…

  4. webデザイン

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

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

  5. フォトショップ

    「Photoshopのカラーピッカーがおかしい、、」いつもと色が違う時の対処法

    Photoshopで色を変更しようと思ってカラーピッカーを開くと、知ら…

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

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

最近の記事

  1. 思わずクリックしてしまう画像でアクセスアップ!2番目に簡単な…
  2. 「コレがやりたかった!」GIFアニメ(動く画像)のPCモック…
  3. Photoshopを使って動画をGIFアニメーション(動く画…

思考系のおもろい記事

ブログラ
  1. 3分の話

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

    思わずクリックしてしまう画像でアクセスアップ!2番目に簡単なブログのアイキャッチ…
  3. SEO

    WordPressの使い方に迷ったらまずこの記事をチェック!すごく参考になる秀逸…
  4. webデザイン

    photoshopで仕事をしたい人が身につけておきたい技術や使い方のまとめ。日本…
  5. コピーライティング

    「ブロガーがこんなの読んだら反則レベルでしょっ、、」と思うくらい文章力が上がりそ…
PAGE TOP