Photoshopを使う上で必要不可欠。RGBとCMYKって何?

公開 :

人生は山あり谷ありといいますが、下り坂しか無い私の人生はどこに山があるのでしょうか。@It_is_Rです。

今回はPhotshopなどのソフトを使う上で必要不可欠となる、RGBやCMYKについて解説しようとおもいます。
RGBやCMYKを理解していないと、仕事などをする上でつまずくことになります。ここでしっかりと理解しておきましょう。

RGB、CMYKとは?

eyecatch

では、RGB、CMYKとは、一体なんなのでしょうか?
色の三原色という言葉をきいたことがあるでしょう。

また、絵の具などを混ぜた場合と、色のついた光が混ざった場合でも、できる色は異なってきます。
例えば、絵の具は色を塗れば塗るほど濃くなります。しかし、光は強く当てれば当てる程薄くなります。

RGBとは?

RGB
まず、RGBについて、解説いたしましょう。
RGBは光の三原色です。

Rはレッド(赤)
Gはグリーン(緑)
Bはブルー(青)を意味しています。

光はこれらの色を組み合わせることによって、様々な色を作っています。

また、下に記述しているCMYKの画像と比べると分かりやすいのですが、それぞれの色が混ざった部分は、シアン、マゼンダ、イエローになっています。


CMYKとは?

CMYK
CMYKはインクを使用した場合の色の三原色と、黒をあらわしています。

Cはシアン
Mはマゼンダ
Yはイエロー
Kはブラックです。

こちらも、これらの色を組み合わせて、様々な色を作ります。
上の画像と比べてみると、色同士が重なった部分は、レッド、グリーン、ブルーになっています。

RGBとCMYKの使い分けについて。

RGBが光の色の三原色、CMYKがインクの色の三原色を黒ということが分かりましたが、どのように使い分けるのでしょうか?

まず、RGBとCMYKでは色の表示が異なることに注意しましょう。
つまり、色のモードを変換すると、色が変わってしまい、イラストや写真の雰囲気が変わってしまいます。
なので、最初からその設定にしておかないと、後から雰囲気が違う!!ってことになります。

RGBを使用する時

では、RGBに設定する時はどのような場合なのでしょうか。
まず、RGBは光の三原色なので、パソコンなどのディスプレイで表示する画像に適しています。

WEBサイトで使用する画像などは、RGBを使用しましょう。

CMYKを使用する時

CMYKは印刷用のデータを制作する場合に適しています。
印刷して使用するチラシなどは、CMYKを使用しましょう。

Photoshopで、RGBとCMYKの設定をする。

では、PhotoshopでRGBやCMYKの設定をしていきましょう。
設定の方法は2種類あります。
新規作成の時に設定する方法と、途中で設定する方法です。

新規作成した時に設定する方法。

Photoshopで新規作成すると、次の様なウィンドウが表示されます。
photoshop

ここで、カラーモードの部分をクリックすることで、モードを変更することができます。
photoshop

制作の途中で変更する方法。

制作している途中で、カラーモードを間違えていたことに気がつく場合もあると思います。
そんな場合も、モードを変更することが可能です。

上部の「イメージ」→「モード」と順番に選択し、変更しましょう。
photoshop

スポンサードリンク

おすすめの記事♪

PhotoShopでFire Brushesを使った炎のテラ簡単な描き方。

[email protected]_is_Rです。 イラストに炎を入れるとカッコいいですよね。でも、炎を描くのって結構めんどくさいです。 そこで、PhotoShopを使って炎を描くのに、とて

Saya

本物にしか見えない 3DCG Saya のイラスト描いてみた。

ファイナルファンタジーの 3D 画像を小学生のときに初めて見て、ものすごく感動した @It_is_R です。 鉛筆で 3D ってどうやって描くんだろうと勘違いし、描いてました。 3DCG とい

blender

Blenderで3D美少女キャラの作り方。その4(前髪と横髪を描く。)

Blenderでの3Dキャラ制作の記事、長い期間放置して[email protected]_is_Rです。 前回までのキャラ作成は、顔ができたところまででした。 今回は。髪の毛を作っていきます。 さて、Bl

Illustratorでオブジェクトを均等に並べる超簡単な2つの方法。

ロゴなどを制作する上でほぼ必要不可欠となっているIllustratorですが、この機能を完全に使い果た[email protected]_is_Rです。 今回は、オブジェクトを均等に並べる方法を

developing my games

男性が海の世界へと迷い込む!?人魚ストーリーのゲーム開発中です。

こんにちわ。現在様々な方面からゲーム開発中の@It_is_Rです。 今回はRが今、超頑張って制作中のゲームについて書いてみようと思います。 今開発中のゲームは横スクロールアクションゲームと、人

HTML CSS

Google Fontsの使い方。サイトをカッコよくしよう。

[email protected]_is_Rです。 WordPress、もしくは他のホームページやブログをやっていると、フォントを変えたいなと思うことも多いと思います。 そこで、Googl

Medibang Paint

MediBang Paint Proで漫画を1ページだけ描いてみた。

こんばんは。おひさしぶりです。日本は最強だと[email protected]_is_Rです。 さて皆様、漫画はお好きでしょうか。Rは漫画が大好きです。……実は私、小学生の頃は漫画家に憧れていまして、こっそり漫画を描

Blenderで3D美少女キャラの作り方。その7(横顔を綺麗にする)

[email protected]_is_Rです。 この記事は次回書こうと思っている後ろ髪の作り方に繋げる為の記事みたいなものです。 なので、同じ様に作っていきたい人のみ読んでいただ

ピクチャ・イン・ピクチャ

ピクチャ・イン・ピクチャが絵の練習に超便利でヤバスな件について。

ピクチャ・イン・ピクチャでイラストの練習して[email protected]_is_Rです。 macOS Sierra のピクチャ・イン・ピクチャが、イラストの練習に超便利でヤバスなので、紹介させていただこうと思

bootstrap3

Bootstrap3でサイトのレイアウト。グリッドシステムの使い方と裏技。

開発中のゲームはサイト制作に入っております。@It_is_Rです。 前回に引き続き、Bootstrap3の記事です。 サイトを作るとき、CSSなどを使ってサイトのレイアウトを調節したりしますが


コメントを残す

メールアドレスが公開されることはありません。


Category

Games