배색표 만들기

만들 것

• 5색 팔레트 1개
• 펜툴로 그린 로켓 일러스트 (5색으로 채색) 1개

예제 파일

배색표·로켓 예제

1. 서론

색은 감정을 자극하는 강력한 시각 도구다. 디자인의 성패를 결정짓는 핵심 요소이기도 하다. 이 글에서는 색상환, 색의 분류와 특성, 조화로운 배색법, 색상 모드 등 자신만의 팔레트를 만드는 데 필요한 기초 이론을 다룬다.

2. 색상환

색채 이론은 색을 섞는 방법과 원리를 제시한다. 디자이너는 색상환을 활용해 관객의 감정과 행동을 유도하는 배색을 설계할 수 있다. 아이작 뉴턴이 원색의 본질을 설명하기 위해 처음 고안했다.

3. 색의 분류

색채 이론은 색을 다음과 같이 구분한다.

• 원색: 빨강, 노랑, 파랑.
• 이차색: 원색을 혼합해 만든 초록, 보라, 주황.
• 삼차색: 원색과 이차색을 섞은 중간색(청록, 자주 등). 좋은 팔레트는 색조, 채도, 명도, 틴트, 쉐이드 등을 적절히 조합할 때 완성된다. | | | | |---|---|---| | 분류 | 색상명 | Hex Code | | 1차색 | 빨강 (Red) | #FF0000 | | 3차색 | 주황 (Orange) | #FF7F00 | | 2차색 | 노랑 (Yellow) | #FFFF00 | | 3차색 | 연두 (Chartreuse) | #7FFF00 | | 1차색 | 초록 (Green) | #00FF00 | | 3차색 | 청록 (Spring Green) | #00FF7F | | 2차색 | 시안 (Cyan) | #00FFFF | | 3차색 | 남색 (Azure) | #007FFF | | 1차색 | 파랑 (Blue) | #0000FF | | 3차색 | 보라 (Violet) | #7F00FF | | 2차색 | 마젠타 (Magenta) | #FF00FF | | 3차색 | 장미색 (Rose) | #FF007F |

4. 색조, 채도, 명도

색상환의 모든 색은 고유한 특성을 가진다.

• 색조(Hue): 색상 그 자체를 의미한다.
• 채도(Saturation): 색의 강도나 순도를 뜻한다. 채도가 높으면 선명하고, 낮으면 탁하거나 흐리다.
• 명도(Value/Brightness): 색의 밝고 어두운 정도다.

5. 쉐이드, 틴트, 톤

• 쉐이드(Shade): 원색에 검은색을 더해 어둡고 풍부하게 만든 색이다.
• 틴트(Tint): 흰색을 섞어 밝고 옅게 만든 색이다.
• 톤(Tone): 회색을 섞어 채도를 조절한 색이다.

6. 색온도

• 따뜻한 색: 노랑, 빨강, 주황 계열이다. 태양과 불, 에너지, 활력을 상징하며 열정과 행복감을 전달한다.
• 차가운 색: 파랑, 초록 계열이다. 고요함과 평화, 안정을 상징하며 편안한 느낌을 준다.

7. 색상 조화 (배색법)

서로 아름답게 어우러지는 색의 조합을 말한다. 주요 방식은 다음과 같다.

• 보색(Complementary): 색상환 반대편에 있는 색의 조합(예: 빨강-초록). 대비가 강해 생동감이 넘친다. 너무 강렬할 경우 채도나 명도를 조절해 균형을 잡는다.
• 유사색(Analogous): 색상환에서 인접한 색들의 조합이다. 눈이 편안하고 자연스럽다. 그라데이션 효과에 탁월하다.
• 단색(Monochromatic): 한 가지 색조에서 명도와 채도만 변화시킨 조합이다. 단순하면서도 우아하고 통일감이 있다.
• 삼원색(Triadic): 색상환에서 정삼각형 위치에 있는 세 색상의 조합이다. 풍부하고 화려하면서도 균형 잡힌 느낌을 준다.
• 사중색(Tetradic): 두 쌍의 보색을 사용하는 방식이다. 한 색상을 주색으로 쓰고 나머지를 강조색으로 사용할 때 가장 효과적이다.

8. RGB와 CMYK

• RGB(Red, Green, Blue): 디지털 화면용 모드다. 빛을 섞는 가산 혼합 방식으로, 모두 섞으면 흰색이 된다.
• CMYK(Cyan, Magenta, Yellow, Black): 인쇄용 모드다. 색료를 섞는 감산 혼합 방식으로, 모두 섞으면 검은색에 가까워진다. 인쇄물은 화면보다 색 영역이 좁아 더 탁하게 보일 수 있음을 유의해야 한다.

