디시인사이드 갤러리

마이너 갤러리 이슈박스, 최근방문 갤러리

갤러리 본문 영역

[일반] 경계선 지능이어도 할수있는 버스노선도 제작법 스압주의

엄마(182.230) 2022.07.06 19:27:24
조회 1999 추천 57 댓글 16
														

요새 꺼무위키같은거 보면 노선도 만든거 막 올라오고 그러잖음

그래서 교붕이들 중에서도 노선도 만들어보고 싶어하는 게이들이 있는 모양인데 그래서인가 교통갤에 노선도만 올라왔다하면

노선 얘기는 안하고 막 이거는 어떻게 만드느냐 저거는 어떻게했느냐 하고 줄줄이 모여가지고 성명내고

괘씸하거든요?

그래서 아주 빠르게 제작법을 알려드리겠습니다


준비물 : 포토샵

좀더 우수한 퀄리티로 만들고자하면 일러스트레이터를 활용하는 거지만 솔직히말해 지도형 노선도따위 만들거면 포토샵만 갖고도 떡을침


1) 지도 따오기


7cf3da36e2f206a26d81f6e7438273680e1f


교붕이들이 연인과 데이트코스 잡을때 써본경험은 없지만 버스노선볼때는 세끼 밥처먹듯 쓰는 네이버지도

이 지도로 노선도를 만들건데 그러려면 지도를 받아와야 되지 않겠노?

지도를 컴퓨터에 저장하고 싶으면 2번 위치에 있는 '저장' 버튼을 누르면 현재 보고 있는 위치의 지도가 다운로드됨

근데 노선도를 만들고자 하는 노선이 장거리 노선인 경우 지도의 표시범위 내에 노선이 전부 들어오질 않는 경우가 생긴다

그러면 지도 스케일을 낮춰야 하는데 그러면 지도 일부 요소가 생략되어버리게 된다

이럴땐 어찌하느냐?

1번 영역 아무데나 빈공간을 클릭하고 키보드 ctrl키 누른상태에서 마우스 스크롤을 내리면 (ctrl 누른채로 -키로 조절해도된다) 


7ff3da36e2f206a26d81f6e74188726f022c


지도가 이렇게 대형지도로 바뀌게 된다

화살표로 가리킨 위치에 있는 개존만한 상자 중 아래에서 세번째 칸이 저장버튼이다


7ef38168efc23f8650bbd58b36847369bbcb

이렇게 지도를 받아올수있다

커서로 지도 위치를 이래저래 조절해서 여러개 받아오도록 하자


7ef38268efc23f8650bbd58b36897d6bc44b83


포토샵을 키고 파일-자동화-Photomerge 들어가서


79f3da36e2f206a26d81f6e447857c6a66


찾아보기 눌러서 아까 받아온 네이버 지도파일 전부 불러오고 

빨간 박스안에 있는 부분 선택해준 다음에 확인버튼을 누르자

누르고 나면 시간이 좀 걸려서 포토샵 직무유기하고 있는건가 싶을텐데 그런거 아니니 느긋하게 기다리도록하자


78f3da36e2f206a26d81f6e34589716e3b


이렇게 지도가 합쳐지게 된다

이와 같은 방식으로 지도를 더 많이써서 전국 전도 제작도 완벽하게 제압할수있다

크롭기능 (빨간칸 안에있는거) 를 써서 지도 내의 여백을 잘라내자


7bf3da36e2f206a26d81f6ec42887c6473


다음으로 우리가 지도에서 필요로 하는 부분만 자르는 방법이다

일단 1번칸에 있는 레이어들을 선택하고 (컨트롤키 누른채로 하나씩 선택하면 다중선택이 된다)

마우스 우클릭 - 레이어 병합 선택해서 저 배경지도 레이어를 싹 합친다

안합쳐도 상관없지만 나중에 작업할때 껄쩍지근해지므로 그냥 합쳐놓자

그리고 크롭기능 (2번)을 선택하고 지도 위에서 드래그하면 원하는 부분의 지도만을 선택해서 자를 수 있다


2) 노선 선형 패스따기


7af3da36e2f206a26d81f6e040837769cb


