철도 노선도 그래픽

레퍼런스


나무위키
 
 
작업


Adobe Illustrator

나무위키 철도 노선도 디자인을 일러스트레이터로 작업한다.
• 폰트는 Adobe Fonts 또는 Goodle Fonts 등 이용
• Adobe Illustrator 둥근 상자의 모퉁이의 제어점을 당겨 모퉁이 반지름 조절
• Adobe Illustrator 오브젝트 > 패스 > 패스 이동을 통해 Path 오프셋

실측지도 상 철도 노선 그래픽

레퍼런스


나무위키
 
 
작업


Adobe Illustrator

나무위키 철도 노선도 디자인을 일러스트레이터로 작업한다.
• 폰트는 Adobe Fonts 또는 Goodle Fonts 등 이용
• Adobe Illustrator 둥근 상자의 모퉁이의 제어점을 당겨 모퉁이 반지름 조절
배경 지도 이미지

레퍼런스


오픈스트리트맵
 
 
작업


Adobe Photoshop
 
 
가공


Adobe Illustrator

가상 지도 이미지를 포토샵으로 작업하고 일러스트레이터로 요소를 추가한다.
• 폰트는 Adobe Fonts 또는 Goodle Fonts 등 이용
• Adobe Photoshop 두꺼운 브러쉬로 위치와 형태를 잡고 가는 브러쉬로 다듬는다.
• Adobe Illustrator 이미지 추적 기능으로 포토샵 파일을 벡터화
• Adobe Illustrator 이미지 추적에서 색상, 패스, 모퉁이 수를 최대 · 노이즈 값 최소
• Adobe Illustrator 텍스트와 선 오브젝트를 오브젝트 > 확장 한 뒤 테두리를 추가

문장 기반 컨셉 이미지

소스


위키피디아
 
 
작업


Adobe Illustrator
 
 
가공


Adobe Photoshop

일러스트레이터로 작업한 아이코닉 디자인을 포토샵으로 가공한다.
• 폰트는 Adobe Fonts 또는 Goodle Fonts 등 이용
• Wiki에서 소스 벡터 파일을 Adobe Illustrator로 불러오기
• Adobe Illustrator 테두리를 오브젝트 > 확장 후
패스파인더로 동색분리하여 텍스트와 배경 도형 사이에 여백 생성
• Adobe Photoshop 레이어 효과 및 필터를 이용해서 가공

잡지 형식 그래픽

소스 그래픽


MS PowerPoint
 
 
레퍼런스


핀터레스트
 
 
가공


Adobe InDesign

파워포인트로 작업한 그래픽을 첨가해 인디자인으로 작업한다.
• 폰트는 Adobe Fonts 또는 Goodle Fonts 등 이용
• 레퍼런스를 확보하여 잡지 형식으로 구성

카드 형식 그래픽

레퍼런스


핀터레스트
 
 
작업


MS PowerPoint

레퍼런스 이미지를 참고하여 파워포인트로 작업한다.
• 폰트는 Goodle Fonts, 온라인 소스 등 이용
• MS PowerPoint 도형 병합 기능과 점 편집 기능을 활용
• MS PowerPoint 그라데이션 채우기에서 투명도 조절
• MS PowerPoint 투명도 그라데이션을 여러 레이어로 구성