【色の基礎知識】　未経験だからこそ知っておきたい！CMYKとRGBの違い

未経験でフリーランスになりたいという方や
副業や転職したいという方。
知っておきたい「色の基礎知識」があります。

CMYKとRGBの違いです。

CMYKとかRGBって専門用語みたいで
いきなり言われるとわかりませんよね。

ですが、これを知っておかないと、
Webデザインやチラシなどを作る
DTPデザインをやる上で
トラブルになる可能性もあるので、
ぜひ知っておいてください。

簡単に書くと
CMYK＝印刷用
RGB=Web用です。

【色の基礎知識】　未経験だからこそ知っておきたい！CMYKとRGBの違い

IllustratorでもPhotoshopでも、
起動したら「何のために作成するのか」と
色のモードを選ばなくてはいけません。

つまり「印刷したいの？」
「Webだけでみたいの？」ってことです。

IllustratorやPhotoshopの起動画面で、
どれを選べばいいのかというと
「プリント」や「印刷」はCMYKです。
Webと書かれているものはRGBになります。

バージョンによって、
起動画面が変わったりするので
これを知らないと
「え？どれを選べばいいの？
自分が持ってるテキストと違う・・」と
悩む原因にもなります。

後で変更することもできますが、
「スウォッチ」という色のパレットの
色味がおかしくなるので、
特に未経験者の方は最初に
「何のために」と決めて選ぶといいと思います。

悩むようなら「印刷用」を選んでください。

このブログでは、イメージで説明します。
もし、もっと詳細を！という場合は、
詳しく書かれている方の記事もありますので
「CMYK　RGB　違い」と検索してみてくださいね。

CMYKは印刷するものを作りたい時。
RGBはWebの素材などを作りたい時。

「色の三原色」や「光の三原色」って
聞いたことありますか？
もし聞いたことがあれば、それです。

イメージでいえば、
CMYKは「絵の具」。
RGBは「スポットライト」です。

CMYKは「絵の具」なので、
絵の具を混ぜれば混ぜるほどグレーや
黒っぽくなりますよね。

「印刷」は「インク」を使うので、
混ぜれば混ぜるほど色が加わります。
イメージで言うと、どんどん「絵の具」で
色を塗っていっているかんじ。

RGBは「スポットライト」。
イメージで言えば、歌手がステージにいて、
色んな色のライトがステージ上を
照らしていますよね。

そして、一番明るく目立たせたい場所に
歌手がいて、そこにすべての色が集まると、
明るいイメージになりますよね。

このイメージからしても、
CMYKとRGBは真逆の
色の考え方になるので

デザインをする際に間違ってしまうと、
印刷が変な色ででてしまったり、
メールで画像を送ったら
真っ黒になってしまったり、
鮮やかな色がくすんだ色に
なってしまったりしますので
お気をつけください。

CMYKとRGBってなんなの？

CMYKとRGBは、色の頭文字です。
CMYKは、家庭用や職場のプリンターの
トナーなどを交換した事がある方は
聞いたことがあると思います。

C=シアン
M=マゼンタ
Y=イエロー
K=ブラック
※KはBlackの「K」ではありませんが
「黒」のことです。
「key plate」の頭文字だそうです。

R=レッド
G=グリーン
B=ブルー

そうなんです。
これ、よく聞かれるんですが、
CMYKは先ほど書いたように
４つの色で印刷物を表現しています。

なぜ４つなのか。

「CMY」の３色で
黒以外のすべての色を表現できます。

一応「黒」も表現することができるのですが
それで「黒」を作ってしまうと、
色々と不具合がでてきてしまいます。

簡単に、印刷機の説明をしますと
※印刷の順番は実際のものとは違いますが、
イメージでとらえてくださいね。

Cでインクをたくさん使って。
Mでインクをたくさん使って。
Yでインクをたくさん使う。

同じ場所にたくさんのインクを使うと
印刷機にくっついてしまう可能性があります。

また、くっつかずに印刷できたとして
乾くのが遅くなったり、
乾く前に次の印刷物が上から重なり、
裏写りしてしまう可能性があります。

また、バーコードなどの
精密に読み取らないといけないものの場合は
「C」「M」「Y」と刷っているうちに
色がずれてしまうと、
読み取れなくなってしまいます。

それを防止するためにも
「K」だけの色が必要なんですね。

しかし、より深みのある美しい黒を
出したい時に「リッチブラック」と
いうものもあります。

これは「CMYK」の４色を組み合わせて
印刷するのですが、先ほど供述したように
すべての色をたくさん使ってしまうと、
印刷する際に困ってしまうことになる
可能性があります。

