コンテンツへスキップ

タグ: カラーモード

公開日 色の基本（4）〜初音ミクあるいはティファニーの、エメラルドグリーン〜 にコメントを残す

こんにちは。ANGEL VIBES です。10年以上前だと記憶していますが、私はティファニーのネックレスをプレゼントされたことがあります。ネックレスはエメラルドグリーンの箱に入ってやって来ました。「ティファニーブルー」とも呼ばれるこの爽やかな色が気に入って、ネックレスの収納ケースとして、今でも大事に使っています。
初音ミクのキャラクターのテーマカラーもエメラルドグリーンですね。髪や目、コスチュームに、取り入れられています。
私も好きな色ではありますが、この青緑系の色は、実はデザイナー泣かせの色でもあります。

 

CMYKでは再現が難しいエメラルドグリーン

エメラルドグリーンも含まれる、俗に「青緑」と呼ばれる系統の色は、オフセット印刷のCMYK4版掛け合わせで再現しようとする時は注意が必要です。彩度がずいぶん低くなってしまうため、パソコンのモニタ画面で確認した色と比べてくすんだ印象になってしまい、刷り上がった印刷物のコレジャナイ感がハンパない、などという状況に陥りがちです。
そもそも以前にもお話していますが、エメラルドグリーンは、カラーモードをRGBからCMYKに変換しただけでも彩度が落ちてけっこう置き換わってしまうということでした。とにかく、CMYKで再現するのが難しい扱いづらい色と言えます。
（※RGBやCMYKのカラーモードのお話について忘れてしまっていたら、「色の基本（1）、色の基本（2）」あたりを読み返して見てください。）

私物のティファニーのネックレスの箱。大事にしてます。

 

CMYKの再現が難しければ特色を使う

でも、写真に映っているティファニーのネックレスの箱の色は、彩度が保たれていてくすんだ印象はないよね？という感想をお持ちの方もおられるかと思います。確かにそうですね。これにはちょっとした理由が考えられます。
ティファニーの箱の印刷には、どうも特色が使われているようなのです（写真の箱は厳密には特色を印刷した紙が箱に貼つけられている）。CMYKの4版掛け合わせでは、あのような鮮やかなエメラルドグリーンを再現できない一方、特色になら、あのようなエメラルドグリーンはありますし。・・・ということから考えれば、ティファニーの箱はCMYKで印刷していないことは予想がつきます。目を凝らしても網点が見あたりません。これは十中八九、特色と考えられるでしょう。
ティファニーほどの伝統あるブランドなら、通常はブランディングの課程で色指定を行うものなので、コーポレートカラーとして特色の指定色があるはずですし。日本国外に本社があるブランドなので、Pantoneあたりの指定になっていそうですね。
もしくは、専任の印刷会社さんに「ティファニーブルー」を特色として作ってもらっているかもしれません。企業によっては、独自のコーポレートカラーを専任の印刷会社さんに作ってもらっている場合があります。私も、以前に、ある印刷工場の見学に行った際、そういった特色を見せていただいたことがあります。

 

デザイナー泣かせだが個性的なカラー

このように、オフセット印刷においては、鮮やかなエメラルドグリーンのようなCMYKの掛け合わせでは再現できない色がありますが、特色で補える時もあります。
そんな時は、いつも特色が使えれば良いのですが、どうしてもCMYKでエメラルドグリーンを再現しなければならない場合もあります。特色を入れればそれだけ版が増え、印刷代も上がることになります。印刷経費を抑えるため、出来る限りCMYKの4版のみを用いた印刷にしようという場合もあるわけです。そんな場合は、発色が良い紙を使用して印刷するという手段もありますので、いかにそれっぽい色に見えているかという部分で、試案を重ねていくしかありません。迷ったらコート紙です。安めで発色が良いです。
ともかく、エメラルドグリーンは扱うには技術も知識も必要な色です。それゆえに、ブランドカラー、キャラクターのテーマカラーとしては採用されにくい色かもしれません。しかし、だからこそ世の中にありふれた色となりにくく、他と差異化ができて個性が出ます。難しい色ですが美しいですし、チャレンジしてみる価値がある色です。

 

モニタで映える初音ミクのエメラルドグリーン

