[디자인참고사이트] 컬러 규칙, 컬러 조합(배색)의 중요성과 디자인을 할 때 사진에서 적절한 컬러조합을 추출해내는 꿀팁^^

우리가 생활하는 모든환경은 컬러와 컬러의 조합(어울림)으로 이루어져 있다고 해도 과언이 아닙니다.

예를 들면 아파트 외벽의 페인트 배색, 주택의 지붕과 벽면의 컬러 배색, 제품본품과 패키지의 컬러조합, 전단지 및 메뉴판, 카탈로그 등 인쇄물의 사진과 배경의 컬러 조화, 그리고 옷을 입을 때 상의와 하의의 컬러배색 등 컬러의 조합과 어울림은 상당히 중요합니다. 

디자인 분야에 종사하시는 분들, 예를 들면 쇼핑몰 상세페이지를 디자인하거나 전단지나 카탈로그 책자를 디자인 할 때, 포장디자인을 할때 등등 상품이미지와 어울리는 배경과 텍스트의 컬러를 어떻게 정할지 고민하시는 분들이 많을거라 생각합니다. 

꼭 디자이너가 아니더라도 PPT를 제작할 때도 색의 조합은 중요하겠죠?, 이런 고민을 한 방에 해결해줄 수 있는 꿀팁을 알려드립니다.

바로 Adobe color cc 라는 사이트인데요, Adobe(어도시)社에서 운영하는 사이트입니다.
사이트주소는 https://color.adobe.com

Color wheel | Color schemes

Create color schemes with the color wheel or browse thousands of color combinations from the Kuler community.

color.adobe.com

 입니다.

먼저 사이트 홈페이지에 들어가면  아래와 같은 화면이 뜹니다.

색상규칙에 따라 여러가지 컬러를 조합해 볼 수 있는데요, 색상 규칙은 유사색,단색,삼각형,보색,혼합,음영,사용자 정의 등으로 나뉘어 집니다.  직접 위 사이트에 들어가셔서 마우스로 컬러를 찍어보시면 각 색상규칙의 특징을 대략 아실거에요^^.

만약 다른 사람들이 게시한 컬러조합을 참고하시려면, 상단메뉴의 '탐색'을 클릭합니다.

상단 메뉴의 '탐색' 을 클릭한 후 좌측 상단에서 모든테마 또는 인기도순, 사용횟수순으로 조회가능하며, 만약 마음에 드는 컬러조합이 있으면, 마우스를 특정 컬러 조합 위에 가져다 대면, 아래그림과 같이, 정보,사본편집,다운로드,평가,저장 메뉴가 나타납니다.

이 때 사본편집을 클릭하면 해당 컬러조합을 구성하는 5개 컬러 각각의 값(RGB값과 HEX 색상코드값을 확인할 수 있습니다.

또한 다운로드를 클릭하면 해당 컬러조합이 컬러스와치 파일(ase)파일로 저장되어 포토샵이나 일러스트레이터 컬러스와치에서 불러올수도 있습니다. ※ 단 다운로드와 평가, 저장 기능은 어도비 아이디로 로그인 한 후에 사용가능합니다. '사본 편집' 기능은 로그인하지 않아도 사용가능합니다.

위 내용에서 소개된 부분들을 하나하나 클릭하시다 보변 컬러를 조합하는 방법에 대해 쉽게 이해하실 수 있으실 겁니다.

위 방법외에 사진을 불러들여서 그 사진속에서 컬러조합을 추출해내는 방법이 있는데요,

위 그림에서 처럼 상단메뉴 '만들기'클릭후 우측상단의 카메라 아이콘을 마우스로 클릭합니다.

카메라 아이콘 클릭한 후 나타나는 창에서 컬러조합을 추출하고자 하는 원본사진을 찾아 선택후 [열기]버튼을 클릭하여 불러들입니다.

저는 피자 사진을 불러왔는데요, 자동으로 컬러조합을 만들어 주는 모습입니다.  좌측 상단의 '색상무드'에서 선명하게,밝게,연하게,진하게,어둡게,사용자정의 등을 통해 원하시는 컬러조합을 추출해낼 수 있으며, 추출한 컬러조합을 가지고 피자 메뉴판이나 피자 전단지의 배경색 글자색 등을 완성해 나가면 훨씬 어울리는 결과물을 추출해 낼 수 있습니다^^. 

지금까지 어렵게만 느껴졌던 컬러 조합, 이제 Adobe color cc 로 쉽고 간편하게 해결하시길 바랍니다~