そこで、もし「リッチブラック」を
使用したい際には、依頼する印刷会社さんに
色の割合のを確認してください。
おそらく「C40%、M40%、Y40%、K100%」
くらいを指示されるかもしれません。

はい。これは、また後ほど説明します。
とりあえず、今はCMYKはそれぞれ「何%」
入れるのかで色の組み合わせをしている
ってことだけ、なんとな〜く覚えていてください。

リッチブラックの件は、使用したい場合には
印刷屋さんに確認はしてくださいね！

「リッチブラック」はすべての色の場所を
合わせないといけないので、
印刷の際にずれる可能性も高いので、
細かい文字には使用しないほうがいいです。

こちらの印刷会社さんが詳しく書かれてたので
リンクを貼らせていただきますね。
https://www.wave-inc.co.jp/data/dtp/black.html

まぁ、まずは印刷用＝CMYKですよ、
ってことです。
そして、Web＝RGBなんだってことで
覚えててください。

なんで、３色や４色でフルカラーが表現できるの？

これ、とても不思議なんですが、
脳の錯覚というか、目の錯覚というか。

ルーペや虫眼鏡などで
雑誌などの印刷物を拡大すると
すごく細かく網点があります。
これがCMYKの４色でフルカラーを
表現しています。

ルーペなどがない場合には、
映画館の大きいポスターや看板などを
見るとわかるかもしれません。

Webを見るモニターやテレビでも
画面を拡大すると赤と緑と青の網点です。
これで、フルカラーを表現しています。

Illustratorでも各色をひとつづつ見ていくと
不思議なことにフルカラーになります。
Photoshopでも「チャンネル」というもので
確認することができます。

この色数で別れているということを
なんとなくでも覚えておいてください。
これからやっていくWebデザインやチラシなどの
DTPデザインをやるうえで、
色の変更や調整などにつながります。

写真はRGBで撮られている、では印刷する時どうCMYKに変更するの？

スマホやデジカメで撮った写真は
基本的にRGBです。
写真屋さんでプリントアウト
してもらう時には、そのままRGBでOK。

しかし、もしあなたが名刺やチラシなどの
印刷物を作ろうとしたら、
RGBをCMYKに変更する必要があります。

実際にあったトラブルです。
とある携帯会社のチラシを作成しました。
携帯のチラシって、
画像がたくさん使われていますよね。

当時、この仕事は
いつも印刷屋さんがデータの確認を
してくれていました。

急ぎだったこともあり、
大量に印刷されました。
そして、刷り上がったものを見た
印刷会社の人が大慌て。

携帯電話のひとつの色が
あきらかに薄く、
色あせている!?( @ □ @ ; )

しかし、パソコンの画面上でみると
何の問題もない。

大慌てで制作会社にやってきた印刷屋さん。
制作会社も「え？なんで？」となって、
すべての画像を確認したところ・・・・

その色あせていた画像がRGBだったのです

「これって、誰の責任？」
ってことになり、
刷り直す費用などのことでもめました。

「印刷屋さんが毎回確認をしてくれている」
ということで、甘んじてしまっていたのかも
しれません。

現在、ネット印刷などでは
「データの確認はしない」ということで
安く受けている会社も多いです。
何か画像などのトラブルがあっても
そのまま印刷されますので、
データの確認は充分におこなってくださいね。

最近の会社用のコピー機や
家庭用のインクジェットはRGBの画像や
データをプリントしても
キレイに印刷されるため、確認用で
プリントしても気づかないかもしれません。
ご注意ください。

この問題はPhotoshopで色のモードを
「RGB」から「CMYK」に変更することで
解消されます。

前回の記事にも書いたように、
IllustratorとPhotoshopの両方を
持っていることが理想ですが
Illustratorだけもっている場合には
「画像の埋め込み」をすれば
大丈夫だと思います。

あなたが作成したデザインが、
ちゃんと、印刷用の「CMYK」のモードに
なっていれば、写真を埋め込んだ際に、
無理やりCMYKに変換されるかと思います。

これは、知人の印刷屋さんにも
聞いたのですが、よくわからない・・・との
回答だったので、断言はできないんですけど、

現在のネット印刷のテンプレートや
普及率の高さを考えても、
大きな問題にはなっていないということを考えると
Illustrator上でRGBの写真を埋め込めば
CMYKに変換されると思います。

「画像の埋め込み」については後日、
Illustratorの使い方の記事に書きますね。

