[일러] 아이콘이 추가된 선그래프 그리기

 

일러스트레이터 선 그래프 그리기

그래프 시리즈의 마지막 선그래프 편입니다. 선그래프는 해당 수치의 변화량을 한눈에 비교할 수 있는 대표적인 그래프입니다. 수작업으로 직접 그래프를 그려도 될 만큼 단순한 형태지만 일러스트레이터를 이용하면 더 세련된 형태로 표현할 수 있습니다. 오늘은 아래의 자료를 바탕으로 판매량을 한눈에 비교할 수 있는 아이콘이 추가된 선그래프를 만들어 보겠습니다.

 

선그래프 연습용 자료

 

그래프 도구 4부작

1. 파이그래프

2. 막대그래프

3. 누적 막대그래프

4. 선그래프

 


작업 순서

 

1. 그래프 크기 지정

선그래프 도구(J)선택-아트보드(대지) 클릭-크기 입력. 모든 작업의 시작은 오브젝트의 크기 지정입니다. ▼

 

2. 통계 자료 입력

예시처럼 통계를 입력하고 행/열 위치 바꿈과 적용을 클릭하면 아트보드(대지) 상의 선그래프의 변화를 확인할 수 있습니다. ▼

 

3. 세부 사항 변경

선그래프 우클릭-유형 선택. 세부 사항 변경 창으로 들어갑니다. ▼

그래프 옵션-데이터 점 표시 체크. 체크 상태가 Default입니다. 체크가 꺼져있는지 확인하세요. 좌표축 설정으로 이동. ▼

좌표축-눈금보기에서 길이 : 폭 전체 변경. 범주축 설정으로 이동. ▼ 

범주축-눈금 보기-길이 : 폭전체. 눈금 : 3. 눈금을 레이블 사이에 삽입 : 체크해제. 확인 클릭. ▼

 

4. 보기 자(Marker) 등록 

세부 사항이 변경된 그래프에서 데이터 점=보기 자(Marker)입니다. 입력된 통계 자료가 표시되는 부분입니다. 간단한 작업으로 보기 자를 등록하고 적용해보겠습니다. ▼ 

제조사에 해당하는 세 개의 아이콘을 만들어주세요. 사각형 도구(M), 원형 도구(L) 등으로 최대한 단순하게 만드는 것이 좋습니다. 등록할 아이콘 선택-오브젝트-그래프-디자인 선택. ▼

그래프 디자인 등록창-새디자인-이름 변경-이름 입력-확인 클릭. 보기 자에 적용할 새로운 디자인이 등록됐습니다. ▼

 

5. 보기 자(Marker) 적용 

그룹 선택 도구를 선택합니다. 레이어 상의 동일한 그룹을 한꺼번에 선택해주는 도구입니다. 현재는 선그래프의 그룹이 유지된 상태이기 때문에 그룹 선택 도구가 유용합니다. ▼

적용할 영역에 해당하는 데이터 점을 더블 클릭해서 같은 오브젝트를 한 번에 선택합니다. 세 번 클릭할 경우 우측 상단에 따로 표시된 범례부분도 함께 선택됩니다. 범례는 따로 삭제할 예정이기 때문에 더블 클릭, 세번 클릭 둘 다 가능합니다. ▼

새 디자인을 적용할 데이터 점 선택-오브젝트-그래프-보기 자 선택. ▼

그래프 보기 자 창에서 적용할 디자인 선택. 확인 클릭. ▼

새 디자인이 기존 그래프 점의 사각형 범위 안으로 구겨진 상태로 들어간 것을 볼 수 있습니다. 크기 또한 인지가 안될 정도로 작기 때문에 수정 작업이 필요합니다. ▼

 

6. 보기 자(Marker) 수정

사각형 도구로 사각형 오브젝트를 그린 후 면과 선의 색상을 제거합니다. 보기 자에 적용되는 디자인은 데이터 점의 크기에 한정되기 때문에 사각형을 이용해서 새 디자인의 범위를 변경할 수 있습니다. ▼

레이어 창에서 해당 오브젝트 드래그하거나 단축키를 이용해서 면과 선의 색상을 제거한 사각형을 적용할 디자인 아래에 위치시킵니다. ▼

수정된 아이콘과 사각형 모두선택-오브젝트-그래프-디자인 선택. ▼

그래프 디자인-새디자인-이름 변경-이름 입력-확인 클릭. 수정된 아이콘을 재등록합니다. ▼

 

7. 보기 자(Marker) 최종 적용

그룹 선택 도구-데이터 점 더블 클릭-데이터 점 선택 후 오브젝트-그래프-보기 자 선택. ▼

투명 사각형 오브젝트가 크기 적용의 기준이 되면서 데이터 점보다 큰 아이콘으로 변경되는 것을 확인할 수 있습니다. 같은 방법으로 나머지 2개의 아이콘을 선그래프에 적용시킵니다. ▼

 

8. 데이터 변경 가능

선그래프 그룹이 유지된 상태로 수정 작업을 진행했기 때문에 데이터 변경이 가능합니다. ▼

 

9. 그룹 풀기

데이터 확인(그래프 우클릭-데이터)이 끝나면 그룹을 풀어줍니다. 그룹을 풀어줄 경우 보기 자(Marker)의 수정 및 적용이 되지 않기 때문에 그룹 풀기는 가장 마지막에 해주세요. ▼

 


꾸미기

 

선그래프의 색상을 아이콘(보기 자)과 통일시켜줍니다. 나라명은 국기아이콘과 영문으로 강조해주고 좌측 수치는 숫자가 올라갈수록 진하게 표현해줍니다. 제조사별 아이콘을 따로 분리해서 제조사명을 표시합니다. 눈금 역할을 하는 가로, 세로 선들은 획두께(Stroke)를 다르게 표현해줍니다. 타이틀의 제목을 넣고 펜 도구(P)와 페인트브러쉬도구(B)로 꾸며줍니다. ▼

선그래프 예시

 

 


 

지금까지 아이콘이 추가된 선그래프 그리는 방법에 대해 정리해봤습니다. 잘 따라오셨나요?

 

선그래프는 막대그래프와 함께 가장 흔하게 볼 수 있고 가장 이해하기 쉬운 형태의 그래프입니다. 그만큼 단순 표현만으로는 너무 심심한 구성이 되기 때문에 자신만의 개성 있는 표현 방식을 연습해놓으면 나중에 도움이 되겠죠?

 

글자보다는 숫자, 숫자보다는 그래프가 상대방을 설득하는데 유용한 표현 방식이라고 생각합니다. 조금만 정성을 쏟으면 PPT 등의 한 페이지를 장식하는 이쁜 그래프를 만드실 수 있을 거라고 확신합니다.

 

긴 글 봐주셔서 감사합니다.

 

댓글

Designed by JB FACTORY