본문 바로가기

일러스트

일러스트 디자인(눈꽃 모양 Part 2)

일러스트 디자인(눈꽃 모양 Part 1)에서 눈꽃 모양을 만드는 법을 배워 보았습니다.

쉽고 간편한 방법을 통해서 자신이 원하는 다양한 눈꽃 모양을 만들었다면,

일러스트 디자인(눈꽃 모양 Part 2)에서는 자신이 만든 눈꽃 모양에 입체감을 불어넣어 보겠습니다.

 

그라데이션과 다양한 도구를 활용하여서, 명암을 넣어서 더 빛이 나도록 디자인하도록 하겠습니다.

그다음 최종적으로 만들어진 눈꽃 모양을 활용하여 여러 디자인을 해보도록 하겠습니다. 


1. 눈꽃 모양 입체감 불어넣기


1-1. 자신이 만든 눈꽃 모양에서 막대 한 개를 선택하여 하나의 패스파인더를 활용하여 하나의 오브젝트로 만들어 주겠습니다.

  • 하나의 오브젝트로 합쳐줄 모든 오브젝트를 드래그하여 선택하여 줍니다.
  • 패스파인더(Pathfinder)를 열어줍니다. - 윈도우(Window) - 패스파인더(Pathfinder)
  • 패스파인더(Pathfinder)에서 두 개가 교차되어서 합쳐지는 아이콘 모양을 선택하여 오브젝트를 합쳐주도록 합니다. (Unite / Option-click to create a Compound Shape and add to shape area)
  • 그다음 하나로 합쳐진 오브젝트를 그 자리 그대로 복사(단축키 Ctrl + C / Command + C를 누른 후 Ctrl + F / Command + F)하여 줍니다. (복사하는 이유는 원본 위에 입체감을 주기 위해 명암을 넣을 오브젝트를 따로 만들어 주기 위해서입니다.)

윈도우(Window) - 패스파인더(Pathfinder)
하나로 합쳐줄 모든 오브젝트를 선택한 다음 패스파인더에서 Unite를 클릭하여 줍니다.
클릭하면 하나의 오브젝트로 합쳐진 것을 확인하실 수 있습니다.
그 다음 하나로 합쳐진 오브젝트를 그 자리 그대로  복사(단축키 Ctrl + C / Command + C를 누른 후 Ctrl + F / Command + F) 티는 나지 않지만, 두개의 오브젝트입니다.


1-2. 하나로 합쳐진 오브젝트 하나만을 선택하여 으로 잘라주도록 하겠습니다.

(반으로 자르는 이유는 반쪽 오브젝트에는 하이라이트 형식으로 밝은 부분을 넣어주고

다른 반쪽 오브젝트에는 그림자를 주어서 입체감을 표현하기 위함입니다.)

 

  • 오브젝트 위에 선형 도구를 꺼내서 Shift를 누르면서 수직으로 오브젝트가 이 되도록 그어줍니다. (Shift를 누르면서 선을 그어야 완벽하게 수직, 수평이 되도록 선이 바르게 그어집니다.)
  • 패스파인더(Pathfinder)를 열어줍니다. - 윈도우(Window) - 패스파인더(Pathfinder)
  • 패스파인더(Pathfinder)에서 도형이 모두 잘려있는 아이콘 모양을 클릭하여 선으로 그어진 부분을 기준으로 하나의 오브젝트가 두 개로 나눠지도록 합니다. (Divide / 분할해주시면 됩니다.)

 도구입니다. - 점과 점을 잇는 선을 만들어주는 도구입니다. (단축키 \)

  • 일반적인 선을 만들어주는 도구입니다.
  • 곡선적인 선을 만들어주는 도구입니다.
  • 나선형의 선을 만들어주는 도구입니다.
  • 격자모양의 그리드 선을 만들어주는 도구입니다.
  • 원 격자모양의 선을 만들어주는 도구입니다.

오브젝트 위에 Shift를 누르면서 반으로 나눠질 수 있도록 선을 그어줍니다.
윈도우(Window) - 패스파인더(Pathfinder)를 꺼낸 후 분할시켜줍니다.
패스파인더를 통해 분할(Divide)를 누르면 위와 같이 오브젝트가 반으로 나눠지는 것을 확인 하실 수 있습니다.