RGBからCMYKに変換されるときの注意点

CMYK=印刷用
RGB＝Web用
と先ほど書きましたが、大きな注意点があります。

先ほど、CMYKで作成しているIllustratorに
RGBの写真を埋め込めば変換されるはず！
ということを書きましたが、

RGBからCMYKに変換すると、
色がくすみます。

鮮やかな写真を変換する際には、注意です。

例えば、南国のイメージ写真があります。
青い海、青い空、青々とした緑、
真っ赤なハイビスカス・・・・

RGB、つまり、画面上や写真プリントだと
キレイに見えるのですが、CMYKに変換すると
とたんに色がくすみます。

最近のバージョンでは変換後の色のくすみは
大きくは感じなくなりましたが、
それでも、変換する際には気をつけたほうがいいです。

そうとうくすむようであれば、
Photoshopなどで加工する必要があります。

最近では、個人でネット印刷を
使用することも多いからか
新聞の折込やポスティングなど
様々な印刷物をみてると
「あ、これRGBから印刷してるな」ってのは
すぐにわかります。

実際に、とある大きなイベントのチラシの色が
かなりくすんでいました。
それが多くの方に配られていましたが、
特に問題にはなっていないようでした。

考えすぎだといえば考えすぎかもしれませんが
企業ブランドイメージを高めるということでは
大問題になります。

また「美味しそうな写真を掲載している」のに
色がくすんでいると、素人っぽさがぬけず
しっかりしたイベントを作っているはずなのに
チラシがどうも垢抜けない・・・というのは
その「色」にも関係してるかもしれませんね。

おそらくですが、その多くが
ネットに集客用のチラシを掲載し、
それをそのまま、ネット印刷に
流しているのだと想像しています。

実際に「フリーランスでやってるよー」とか
「個人で副業でやってる」って方でも、
知らずにやっている方もいます。

私は最初、かなり問題だと思いましたが、
先ほども書いたように、
最近はネット印刷も普及し
個人での印刷も普通になっていきている時代です。

もし「集客できている」のであれば
いいのかな？とは思うこともあります。
しかし「仕事」で受ける場合には
知らないとトラブルになる可能性が高いです。

これから、
未経験でもフリーランスになりたい！
もしくは副業や転職をしたい！と
思っている場合には、
ぜひとも覚えていてください。

Excelなどのデータを直接コピーしてくる時の注意点

たまに、WEBデザインでもDTPデザインでも

と、クライアントから言われることがあります。

これ、先ほどの話にもつながりますが、
特にチラシの場合
IllustratorのCMYKモードに
そのまま配置すると色がかわります。

見た目にはわからないかもしれませんが、
特に「黒にみえているもの」は
気をつけたほうがいいです。

ExcelのデータはRGBですので、
そのままコピペするとCMYKに変換されます。

色の内容をみると「黒にみえるもの」が
「K100%」ではありません。

先ほども書きましたが
「リッチブラックは細かい文字には
使用しないほうがいい」。

なぜなら、
ズレるから。

クライアントが
「気にしないよー。そのままコピペしちゃって」
と言うのであればいいですが、
ものによっては印刷後に文字がぶれている
可能性ありますし、そのまま印刷して
「あれ？文字の色ちょっと違うね？なんで？」
となった場合は、そのことだと思ってください。

また、Excelのデータは
そのままIllustratorにコピペすると、
タブまでコピペされてしまいます。

画面上でみるとわかりづらいですが、
色のない「アウトライン」のモードで見ると、
Excelのようにタブが「枠」となって
貼り付けられています。

いえ、例えアウトラインのモードで
Excelのタブがコピペされていたとしても
Excelのように使えるわけではありません。

逆に、通常のモードだとその枠が
見えないので、修正をする際に
その「枠」が邪魔になり、やっかいです。

コピペしたデータを修正する際には
特に注意してください。
※タブの枠は消しても大丈夫ですが、
文字が見えなくなる場合もあるので、
確認しながらの作業が必要です。

特に、Illustratorに慣れていない状態で
そのような仕事が来た場合には
「データはコピペするだけで、修正しません」
と言ったほうがいいでしょう。
また、そのような依頼の場合、
あまり制作料金もとれない可能性が
ありますので、修正に手間はかけられません。

クライアントからすると
「データを提供するから、簡単に作れるでしょ？」
と思っている場合が多いです。
悪気があるわけではなく、
親切心でデータをくださることもあるので、
内容にもよりますが、そのまま読み込むのか
作り直すのか等、判断が必要になります。
本当に「コピペだけでいい」場合もあります。
その場合は、かなりラッキーです。

