일러스트레이터 강좌/활용편

파이그래프 만들기 [일러스트레이터,Illustrator]

시선과느낌 2012. 7. 11. 23:29

아래와 같은 파이그래프를 만들어 보겠습니다.

 

 

 

  • Pie Graph Tool을 선택한 후 도큐멘트 위에 클릭을 합니다.

 

  • 위와 같이 입력 창이 열립니다. 입력란 두 곳에 70mm를 입력한 후 ‘OK’버튼을 선택합니다.
  • 입력한 70mm는 그래프의 크기인데, 입력한 수치보다 좀 작게 만들어집니다.

 

 

  • 위와 같이 입력 창 열리죠? 입력란에 위와 같이 입력을 합니다.(똑같을 필요는 없습니다.)
  • 다 입력한 후에 ①의 버튼을 클릭 합니다. 오른쪽과 같이 파이그래프가 도큐멘트에 생깁니다.

  • ②번 버튼을 선택해 입력창을 닫습니다.

 

 

  • 그래프의 색상을 마음에 드는 색상으로 바꿉니다.

  • 모든 선은 두께 1pt의 흰색으로 수정했습니다.

  • Pie Graph Tool을 이용해 만든 그래프는 Ungroup(메뉴 / Object / Ungroup) 명령으로 그룹을 해제하지 않으면 모양 변경시 약간의 제약이 있으니 참고하세요.(※ 여기서는 그룹을 해제하지 마세요.)

 

 

① 40mm 크기의 원을 만들어 파이그래프 중앙에 놓습니다. ② 만들었던 원을 복사해 왼쪽으로 조금 이동시킵니다.

 

 

  • 중앙에 있는 두 원을 선택 후 ①번 부분의 버튼(Divide)을 클릭해 원을 나눕니다.
  • 나누어진 원 중 점선 부분(②)을 선택해 삭제합니다.

 

 

  • 중앙에 나누어진 원들의 선과 면의 컬러를 위와 같이 수정합니다.

 

 

  • ① 파이그래프와 같은 크기의 원을 만든 후 면 색상을 회색 그라데이션으로 만듭니다.
  • ② 회색 원을 파이 그래프 뒤로 해서 그림과 같이 위치시킵니다.

 

 

  • 회색 그라데이션 원을 선택한 후 Bounding Box를 이용해 원을 오른쪽 가로 방향으로 늘립니다. (이 단계가 필요한 이유는 파이그래프에 원근감을 주기 위해서 입니다.)

 

 

  • 모두 선택하고 Scale Tool을 더블클릭 합니다.
  • ①번과 같이 Scale 수정창이 열리면 ‘Horizontal’ 부분만 ‘75%’로 입력합니다.
  • ②번과 같이 파이그래프가 가로만 75% 축소됩니다.

 

 

  • 모두 선택하고 Rotate Tool을 더블클릭 합니다.
  • ①번과 같이 Rotate 수정창이 열리면 입력란에 ‘30’을 입력합니다.
  • ②번과 같이 파이그래프가 반시계 방향으로 30° 회전합니다.

 

 

  • Ellipse Tool을 이용해 타원을 그리고 위와 같이 회색 그라데이션을 줍니다.
  • 그라데이션 타원을 파이그래프 뒤로 해서 적당한 위치에 위치시킵니다.
  • 화살표의 오른쪽은 파이그래프에 지시선과 글자를 첨부해 완성시킨 것입니다.

 

 

  • 파이그래프 부분만을 선택 후 마우스 오른쪽 버튼을 클릭 합니다.
  • 메뉴가 나타나면 ‘Data...’를 선택합니다. ①번과 같이 수치 입력창이 열리고 수치를 수정하면 파이그래프에 반영이 됩니다.

 

 

  • 파이그래프를 ‘Ungroup’ 명령으로 그룹 해제하면 위와 같은 경고창이 열립니다.
  • ‘Yes’를 선택하면 ‘Pie Graph Tool’로 만들어진 그래프의 기능이 없어지며 단순한 오브젝트로 변합니다. 이 후엔 ‘Data...’ 명령을 이용할 수 없게 됩니다.

보기보단 간단한 작업이니 직접 만들어보세요.아래 첨부한 ‘파이그래프.ai’ 파일은 완성된 파이그래프 입니다.CS2 버전으로 돼있습니다. 다운받아 참고하세요.

 

파이그래프.ai
다운로드