彩度が保たれた状態の、鮮やかなエメラルドグリーンは美しいですね。特にモニタでこそ個性的で印象に残ります。
モニタで見る時の初音ミクのエメラルドグリーンは、印刷で再現できないRGBモードの光の媒体にしかない色です。青緑系でああいった彩度が高い色は、印刷では再現できない、極めて電子的なカラーということも言えます。それをキャラクターのテーマカラーにしたのは、初音ミクを見る媒体についてモニタ等の光の媒体をメインに想定しているからかもしれません。
なんとも、今どきのボカロアイドルっぽい現象ですね。

 

初音ミクのエメラルドグリーン、特色なら？

試しに、RGBモードの初音ミクのエメラルドグリーンに、特色をあててみましたよ。色チップを見て確認しました。

ポンチ絵で失礼します。

初音ミク

この絵なら、「DIC42」もしくは「DIC2162」でしょうか？
ご参考まで。

 

まとめ

・ティファニーや初音ミクのエメラルドグリーンは、厳密にはCMYK4版の印刷では再現できない
・エメラルドグリーンは再現が難しい色だからこそ独特で、チャレンジしてみる価値あり
・初音ミクのエメラルドグリーンは、特色なら「DIC42」もしくは「DIC2162」ぐらいだろうか？

ではまた!

公開日 DTPの配置画像の話（1） にコメントを残す

こんにちは。ANGEL VIBESです。リーフレットやポスターなどの紙媒体の印刷物をDTPソフトで入稿データを作成する際、必ず気をつけなければならないことの一つに、「配置画像」の設定があります。今日は紙媒体のデザインで使われる「配置画像」のお話を中心にしたいと思います。

 

「配置画像」とは？

DTPでいう「配置画像」ですが「貼り込み画像」とも呼ばれます。リーフレット、ポスターといった紙媒体で、商品や風景などの写真を目にすることはありませんか？　こうした媒体がDTPソフトでデザインされているなら、それらの写真は、DTPソフトのドキュメント上に読み込まれ配置されたデータです。これがDTPソフトで言う「配置画像」です。
AdobeIllustratorなどDTPのデザインに使われるソフトなら、写真等の画像データを外部から取り込み配置できる仕様となっています。配置された画像は、文字、罫線、図形などの要素と組み合わされ、画面が構成されます。DTPソフトでは、このようにしてレイアウトが行われます。

 

紙媒体の印刷物をデザインする際は、最初に「配置画像」をチェック

DTPソフトの中でも、AdobeIllustratorを例に考えてみましょう。まあ、よく使われるソフトなので。
リーフレットやポスターなどの紙媒体の印刷物をAdobeIllustratorを使って入稿データを作成する際、最初にしなければならないことがあります。
それはレイアウトに使用する「配置画像」のカラーモードと保存形式のチェックです。
レイアウトに使用する予定の画像は、「コマンド＋I」で「情報を見る」にして最初にチェックしておきます。「情報を見る」にしたら「詳細情報」を開いてみてください。「色空間」の欄を見れば、カラーモードがRGBかCMYKかが分かります。
そして、保存形式はデータの拡張子を見れば解りますね？　PSD以外でしたら、PSDにしておいてください。なお保存形式は、他にTIFFなどもあるのでそこは予め調べておきましょう。 とはいえ、CSになってからは、Adobe社がPhotoshopネイティブのPSDを保存形式として奨励しているので、今時の保存形式ならだいたいPSDです。
レイアウトに使用する画像がカラーで、画像を確認してみてカラーモードがRGBでしたら、AdobePhotoshopでデータを開き、メニューバー「イメージ」→「モード」から、カラーモードをCMYKに変更してしまってください。また、保存形式がPSD以外でしたら、普通に「保存」せず、「別名で保存」にします。「コマンド＋シフト＋S」で「別名で保存」になります。「別名で保存」にするとダイアログが開かれるので、「フォーマット」→「Photoshop」を選んでください。すると保存形式「PSD」で保存されます。
なお、使う画像が白黒（「モノクロ」と呼んでいる画像はだいたいコレ）なら、グレースケールでの保存となります（詳細は次回説明します）。
 

「情報を見る」→「詳細情報」で「色空間」を見てみましょう

 

「別名で保存」ダイアログで「フォーマット」をPSDに変えましょう

 

保存形式PSDとは？

先ほども言いましたが、保存形式PSDはPhotoshopネイティブの保存形式です。Illustratorの配置画像などにも使用でき、Adobe社が奨励する形式でもあります。
現在は、Illustratorの配置画像はPSDが主流であると言えるでしょう。しかしかつてはEPSが主流でした。EPSのデータは、現在でも使えなくはありませんが、PSDは何かと使いやすいですし（これはまた別の日に説明しますね）、とりあえずPSDが主流であると覚えておいていただければ問題ありません。
配置画像の保存形式は、技術の変化など時代を経てPSDに移り変わりました。新技術が生まれて今後も変化していく可能性はあるでしょう。

 