9. 색채 심리학과 브랜딩

색은 브랜드의 인상을 결정하고 특정 감정을 유발한다. 문화, 성별, 연령에 따라 반응이 다를 수 있지만, 일반적인 상징성은 다음과 같다.

• 빨강: 열정, 사랑, 위험
• 파랑: 신뢰, 평화, 충성
• 노랑: 행복, 희망, 주의
• 초록: 자연, 성장, 건강

10. 팔레트 만들기 실습

실제 배색 시에는 다음 단계를 참고한다.

1. 기본 배색 선택: 보색, 유사색 등 기준이 되는 조화 방식을 정한다.
2. 색상 조정: 각 색의 농도와 밝기를 조절해 대비를 만든다.
3. 중성색 추가: 검정, 흰색, 회색 등을 활용해 팔레트의 완성도를 높인다.
4. 주색과 강조색 배분: 모든 색을 같은 비율로 쓰기보다 하나를 주색으로 정하고 나머지는 포인트로 활용한다.

11. 색이론과 5색 팔레트 구성

12. 색의 비율 (6:3:1 룰)

한 디자인에서 색을 6:3:1 비율로 쓰면 균형이 잡힌다.

• 채도가 강한 색은 강조색(10%)으로 적게 쓴다. 많이 쓰면 색이 부딪힌다.
• 중성색(검정·흰색·회색)은 주색(60%) 또는 보조색(30%)으로 쓰면 다른 색이 도드러진다.

13. 예제 파일 열기

1. 예제 파일을 다운로드한다.
2. 일러스트레이터에서 파일 > 열기 (Ctrl + O).
3. 예제 파일을 연다. 색상환과 시범 로켓이 들어 있다.

14. 색 조합 선택

색상환을 보고 위 색이론 표 중 하나를 선택한 뒤, 그에 맞는 색을 고른다.

15. 팔레트 제작

3.1 첫 번째 사각형

1. 사각형 도구 (M)로 사각형 1개 그리기 (폭 30 mm, 높이 30 mm).
2. 면 색을 선택한 색이론의 첫 번째 색으로 채운다.
3. 선 색: 칠 없음.

3.2 메인 색 추가

1. 선택 도구 (V)로 첫 번째 사각형 선택.
2. Alt + 드래그로 옆에 복제.
3. 면 색을 선택한 색이론의 다음 색으로 변경.
4. 색이론에 따라 필요한 만큼 메인 색 칸을 추가한다 (보색 3·유사색 3·단색 3·삼색 3·사색 4).

3.3 검정 추가

1. 메인 색 마지막 사각형 옆에 복제.
2. 면 색: C0 M0 Y0 K100.
3. (사색을 선택한 경우 이 단계는 건너뛴다.)

3.4 흰색 추가

1. 마지막 사각형 옆에 복제.
2. 면 색: 흰색.
3. 선 색: C0 M0 Y0 K20 (옅은 회색 — 사각형 경계가 보이도록).

3.5 색조 조정

• 너무 진하면 채도를 살짝 낮춘다.
• 너무 흐릿하면 채도를 올린다.
• 너무 밝으면 명도를 어둡게.
• 너무 어두우면 명도를 밝게.

4. 펜툴로 로켓 그리기

펜툴 (P)로 로켓을 그린다.

5. 로켓 색칠

만든 5색을 로켓에 적용한다.

5.1 스포이트 도구

스포이트 도구 (I)는 화면에 있는 색을 따와서 다른 영역에 적용하는 도구다.

5.2 색 적용

1. 선택 도구 (V)로 로켓의 한 영역을 클릭.
2. 스포이트 도구 (I) 선택.
3. 5색 팔레트의 사각형 중 하나를 클릭. 선택한 영역이 그 색으로 칠해진다.
4. 다른 영역도 같은 방법으로 5색 중 하나를 골라 칠한다.

5.3 색 분배 룰 (6:3:1)

5색을 6:3:1 비율로 로켓에 분배한다.

• 주색 (60%): 본체처럼 가장 큰 영역. 메인 색 중 하나 또는 흰색.
• 보조색 (30%): 노즈콘·날개 같은 중간 영역. 메인 색 중 다른 하나.
• 강조색 (10%): 창문·디테일·외곽선 같은 작은 영역. 채도가 강한 색·검정·반삼색조. 5색을 모두 사용한다.

6. 저장

6.1 AI 파일

• 파일 > 다른 이름으로 저장 (Ctrl + Shift + S)
• 형식: Adobe Illustrator (.ai)
• 파일명: 이름_배색표_로켓.ai

6.2 PNG 파일

• 파일 > 내보내기 > 내보내기 형식 (Ctrl + Alt + E)
• 형식: PNG
• 해상도: 72