포토샵 일러스트 컬러모드 이해하기(RGB, CMYK) 디자인 색 기초

같은 사진이지만 컬러모드에 따라 색이 다르게 표현된다. 

디자인에서 중요한 요소 중 하나인 "Color" 
디자인할 때 컬러를 아무리 잘 써도  
기본적인 컬러 모드가 제대로 되어있지 않는다면 
원하는 결과물을 얻기 힘들다. 

이미지 파일을 모니터에서 볼 때 
가끔씩 말도 안 되는 이상한 쨍한 형광색이나 
원래 색이 아닌 색으로 표현이 될 때가 있다. 
혹은 모니터에서 봤을 땐 분명 괜찮았는데 
출력이나 인쇄를 하고 나니 색이 이상하게 

나오는 경우, 이 두 경우가 다 컬러 모드를 잘못 

지정해서 생기는 일들이다.

그럼 이 컬러 모드에 대해서 한번 알아보자. 
결론부터 말하자면 

 

RGB: 

빛의 3원색- RGB 컬러는 모니터나 TV, 핸드폰 등   
빛을 이용해 색을 재현하는 곳(디스플레이)에 사용   

 

CMYK: 

색의 3원색- CMYK 컬러는    
인쇄물이나 출력물에 사용   

그렇다면 RGB는 무엇이고 CMYK는 무엇일까?

RGB는 빛의 3 원색 가산 혼합이라고 한다. 
가산 혼합이라는 단어는 외울 필요는 없고 
그냥 아 그렇구나 정도로만 이해하고 넘어가면 된다. 

여기서 R은 Red, G는 Green, B는 Blue 

앞글자를 따서 만든 것이다. 
빛의 3원색은 말 그대로 빛으로 섞는 것이다. 
이 세가지 색을 다 섞으면 흰색 
아무것도 섞지 않으면 검은색. 

우리가 모니터에서 보는 색은 그냥 봤을 때는 
하나의 색, 예를 들어 핑크색이지만 
이 핑크색을 만들기 위해서 기계 안에서는 

빛의 3 원색을 적절하게 섞어서 핑크색을 

보여주는 것이다. 

다음으로 CMYK는 색의 3원색, 감산 혼합이라고 한다.
C는 Cyan, M은 Magenta,  Y는 Yellow,  

K는 Black을 의미한다. 
마지막 Black은 왜 B를 사용하지않았을까? 
Blue와 헷갈릴수 있어서 K를 사용했다.

RGB와 마찬가지로 이 색들을 섞어서 

우리가 원하는 색을 표현해준다. 
다른 점은 빛이 아니고 잉크(물감)이기에

섞으면 섞을수록 해진다. 
우리 어렸을때 팔레트에 색을 여러 가지를 넣고

섞으면 완전 똥색(?)이 되는 것을 생각해보면 된다.

그렇다면 색의 3원색인데 왜 k(검정)이 꼈을까? 
바로 나머지 3개의 색을 섞어도 완벽한 검정을 

표현하기 힘들기 때문에 강제로 검정을 넣었다. 

순수한 검정인 것이다.

 

 

*주의 
CMYK의 색을 모니터에서는 구현할 수 있지만   
RGB의 색은 인쇄물에서 구현할 수 없다.  

왜냐면 위에서 말했다 싶히 빛의 색이기에 
기계 없이는 표현이 힘들다. 
그렇다면 작업할 때 RGB 모드로 작업을 하고 
인쇄를 하게되면 어떻게 될까? 
인쇄가 안되지는 않는다. 

다만 인쇄색이 표현했던 색과 차이가 많이 날 수있다.

똑같은 사진 두개를 놓고 컬러 모드를 다르게 보면 
CMYK가 약간 탁한 느낌이 드는 것을 볼 수 있다. 
그래서 인쇄를 할 작업물은 

컬러 모드를  CMYK로 놓고 작업을 해야 
그나마 덜 차이가 나게 색을 표현할수있다. 
반대로 인쇄할것이 아니라면 굳이 상대적으로 
탁한 CMYK를 쓸 필요가 없다. 

 

 

단 일부 효과를 주는것에서  
CMYK 모드에서는 안먹는 효과들이 있다. 
이럴 경우 처음에 작업은 RGB로 작업을 해주고 
마지막 인쇄 보내기 전 레이어를 합쳐서 
CMYK로 변경해주는 방법도 있다. 


자 그럼 앞선 포스팅과 함께 내용을 정리하자면 

 

웹용 이미지를 만든다! 
그렇다면 72dpi/RGB 컬러 모드를 사용하면 되고, 
인쇄용 이미지를 만든다! 
300 dpi/CMYK 컬러 모드를 사용하면 된다. 

 

포토샵과 일러스트에서 캔버스를 만들때 해상도와 컬러모드를 설정하고 작업을 시작한다.

해상도 관련 이전 포스팅 

[슬기로운 취미생활/디자인] - 사진 픽셀과 해상도(Dpi)에 대한 이해 <포토샵과 일러스트 기초>

사진 픽셀과 해상도(Dpi)에 대한 이해 <포토샵과 일러스트 기초>

 

※예외의 경우 

인쇄도 하고 웹도 사용할 것이다! 
300 dpi/RGB 모드로 먼저 메인 이미지 작업을 하고, 
웹은 웹이미지 사이즈에 맞춰 줄이고 

해상도를 72 dpi로 변경 
인쇄는 인쇄용 사이즈 맞춰주고 

컬러 모드를 cmyk로 변경 후 인쇄 

각 상황과 작업에 맞는 프로그램을 선택 후 
그 작업에 맞게 해상도와 컬러 모드를 정해서 
좀 더 퀄리티 높은 이미지 작업물을 완성! 

 

포토샵과 일러스트의 기초 내용 이전 포스팅 확인!

[슬기로운 취미생활/디자인] - 어도비 포토샵과 일러스트의 차이 : 비트맵&벡터 디자인 기초 배우기

어도비 포토샵과 일러스트의 차이 : 비트맵&벡터 디자인 기초 배우기

 [슬기로운 취미생활/디자인] - 언제 사용할까? 디자인기초 포토샵과 일러스트의 장점(feat. 로고만들기 프로그램)

언제 사용할까? 디자인기초 포토샵과 일러스트의 장점(feat. 로고만들기 프로그램)