1-3. 반으로 나누어진 각각의 오브젝트들에게 그라데이션 효과를 적용합니다.

  • 패스파인더를 통해 분할(Divide)한 오브젝트를 선택하여 그룹을 해제하여 줍니다. (분할 후 하나의 오브젝트로 그룹이 되어있을 것입니다. 저희는 각각의 오브젝트에 효과를 다르게 줄 것이기 때문에 그룹을 해제하여 줍니다. / (오브젝트 선택 - 오른쪽 마우스 - Ungroup)
  • 왼쪽에 있는 오브젝트를 선택하여 그라데이션 도구를 선택 후 오브젝트에 더블 클릭하여 그라데이션 효과를 넣어줍니다. (이때 그라데이션은 하얀색 - 투명으로 가는 그라데이션을 선택해줍니다. / 하얀색 - 투명의 효과를 주는 이유는 밝은 면을 만들어주기 위해서입니다.)
  • 오른쪽에 있는 오브젝트를 선택하여 그라데이션 도구를 선택 후 오브젝트에 더블 클릭하여 그라데이션 효과를 넣어줍니다. (이때 그라데이션은 검은색 - 투명으로 가는 그라데이션을 선택해줍니다. / 검은색 - 투명의 효과를 주는 이유는 어두운 면을 만들어주기 위해서입니다.)

오브젝트 선택 - 오른쪽 마우스 - Ungroup하여 줍니다.
 그라데이션 효과를 준 후 투명한 그라데이션을 넣기 위해 윈도우(Window) - Gradient 옵션창을 열어줍니다. 
그라데이션 도구창에서 투명효과가 들어간 그라데이션 효과를 선택하여 줍니다.

그라데이션에서 색을 변경하는 방법은 그라데이션 옵션 창에서 연필 모양처럼 생긴 아이콘을 두 번 클릭하여 자신이 원하는 색을 설정하여 그라데이션 효과를 넣어 주도록 합니다.

위와 같이 흰색 - 투명한 그라데이션을 넣어줍니다. 드래그를 해서 최대한 자연스럽게 넣어주시면 됩니다.
양쪽 모두 그라데이션을 넣어주도록 합니다. (드래그를 해서 흰면과 검은면이 들어가는 면적을 조절해서 자신의 오브젝트와 가장 잘 어울릴 수 있도록 해주셔야 합니다.)
그라데이션 도구를 사용하여 입체감이 들어간 눈꽃 모양 결정체의 막대가 탄생했습니다.


1-4. 그라데이션 효과를 준 오브젝트들을 다시 선택하여 그룹화시킨 다음 복사를 하여 나머지 오브젝트에도 입체감을 넣도록 합니다.

  • 그라데이션 효과를 준 밝은 면 / 어두운 면 오브젝트 두 개를 선택 후 그룹화시켜 줍니다.
  • 그룹 된 오브젝트를 선택하여 회전 도구를 사용하여 원 안중심점으로 잡아서 일러스트 디자인(눈꽃 모양 Part 1)에서 막대를 복사했던 것처럼 똑같이 복사한 후 내가 진행한 동작을 반복 (단축키 Ctrl + D / Command + D) 사용하여 오브젝트를 더 복사하여 입체감 있는 눈꽃 결정체를 완성해줍니다.

오브젝트 선택 - 오른쪽 마우스 - group하여 줍니다.
그룹이 된 후 오브젝트를 선택하여 회전 도구를 열어서 원 안을 Alt로 눌러서 중심점으로 잡아줍니다.

회전 도구입니다. - 오브젝트를 회전 및 반전시켜주는 도구입니다. (단축키 R / O)

  • Alt를 누른 상태로 중심을 잡아서 그 중심을 기준으로 회전시켜주는 도구입니다.
  • Alt를 누른 상태로 중심을 잡아서 그 중심을 기준으로 반전시켜주는 도구입니다.

자신이 일러스트 디자인(눈꽃 모양 Part 1)에서 설정한 그 각도 그대로 설정하여 복사하여 줍니다.
복사하면 나머지 오브젝트에도 그라데이션 효과가 들어간 것을 확인 할 수 있습니다.


1-5. 원 오브젝트에 입체감을 주도록 하겠습니다.

  • 원을 선택하여 그라데이션 도구를 사용하여 그라데이션 옵션창에서 Type - Radial로 설정하여 줍니다. (Radial는 둥근 형태로 그라데이션 효과를 주기 때문에 원형의 도형에 효과를 넣기에 적합합니다.)
  • Type - Radial를 설정한 다음 흰색 - 투명으로 그라데이션 색을 넣어주도록 합니다.
  • 그런 다음 드래그로 자연스럽게 입체감이 들도록 설정해주시면 됩니다.

그라데이션 도구를 사용하여 그라데이션 옵션창에서 Type - Radial로 설정하여 줍니다.

 

Type - Radial으로 설정 변경 후 흰색 - 투명으로 색을 넣어 자연스럽게 디자인하여 줍니다.


그럼 이제 평면적인 눈꽃 모양에서 명암이 들어간 입체적인 눈꽃 모양 결정체가 완성되었습니다.

전부다 드래그하셔서 자유롭게 복사를 하여서 자신이 넣고 싶은 배경, 이미지를 활용하시면 좋을 것 같습니다. 


일러스트 디자인(눈꽃 모양 배경화면 활용 예시)

(768x1024)
(800x1280)