지도를 잘라놨으면 이제 본격적으로 노선도제작에 들어가게된다


펜툴(1번)을 선택하고 노선도 위의 한 부분을 찍으면 점이 생긴다

다른 점을 찍으면 점과 점 사이를 연결하는 선이 생길건데 이걸 패스라고 한다

노선도를 그리고자 하는 노선의 개형을 따라서 패스를 딴다

패스따는 방법은 인터넷을 조금만 찾아보면 바로 나오니 그걸 참고해서 따면됨 (키워드:패스따기, 누끼따기, 펜툴)


가장 중요한 과정이지만 동시에 가장 씹노가다이며 하다가 정신을 잃어버리거나 믿을수 없을정도로 돌아버릴수도 있으니 정신줄을 동여매고 하는게 중요하다

완벽하게 안따도 어차피 티 별로 안나니 대충따도록 하자


75f3da36e2f206a26d81f6e24781756f6f


나는 이미 예전에 따놨다


3)노선 지도에 그리기


74f3da36e2f206a26d81f6e2428470689b


패스땄다고 끝난게 아니고 이제 지도에 노선을 그려야 한다

우측 중간에 보면 레이어/채널/패스 이 칸이 보일텐데 레이어 탭을 선택한다음

1번 버튼 눌러서 그룹을 생성해준다

방금 만든 그룹이 2번위치에 뜰건데 이걸 클릭해준다

그리고 3번버튼을 눌러서 그룹 안에 새로운 레이어를 생성해준다


7cec9e77abd828a14e81d2b628f173643a8c6baf


그리고 다시 2번칸을 누르고 우측 최하단을 보면 fx라고 써있는 칸이 보일텐데 (3번칸 위치)

그걸 누르고 선... 이라고 되어있는칸을 선택한다


7cec9e74abd828a14e81d2b628f1756dda49b706


그럼 이런 창이 뜰거다

선에다가 테두리를 만드는 과정인데 위와 같이 세팅해준다

취향에 따라서 색상과 획 크기는 바꾸어도 무방하며 테두리를 만들기 싫으면 좌측 '획' 이라고 되어있는 체크박스를 해제해주면 된다.


7cef9e2cf5d518986abce8954e81756cbc96


이제 브러시를 골라줄차례다

1번칸을 눌러서 브러시 기능을 선택해주고 2번칸을 눌러서 브러시 모양과 크기를 결정한다

노선도의 선은 이 브러시 모양대로 만들어지니까 자기가 원하는 적당한 값을 조절해서 쓰도록 하자

브러시를 캔버스에 대고 좌클릭 누른상태로 쭉 그어보면 어떤모양으로 그려질지 견적이 나온다

개인적으로 브러시 크기 18px에 브러시 모양은 선명한 원으로 하는게 가장 좋았다

그리고 3번칸을 눌러서 브러시 색상을 골라준다


7ced9e2cf5d518986abce8954181726ce2a1


브러시 선택까지 완료했으면 레이어/채널/패스 칸의 패스 탭을 눌러서 방금 딴 패스(빨간 칸안에 있는거)를 선택해준다

나는 임의로 저 패스의 이름을 '상행' 이라고 저장해놓았는데 교붕이들 창에서는 '작업 패스' 이렇게 뜰것이다


7cee9e2cf5d518986abce8954188736a11e4


다시 레이어 탭으로 돌아와서 그룹 안에 있는 레이어(1번)를 선택해준다

그리고 펜툴(2번) 선택해주고 그려놓은 패스에 대고 우클릭 누른다음에 패스 획(3번) 선택해준다


7ce99e2cf5d518986abce895418677697f3e


도구 '브러시' 선택하고 확인 누르면


a6522977abd828a14e81d2b628f173649a1d5302


이렇게 전문가수준의 노선도가 그려지게 된다

이제 정류장표시를 해야된다

정류장 위치 표시용 똥글뱅이 만드는 법을 보여주려고 한다


타원 툴(1번)을 선택해서 동그라미를 하나 그린다

만약 저위치에 타원이 아닌 사각형이나 좆같이생긴 다각형 모양으로 되어있으면 우클릭하면 타원도구 선택가능하다 