文字の修正はできますが、長くなったり、
レイアウトが変更するほどの修正は
Illustrator初心者にはかなりハードルが
高いかもしれません。

CMYKはくすむっていうけど、ショッキングピンクの印刷物ってあるよね？

CMYKの４色で表現するフルカラーでは、
鮮やかな色は表現できません。
しかし、ショッキングピンクだったり、
ゴールドだったり、シルバーだったり、
メタリック？だったり？のチラシを
見たことがありますよね。

これは「特色（とくしょく）」といって、
それ専用のインクがあります。
そのインクはCMYKとは別に１色と考えます。

たとえば、スーパーのチラシなどで、
赤だけのインクで刷られたチラシだったり
赤と緑だけで刷られているものを
見たことがあると思います。

また、旅行会社のチラシで
ショッキングピンクで印刷されているのを
みたこともあります。

これは「特色」で印刷されています。
つまり、CMYKのインクをつかわず
特色だけで印刷をしています。

例えば、赤を使いたいけど
CMYKで「赤」を作ろうとすると
「M」と「Y」の２色を使用しないといけませんが、

特色であれば「赤」のインク１色で
すみますのでコストも安く抑えられます。
（使用するインクメーカーにより
番号がふられています。）を

まず、一番左側の
黄色と赤のチラシの説明です。
これは、「紙の色」が「黄色」なんですね。

黄色い紙に印刷をしているので、
赤だけの１色だけど、
目立つようなチラシが刷れているのです。
チラシの裏をみると、黄色いはずです。
つまり、黄色い紙を使っているということです。

また、赤１色でもピンクっぽいとか
色んな色を使っているように見えるのは
「赤」のインクを使用する「量」を
減らすことで、１色だけでも
多彩なイメージをつくれるのです。
一番濃い「赤」が100％だとすると、
それを50％とか30％などで
イメージを作ります。

そして、一番右側の赤と緑の２色のチラシ。
赤と緑を足すと何色になると
思いますか？

・・・緑がかった黒っぽい色になります。
色を足すことを「かけあわせ」といいます。
赤と緑をかけあわせると、
「黒」も表現できるので
２色しか使えないけど、写真を
キレイに表現できるのです。

このように、特色をうまく使えば
予算がなく、色数が限られていても
このように色々な工夫ができるわけです。

また、特色は用意されているインクの番号を
指定することもできますが、
自分で「この色です」ということを
指定することもできます。
特色を使用する際には、印刷屋さんと
相談しておくと安心です。

注意したいのは、
Illustratorに「特色」を
指定できるやり方があるのですが、
普通にCMYKの4色フルカラーなのに
「特色」の色をわざわざ使ってしまうと
CMYK＋特色ということで、色数が増えて
金額も上がりますのでご注意くださいね。
ネット印刷だと、断られる場合もあります。

生徒さんの中に「白」を色として数えて
混乱してしまう人がいますが
基本的に「白」は色数として数えません。

なぜかというと「白」は「紙の色」、
つまり、印刷がのっていない部分が
「白」になります。

先ほど例をあげた赤インクで
黄色い紙に印刷したチラシは、
色が乗っていない部分は「黄色」になります。

しかし、お菓子などが入っている
透明のビニールや、
ビール缶のような色付きのものに
印刷をする場合には
「白」のインクを最初に刷らないと
いけない場合もあります。

その場合は普通のフルカラーにしたくても
「白」を１色と考えて、
CMYK＋白の「５色」になります。

なぜかというと、透明のビニールに
そのまま印刷すると透き通ってしまい、
色がよく見えません。
また、缶もよくみると銀色ですよね。
そこにそのまま印刷すると、
同じくせっかくの色が表現できないのです。

時折、それをデザインとしてみせるものも
ありますが、そうでない場合は「白」を
最初に印刷し、その上にフルカラーを印刷します。

水のペットボトルを見ると
わかりやすいかもしれません。
透明のフィルムに白を印刷して
カラーを表現している部分と、
白も何も印刷せずにフィルムのみで
「水」を見せている箇所もあったります。

こう考えると、
未経験でのフリーランスにとっては
「特色」というのはハードルが高いと
思いますので、使用するのはとりあえず
避けていたほうがいいと思います。

しかし、特色というものがあるんだ！
ということを知っているだけでもいいので、
なんとなくでも覚えていてください。

直接習いたい方はコチラからも受け付けてます。
イラストレーター教室in沖縄のページにリンクしています。
リモートでのオンライン授業もやってます。