写真のデータはRGB・JPEG形式で保存されていることがある

DTPで使用する写真のデータは、実際のところ、RGB・JPEG形式で保存されていることがあります。そもそもデジタルカメラで撮影した写真は、カラーモードRGBとなってしまうし、保存形式はJPEGやTIFF等となる仕様なので、まあ不思議ではありません。
JPEG形式はデジタルデータの保存形式としては、EPS等の形式よりデータ量が軽く済みますし、カラーモードもCMYKよりはRGBの方が軽く済みます。データを保存しアーカイブとして残すなら、より軽いデータ量にしておく方が管理はしやすいということは言えるでしょう。
なので、レイアウトに使用する写真データがあらかじめCMYK・PSDで保存されているかと言えば必ずしもそうでもないので、レイアウトに使用する写真は、最初に保存形式やカラーモードをチェックしておいた方が良いということも言えるわけです。
そもそも写真データはいろいろなチェックを要します。メリハリはどうだろう？ ゴミはついていないだろうか？ などなどということがあります。

チェックポイントの話は次回に続きます。

 

レイアウトしたIllustratorのドキュメントはAI形式で保存

AdobeIllustratorに配置する画像は、PSD形式が主流だという話をしてきましたが、一方画像を配置された側のIllustratorのドキュメントは？　という話です。AdobeIllustratorのドキュメントはAI形式で保存しましょう。これは、Illustratorネイティブの保存形式でAdobeの奨励となっています。

 

まとめ

・入稿データを作成する際は最初に「配置画像」のカラーモードと保存形式をチェック
・紙媒体なら「配置画像」のカラーモードはCMYKにする
・カラーの「配置画像」なら保存形式PSDにする
・AdobeIllustratorドキュメントは保存形式AIにする

ではまた！

公開日 色の基本（2）〜インクの色と​モニタの色が違う件〜 にコメントを残す

こんにちは。ANGEL VIBES です。「CMYK」と「RGB」の話に関連して、インクの色と​モニタの色のことについても少しだけ解説しておきますね。
パソコンを使ってデザインすると、モニタで確認した色と実際に刷りあがった印刷物の色とが違っていた、なんていう経験はありませんか？ 「CMYK」と「RGB」とでは再現できる色に違いがあるからです。

 

インクの色、光の色、知覚している内容の違い

人が色を知覚する時、目の視細胞が外界の光を受容し刺激を受けそれが電気信号となって脳に伝わっています。とても端的に言えば「見る」とはそのようなことです。人が「見る」その「外界の光」とは、ある範囲の波長の電磁波です。この「見る」ことが可能な電磁波は可視光線と呼ばれ、日常的には単に「光」と呼ばれていたりもします。
この辺りは高校生までの理科で習うことだと思うので、忘れてしまっていたら教科書を読み返してみましょう。

インクの色と​モニタの色の件に話を戻しますが、人が「見る」その「外界の光」は、インクの色とモニタの色とでは内容に違いがあります。
モニタの色はモニタを通し発する光をそのまま見ていることになりますが、印刷物に刷られたインクはそうではありません。インクの色として「見ている」と知覚しているのは、インクに吸収された可視光線の以外の、吸収されずに反射した可視光線です。例えば、インクがマゼンタの場合、可視光線のうちのマゼンタ以外の波長の光線をインクが吸収し、マゼンタの波長の光線のみを反射しています。また、インクが黒ならば、インクが可視光線を全部吸収し反射がないということです。
このように色の知覚いおいて、インクの色とモニタの色との間には、「反射した光」と「発する光そのもの」という差があります。そしてこの差ゆえに、両者で知覚させることができる色にも差があります。見た目に共通点・類似点がある色はありながら、それ以外の異質な色もあるわけです。

 

モニタの色にはインクで表せない彩度の色がある

モニタの色にはインクで表せない高い彩度の色があります。「彩度」とは色の鮮やかさの程度を示す尺度です。ショッキングピンクなど、「ネオンカラー」と呼ばれる色などは彩度の高い色の分類に入ります。一方、グレイッシュなトーンの色は彩度の低い色の分類に入ります。
なので、モニタで確認した色が印刷物にした時に彩度が変わり、「色が変わった」と感じることもあるのです。