원그릴때 shift키 누르고 그리면 타원이 아닌 완벽한 원 형태로 나온다

2번 창에서 만들어놓은 원의 크기랑 색깔 등을 바꿀 수 있는데 적당하게 노선도 굵기봐서 맞춘다


a6522974abd828a14e81d2b628f17c6a950d8981


큰 동그라미 만들때랑 마찬가지 방법으로 작은 동그라미를 만들고 크기 적당히 조절하고 색깔을 흰색으로 바꿔준다

이동 툴(1번)을 선택해 큰 동그라미 중심에 작은 동그라미가 위치하도록 한다

레이어 탭에서 그룹을 하나 생성하고 방금 만든 원 두개(2번)를 그룹에 집어넣어준다

좀전에 생성한 그룹을 선택해준다(3번)


a6522975abd828a14e81d2b628f17368f68b54f0


패스 탭으로 바꾼다음 노선 선형 딸때 썼던 패스(2번)를 선택해준다

그러면 캔버스에 그려놨던 패스가 뜨게된다

그리고 이동툴(3번)을 선택해서 우리가 아까 만들었던 원의 중심이 패스 위에 놓이도록

원의 위치를 적당히 조절해준다


a6522972abd828a14e81d2b628f17c684cccd3e4


이동 툴이 선택된 상태에서 alt를 누른채 원의 위치를 이동시키면 원이 복사가 된다

아까 원 배치했던 것처럼 원하는 위치에 차례차례 배치해준다.

복사가 뜻대로 안되면 1번칸을 다시 선택해주고 반복해본다


4) 정류장 이름 붙이기


7ce89e2cf5d518986abce8954e89706f1b1a


텍스트도구(1번) 선택하고 캔버스 위 적당한 위치에 드래그한다

그리고 정류장 명칭을 입력한다

텍스트가 뭔가 맘에 안들면 3번 버튼을 눌러서 텍스트의 폰트나 색상 등의 선택을 할 수 있다

안바뀌면 방금 쳤던 텍스트를 드래그한 상태에서 다시 하면됨 


폰트는 나눔고딕, 중고딕, 돋움 등의 고딕체를 사용하는 게 좋고

의외로 여성가족부에서 배포한 청소년서체 ←←이거도 괜찮음 개드립 치려는게 아니라 정말로 괜찮다

근데 굴림체나 특히 맑은고딕 이딴 씨팔같은 폰트 쓰면 진심 처죽여버리고 싶으니까 주먹을 꺼내기 전에 다른폰트로 싸게싸게 바꾸자


7ceb9e2cf5d518986abce8954e87706521e6


근데 그냥 텍스트만 지도 위에 찍 갈겨놓으면 역시 가독성면에서 볼때 뭔가 어정쩡한 부분이 생긴다

그래서 텍스트박스를 만들거다


1번칸 위치에 원래 타원도구 있었을건데 우클릭해서 모서리가 둥근 직사각형 도구로 바꾼다

적당히 대충 그리고 2번 창에서 크기를 적절히 조정해준다

가급적이면 텍스트 크기에 맞춰야겠지?

그리고 반경을 조절해주는데 반경을 H의 50%에 해당하게 맞춰주면 짤방에서 보는것과 같은 형태의 텍스트박스가 완성된다

색상도 적당한거 뽑아서 칠해주고 만약 텍스트박스를 좀 투명하게 만들고싶으면

불투명도 조절(3번) 해주면 된다


그리고 텍스트박스를 이동툴을 써서 텍스트 위치에 맞춰준다


7cea9e2cf5d518986abce8954e83776ba487


레이어탭에서 텍스트랑 방금 만든 텍스트박스를 같이 선택한다 (컨트롤키 누른상태에서 선택하면 된다했제?)

아니면 그룹 하나 만들어서 거기다 집어넣고 그룹을 선택해버려도 된다

아무튼 선택을 하고 이동툴로 움직이면 텍스트랑 텍스트박스가 같이 움직인다

노선도 내 적당한 위치에다 텍스트박스를 박아준다


