본문 바로가기
디따/일러 스킬업

일러스트레이터 예제로 쉽게따라하는 빛의 3원색, 색상환 만들기

by 9냥 2020. 6. 26.

일러스트레이터 예제로 쉽게따라하는 빛의 3원색, 색상환 만들기 

 

 

구글링으로 빛의 삼원색을 검색하면 무수히도 많은 그래픽이 나오죠. 일러스트레이터에서는 이 모양을 정말 쉽게 만들 수 있는데요. 게다가 색을 어떻게 혼합해야 빛의 3원색에 맞게 나올 수 있는지도 알려드리려고 해요. 더불어 색상환을 쉽게 만드는 팁도 같이 보여드릴테니 끝까지 봐주시고 공감까지 꾹 눌러드리면 감사하겠어요!!!

 

 

 

1 교집합을 갖도록 원 3개를 겹쳐서 만들어줍니다.

원을 아래 이미지와 같게 겹쳐주었다면 패스파인더에서 이 모양대로 나누어 줄 거예요.

아래 이미지는 이해를 돕기 위해 현재 multiply모드가 적용된 상태로 겹쳐진 부분의 녹색은 진하게 보입니다.

 

2 모양 분리

패스파인더로 모양을 분리하고 난 후에는 그룹핑이 되어 있기 때문에 우클릭을 눌러서 '그룹 풀기'를 하여 개별적으로 존재하게 만들어줍니다. 굳이 그룹을 해제하지 않아도 하지만 편의상 하는 걸로 할게요

하나하나 옮겨보면 아래와 같이 모양이 분리된 걸 볼 수 있어요

 

3 일러스트레이터에서 빛의 삼원색 만드는법

이제 색을 칠해주면 됩니다. RGB는 각 수치가 0~255사이에 존재하는데

R:255 G:0 B:0  -> 빨간색

R:0 G:255 B:0 -> 녹색

R:0 G:0 B:255  -> 파란색

R,G,B가 각각 255값을 가질 때 해당 색을 표현한다고 이해하시면 되는데요. 가장 바깥에 존재하는 부분에 빨간색, 녹색, 파란색을 넣어주시고

 

빨간색과 녹색이 겹치는 부분은 R:255, G:255, B:0 를 적어주시면 노란색으로 변환됩니다. (아래 이미지)

빨간색과 파란색이 겹치는 부분은 R:255,G:0,B:255 / 녹색과 파란색이 겹치는 부분은 R:0,G:255,B:255

각각 마젠타와 사이언의 컬러가 보여지는 결과를 확인할 수 있어요

 

빛의 3원색 RGB가 모두 만나면 하얀색으로 변하는데

원의 3개가 모두 겹치는 한가운데에 하얀색이 들어갈 자리입니다.

 

 

 


색상환 만드는 법

원을 2개든 3개든 이거는 상관없습니다. 명도를 표현하기 위해 추가한 것이기 때문에 색상환 만드는데 그렇게 중요한 단계는 아니고요. 하지만 이 예제에서는 원을 3개그리는 걸로 할게요

 

 

원을 그린 후에는 선을 이용해서 칼로 피자 자르는 모양으로 만들어줍니다. 색을 채워주기 위해서 각 모양을 나눠주는 과정입니다.

 

 

이제 이 모두를 드래그하여 선택한 후 shift +M을 누르면 직접선택이 가능한데요. 이때, alt를 누르면 마우스포인트는 -마이너스로 바뀝니다. alt를 눌러 가운데 필요없는 원부분을 모두 제거할게요.

그리고나서 패스파인더에서 나누기를 해주면

원과 선이 겹치는 부분을 따라 모양이 자연스럽게 분리되어 아래와 같이 개별적인 모양으로 변경됩니다. 마찬가지로 색상환에 해당되는 색을 칠해주면 완성입니다.

 

댓글