とはいえグラフィックデザインのソフトでは、モニタでも印刷物の「CMYK」の色の調子を確認できるように、「CMYK」モードでのプレビューができるようになっています。プレビューのみならず、画像の「RGB」から「CMYK」へのカラーモードの変換も可能です。例えば、AdobePhotoshopを使えば、「RGB」モードの画像を「CMYK」モードに変換できます。こうした変換時に、色が少々くすんだりあるいは落ち着いた印象になった、という経験はありませんか？　このような場合は、色彩が「RGB」から「CMYK」で再現できる色に置き換わり、彩度が変化しています。
ただ、光をそのまま発するモニタ画面を通し画像を見ている以上は、「CMYK」モードのプレビューにしたからといって、見た目の色が印刷物と同一になるわけではありません。見た目を近づけることはできても、完全に一致させることはできないのです。
したがって、印刷物のより厳密な色を完成品となる前段階で確認したければ、校正刷り（色校）に頼らざるを得ないということです。

 

エメラルドグリーン系の色はけっこう置き換わる

いわゆる「エメラルドグリーン」と呼ばれる系統の色は、「RGB」から「CMYK」に置き換えた時、けっこう見た目が変わります。
例えばAdobePhotoshopで、「RGB」モードのエメラルドグリーン「R＝0、G＝255、B＝228」を、そのまま「CMYK」モードに置き換えてみてください。かなりくすんでしまいますね。「CMYK」モードに変換すると「C=56、M=0、Y＝29、K＝0」に置き換わるわけですが、「RGB」モード「R＝0、G＝255、B＝228」の色は「CMYK」モードではその彩度を再現できません。
 

これが「R＝0、G＝255、B＝228」
↓

こうじゃ!!　「C=56、M=0、Y＝29、K＝0」

 
このような色もあるので、グラフィックデザインソフトを使う際は、デザインする対象の媒体が印刷物なのかモニタなのかを確認しておかなければなりません。そして、印刷物の媒体に仕上げるなら「CMYK」プレビューで、モニタで見る媒体に仕上げるなら「RGB」プレビューで、それぞれ作業を行うことで、配色のミスをより防ぐことが可能となります。

 

インクによっても再現性が異なる

何かのデザインをしたとして、多くは入稿前にプリンタでプリントアウトをして見た目の確認をしていると思います。ただ、プリンタの特性によっても、色によって再現性が低かったりということもあります。家庭用のインクジェットプリンタだと、デジカメの写真はかなりきれいにプリントアウトできる一方で、赤のベタ面がひどくくすんでしまう場合もあります。レーザープリンタでも、色によっては彩度が異なってしまうことがあります。モニタと印刷物の色とでは差がある上に、このようにプリンタによっても再現性の問題があります。
最終的にオフセット印刷で仕上げるなら、オフセット印刷の校正刷りを出すのが最も厳密に色を確認できる手段です。とはいえ、オフセット印刷の校正刷りを出すにもその分金銭的なコストもかかるわけで、出す回数に限りがあると思います。なので、「DICカラーチャート」など、オフセット印刷の色見本と見比べて色を確認する作業も併用しましょう。
「DICカラーチャート」は私も所有しています。「CMYK」のインクの掛け合わせで、各比率のマスが並べられています。いざという時には、やはり役に立ってます。
 

DICカラーチャート

 
（かなり古くなってしまいました。多少なりとも変色していると思うので、買い替えなければなりませんね・・・。）

 

まとめ

・インクの色とモニタの色は見た目が異なる部分もある
・エメラルドグリーンは「RGB」から「CMYK」に置き換えると、彩度がかなり変わる
・「DICカラーチャート」でオフセット印刷の色の確認ができる

2

公開日 ​色の基本（1）〜カラーモード「CMYK」と「RGB」〜 への2件のコメント

こんにちは。ANGEL VIBESです。デザイン作業をしていると、「CMYK」と「RGB」って見かけませんか？ これはよく使われるカラーモードなのですが、Macでデザインソフトを扱うなら必ず触れることになります。カラーモードについては、とりあえず「CMYK」と「RGB」だけは覚えておきましょう。

 

インクなら「CMYK 」光なら「RGB」

