일러스트로 심시티 지하철 노선도를 만들어보자!

심시티스퀘어에 한분이 지하철 노선도를 만드신다기에 그 분을 포함한 카페분들이
잘 다루지 못하고 어려워 하셨던 일러스트로 노선도 만들기를 이번 기회를 통해 강좌로 만들게 되었습니다^^

우선 준비물은

한전으로부터 전해오는 전력(...;) / PC(...;;) / Adobe Illustrator(저는 CS4버전을 사용중입니다..) /
마우스(타블렛이면 더 좋습니다^^;)

요렇게 되겠습니다^^;

우선 일러스트레이터 좌측 툴바에서 저렇게 표족한 만년필 모양의 Path툴을 클릭합니다.

이제 빈 화면에 저렇게 줄 하나를 그어봅시다^^
처음에 시작점을 한번 콕 클릭하고 다음 끝 점에서 한번 콕 하시면 됩니다^^
수직, 수평선을 그으시고자 하실때에는 Shift키를 누르고 클릭하시면 됩니다

일직선을 하나 그으셨다면 이제 다음 선을 그어야 겠지요?
일반적인, 한마디로 '그냥 대각선'을 그으시려면 직선 긋는 방법과 동일하게 긋고자 하는 대각선의 끝 점에서
한번 콕 클릭해주시면 됩니다^^

하지만 대각선만으로하면 뭔가 언밸런스한 부분이 생길수도 있으니 좀더 엘레강스(^^;)한 곡선을 그어보도록 합시다.
방법은 엘레강스함과는 달리 간단합니다^^;
위에 사진에서는 그냥 한번 콕 클릭 해주었다면 이번에는 클릭한 상태에서 드래그를 하는겁니다!
곡선이 자유자재로 생기니 원하는 모양으로 잘 만들어서 누른 마우스 왼쪽 버튼을 놓아주시면 됩니다.

곡선에서 직선으로 연결하는것은 위에 사진들을 잘 보셨다면 충분히 이해하셨으리라 생각하고(^^;)
곡선에서 곡선으로 연결하는 부분을 설명하겠습니다.
뭐 이 부분도 간단합니다^^; 이미 첫 곡선 끝점이 선택된 상태이기 때문에 다음에 만들 곡선 끝부분에 한번 클릭해주시고 드래그해서 원하는 곡선을 만드시면 됩니다^^

이런 방법을 통해서 만든 간단한 노선도 모양입니다^^
이건 강좌를 위하여 곡선이 많이 들어가게끔 그려놓았습니다
추상적으로 노선도를 그리시겠다면 어쩔수 없지만 실제 맵에 꼭 맞는 노선도를 그리실 때
한가지 팁을 드리자면 지하철 선로를 설치한(노선도를 그릴 부분)부분의 스크린샷을 찍어
이미지화 하는겁니다! 고층 건물이 많이 들어선 상태라면 지하 부분도 필요하겠지요^^
저 같은 경우는 지하철 노선중 일부가 고층아파트 사이로 지나갔기 때문에 별 수 없이(^^;) 지하 부분도
촬영하였습니다.
스크린샷으로 이미지화 했으면 바로 그 위에 노선도를 저렇게 그려주면 되겠지요^^

이제 지하철이 다닐 길을 그렸으니 지하철이 정차할 역도 만들어 주어야 겠지요?^^

Path툴 근처를 보면 네모난 상자모양이 있습니다. 그곳을 꾸욱 누르고 있으면 옆에 서브메뉴가 뜨는데
저기서 원하는 모양을 클릭하면 되겠습니다^^
차례대로
네모
둥근 네모
원
6각형
별
입니다^^ 마지막거는 안써봐서 모르겠네요..;

원을 그리는데 노선도가 작아보일 수 있기 때문에 Ctrl + + 를 통해서 화면을 확대합니다.
다시 돌아가시려면 당연히 Ctrl + - 이겠지요^^
원하는 부분에 원하는 모양을 그려넣어주시면 됩니다^^
정 다각형을 그리시려면 Shift를 누른채로 클릭해 주시면 됩니다.
모양을 이동하시려면 툴바에서 까만 마우스 포인터를 클릭하시고 모양안에서 클릭하신 후
드래그 하시면 됩니다.

역이 하나만 있는게 아니라면 원을 여러개 그려야 겠지요^^
그런데 그릴때마다 역 모양이 제각각이라면 이상하겠지요?
그럴때에는 까만 마우스포인터로 먼저 그린 모양을 클릭후 Ctrl + C , Ctrl + V를 해주셔서 원을 복사합니다.
그 후에는 어떻게 할지 아시지요? ^^ 그 짜잔 하고 나타난 원을 원하는 위치에 놓아주시면 됩니다^^

자! 이제 다 완성했습니다^^
글을 쓰다가 보니 미처 캡처하진 못했고 궁굼해하실 부분이 있는것 같아 밑에 글로써 남깁니다^^;


* 역명써넣기
  - 좌측 툴바에서 'T'모양을 클릭합니다.
  - 역명을 써넣을 곳에 택스트박스를 드래그하여 만듭니다.
  - 원하는 역명을 써넣으시면 됩니다^^

* 지하철 노선 색상, 굵기 바꾸기
  - 위에 메뉴바에서 Windows(창) - Stroke(선) 부분이 체크되었나 확인합니다.
    혹은 Ctrl + F10을 눌러 활성화 시킵니다.
  - 우측에 Stroke(선)이란 창이 있으면 그곳에서 첫번째 굵기 부분에서 굵기 설정을 합니다.
  - 위에 메뉴바에서 Windows(창) - Appearance(외관?) 부분이 체크되었나 확인합니다.
    혹은 Shift + F6을 눌러 활성화 시킵니다.
  - 위에 Stroke(선)이 노선 선 색상이므로 옆에 작은 색상 네모를 클릭하여 원하는 색상으로 변경.

* 지하철 노선 역 색상, 굵기 바꾸기
  - 위에 메뉴바에서 Windows(창) - Stroke(선) 부분이 체크되었나 확인합니다.
    혹은 Ctrl + F10을 눌러 활성화 시킵니다.
  - 우측에 Stroke(선)이란 창이 있으면 그곳에서 첫번째 굵기 부분에서 굵기 설정을 합니다.
  - 위에 메뉴바에서 Windows(창) - Appearance(외관?) 부분이 체크되었나 확인합니다.
    혹은 Shift + F6을 눌러 활성화 시킵니다.
  - 위에 Stroke(선)이 역 외곽선 색상이므로 옆에 작은 색상 네모를 클릭하여 원하는 색상으로 변경.
     Fill(채우기)이 역 내부 색이므로 옆에 작은 색상 네모를 클릭하여 원하는 색상으로 변경.
(/표시는 투명입니다.)