5) 노선 번호랑 출도착지 표시


7ce59e2cf5d518986abce8954083776d6932


정류장명 텍스트박스 만들듯이 만들면 된다

텍스트박스 네모난거 두개 만든 다음에 색깔바꾸고 안에다가 텍스트 적어넣으면 된다


75ed8072da8376ac7eb8f68b12d21a1d575137b4e592df


이렇게하면 성능좋은 교붕이식 노선도가 완성된다

노선 정보전달이 목적이라면 이정도만 해도 충분하다


75ed8072da8076ac7eb8f68b12d21a1d782feb88c3c09a


이건 진짜 보여지는데에 치중한 노선도고 사실 노선도 기능면에서 봤을때 별 의미는 없다고 생각하면된다


추천 비추천

57

고정닉 20

댓글 영역

전체 댓글 0
등록순정렬 기준선택
본문 보기
자동등록방지

하단 갤러리 리스트 영역

왼쪽 컨텐츠 영역

갤러리 리스트 영역

갤러리 리스트
번호 말머리 제목 글쓴이 작성일 조회 추천
2856 설문 주위 눈치 안 보고(어쩌면 눈치 없이) MZ식 '직설 화법' 날릴 것 같은 스타는? 운영자 24/04/29 - -
637644 공지 완장 호출벨 [7] 화도터미널갤로그로 이동합니다. 23.08.19 25625 38
679021 공지 교갤 갱차리스트 240130갱신 교갤용고닉갤로그로 이동합니다. 24.01.30 1860 16
640465 공지 일반공지 모음 [2] 상록수역갤로그로 이동합니다. 23.08.30 5053 14
612452 공지 교통갤러리 이용규칙 (2023.05.24) [4] (주)본전려객갤로그로 이동합니다. 23.05.24 10777 52
703999 일반 123번 [1] 아틸리싸이갤로그로 이동합니다. 09:25 62 0
703998 일반 서울에서 곧바로! 경포해변으로 MBC강원영동뉴스 교갤러_갤로그로 이동합니다. 09:20 20 0
703997 일반 공주 -> 서울 [1] ±역린±갤로그로 이동합니다. 09:15 75 1
703996 정보/ 2024 파워풀 대구 페스티벌 차없는거리 & 시내버스 우회운행 [1] 유빈교통갤로그로 이동합니다. 09:10 51 0
703993 일반 노포동에 주차되어 있는 수입버스 [1] AyaUchida0723갤로그로 이동합니다. 08:27 259 1
703992 일반 동탄인덕원 생겨도 7770 수요는 타격 없을거 같음 [3] ㅇㅇ(221.142) 08:23 146 0
703991 일반 현 시간 공주텀 ±역린±갤로그로 이동합니다. 08:21 191 2
703990 일반 신흥 3375호 근황 xxeon_5갤로그로 이동합니다. 08:13 158 1
703989 일반 88 완주 [2] 반도의흔한뻐딱갤로그로 이동합니다. 08:00 187 1
703988 일반 어어 이차 어디로 가노? [4] 덧니소녀미사오갤로그로 이동합니다. 07:35 339 3
703987 일반 광명역에서 경기도 택시타고 관악구 대학동 갈수있으려나? [3] ㅇㅇ(124.53) 07:21 114 0
703986 일반 오늘 철박축제에 홍진영온다네 [2] 교갤러(121.152) 06:51 159 0
703985 일반 서울 7호선 ‘청라 스타필드역’ 뚫린다 [2] 포천댁갤로그로 이동합니다. 06:22 321 0
703984 일반 9707 [1] Eungdy갤로그로 이동합니다. 05:41 255 0
703983 일반 신림역에서 (홍대입구역에서 일반) 인천공항 8900원? 여갤러(125.141) 04:17 154 0
703982 일반 교통대식 시험문제 암기 Deloy갤로그로 이동합니다. 03:54 243 2
703981 일반 뉴슈퍼저상 좌석형 나오면 길이 11.5나 12로 늘리려나 [1] 1143갤로그로 이동합니다. 03:40 148 0
703980 일반 의정부 1-7번 ㅈ같이 쳐 느리게 가더라 [3] ㅇㅇ(59.5) 03:30 186 0
703979 일반 해남 땅끝마을 시내버스로 가려고 하는데 잘아는 형들 답변좀 주라. ㅇㅇ(175.210) 03:16 58 0
703978 일반 서울-여수 주말에 얼마나 걸리려나 ㅇㅇ갤로그로 이동합니다. 03:08 70 0
703977 일반 교붕이 오늘은 긴급상황차 몰았다 [5] 루나갤로그로 이동합니다. 02:46 635 13
703976 일반 혹시 여기 인천-서산 24.5.4 9:15 차 탄 사람 있음? [2] 광주제주고속도로(114.29) 02:07 292 0
703974 일반 대전 급행2 ㅈㄴ 아이러니한거 [1] ㅇㅇ갤로그로 이동합니다. 01:46 170 0
703973 일반 경북고속 안동-수도권노선에 커민스 120개조차들 고정되었네 ㅇㅇ(124.5) 01:23 190 0
703972 일반 하이거 하이퍼스 P 시리즈 [1] Eungdy갤로그로 이동합니다. 01:23 420 3
703971 일반 1200 3100 [4] ㅇㅇ(220.71) 01:23 332 0
703970 일반 경기버스는 왜이렇게 더러운게 많냐 [2] 비둘기야먹자갤로그로 이동합니다. 01:13 427 1
703969 일반 내림 [5] ±역린±갤로그로 이동합니다. 01:10 313 1
703968 일반 경기도 마을버스 중에서 차량 상태가 좋은 회사있나? [6] ㅇㅇ(58.78) 01:10 231 0
703967 일반 전주 나무위키 갤러 있음? 핌바갤로그로 이동합니다. 01:04 166 0
703966 일반 긴급상황 [3] ㅇㅇ(220.71) 00:58 374 1
703965 일반 동아 뉴비 저상 결국 151번엔 못보고 폐차되는구나 [4] ㅇㅇ(211.63) 00:42 475 1
703964 신고 파딱아 분탕충 처리해라 [1] 일산날라리갤로그로 이동합니다. 00:39 132 1
703963 신고 분탕충 신고합나다 [2] 큰새갤로그로 이동합니다. 00:38 265 2
703957 정보/ 남양주 시의원의 별내 8호선 개통후 버스 개편 계획 [12] 서해선일산행갤로그로 이동합니다. 00:36 423 3
703947 일반 보영운수 전기신차 도입 [10] ㅇㅇ(124.51) 00:29 668 2
703946 일반 뉴슈퍼 좌석저상 나오면 인기많을것 같은데 [2] 현대 뉴슈퍼(1.228) 00:19 309 0
703945 일반 오늘자 그거 [2] 122128갤로그로 이동합니다. 00:17 396 0
703944 일반 ㄱㅇㅇ?) 중저항과 은하수 [1] 740iL갤로그로 이동합니다. 00:09 326 13
703943 일반 이거를 정확히 22년 10월 11월경에 타봤는데 ±역린±갤로그로 이동합니다. 00:09 230 0
703942 일반 7731 행사 있을떼 하이파크까지 안가고 킨텍스에서 운행종료하는 차량있네 [1] ㅇㅇ(220.77) 05.04 222 2
703941 일반 같은 구간이라면... 산천어축제갤로그로 이동합니다. 05.04 69 3
703940 일반 관광지중에 택시요금 비싼곳에 경포해변행같이 운행하면 나름 괜찮을듯 [2] ㅇㅇ(220.79) 05.04 186 4
703939 일반 1670은 잠실역환센 안들어가는 이유 있음?? [3] 기어라하늬갤로그로 이동합니다. 05.04 523 3
703938 일반 법인택시도 튜닝이 가능함? [1] ㅇㅇ(211.107) 05.04 169 2
703937 일반 금호고속 프리미엄이 원래 급가속 많이함? ㅇㅇ(58.227) 05.04 177 3
갤러리 내부 검색
제목+내용게시물 정렬 옵션

오른쪽 컨텐츠 영역

실시간 베스트

1/8

뉴스

디시미디어

디시이슈

1/2