Macを使ってデジタルでデザインをする時、カラーモードが設定されていたりあるいは設定しなければならなかったり、作業の過程で「CMYK」と「RGB」に触れる機会はあると思います。そして、「CMYK」と「RGB」のどちらかを選択し設定しなければならなくなることもしばしばあるでしょう。AdobeIllustratorでもAdobePhotoshopでもそうですね。
「CMYK」と「RGB」どちらを選択するかは、デザインを最終的にどういった媒体に落とし込むかによって決まります。インクによって印刷される媒体なら「CMYK」、雑誌やポスターは基本的にこちらです。光によって画像や映像が映し出される媒体なら「RGB」、パソコンの液晶モニタなどの媒体なら「RGB」となります。コンテンツとしてはWeb系が「RGB」です。
このように、インクなら「CMYK 」光なら「RGB」となるわけですが、このようなカラーモードの選択となる訳は、印刷媒体とモニタ系の媒体の色分解の違いによります。

 

色分解とは？

では色分解とは何でしょうか。それは大まかに言うと、あるカラー画像を色成分に分解することです。
カラー印刷は原色の掛け合わせによって像を再現するシステムです。実際の印刷のプロセスでは、画像は原色が何％ずつ掛け合わされているか、比率に置き換えられます。例えば、「C＝○○%、M＝○○%、Y＝○○%、K＝○○%」というように。このような色分解がされ、そして、その比率に応じた原色ごとの版が作られます。
ポスターや雑誌でも用いられるポピュラーな印刷方法「オフセット印刷」では、そのような原色の色版の掛け合わせによって画像の再現がされます。「オフセット印刷」での原色は、C＝シアン、M＝マゼンタ、Y＝イエロー、K＝黒（デザイン業界では「スミ」とも呼ばれる）、の４版です。入稿されたデータはCMYKの各原色に分解されて各版が作られ、その版を元に印刷が行われます。
一方、モニタで見ることを前提としたWebに用いる画像は、R＝レッド、G＝グリーン、B＝ブルー、の原色による色分解となります。
このように、色分解の原色は、インクなら「CMYK」、光なら「RGB」となります。ではなぜ印刷媒体とモニタ媒体とで原色が異なるのでしょうか？　それは、「CMYK」の色分解が「加色混合法」「減色混合法」を、「RGB」の色分解が「減色混合法」「加色混合法」を、それぞれ元にしていることによります。

 

「加色混合法」と「減色混合法」

「加色混合法」と「減色混合法」は色彩を再現する方法です。「加色混合法」と「減色混合法」とでは、それぞれの原色が異なっていて、「加色混合法」「減色混合法」の色の三原色は、シアン、マゼンタ、イエロー、「減色混合法」「加色混合法」の光の三原色は、レッド、グリーン、ブルーとなっています。
「加色混合法」「減色混合法」では、原色を掛け合わせるごとに暗い色になっていき、原色を同比率で掛け合わせると黒になります。一方、「減色混合法」「加色混合法」では、原色を掛け合わせるごとに明るい色になっていき、原色を同比率で掛け合わせると白になります。これが「加色混合法」と「減色混合法」の違いです。
 

加色混合法減色混合法の混色

 

減色混合法加色混合法の混色

 
上の図のように、「加色混合法」「減色混合法」では、原色を掛け合わせていくと黒になり、「減色混合法」「加色混合法」では、原色を掛け合わせていくと白になります。
現代では、色を再現する技術には、各媒体でこのような「加色混合法」と「減色混合法」の原理が取り入れられているわけです。

 

印刷の「黒」

C＝シアン、M＝マゼンタ、Y＝イエローを混色して黒い色が作れるのなら、「オフセット印刷」では黒＝Kのインクは必要ないのでは？　という疑問も出てくるかもしれませんね。
実際のところ、３つの版を高い比率で掛け合わせると、印刷物が乾きにくいという問題があります。それから版ズレへの対処も考えなければなりません。なので、黒の版があった方が印刷の行程がスムースだという面はあります。また、黒のインク１版を使う方が、シアン、マゼンタ、イエローの３版を使って黒を再現するよりも経済的であったりします。そんな諸問題があるので、「オフセット印刷」は、黒＝Kインクも他の３色に加えて、１つの原色とするシステムとなっています。

 

まとめ

・デザインソフトではカラーモード「CMYK」「RGB」をよく使う
・色分解とは、あるカラー画像を色成分に分解すること
・「CMYK」の色分解は「加色混合法」「減色混合法」を元にしている
・「RGB」の色分解は「減色混合法」「加色混合法」を元にしている

ではまた！

※2018年6月15日修正：「加色混合法」と「減色混合法」をすべて逆さまに説明していたため修正いたしました。
正しくは、「CMYK」が「減色混合法」、「RGB」が「加色混合法」でした。大変失礼いたしました。