Illustrator 및 Fontastic.me를 사용하여 손으로 그려진 글꼴 만들기

01 / 06

Illustrator 및 Fontastic.me를 사용하여 손으로 그려진 글꼴 만들기

텍스트 및 이미지 © Ian Pullen

이 재미 있고 재미있는 자습서에서는 Illustrator와 온라인 웹 서비스 fontastic.me를 사용하여 고유 한 글꼴을 만드는 방법을 보여 드리겠습니다.

따라하기 위해서는 Adobe Illustrator 사본이 필요합니다. 사본이없고 사고 싶지 않은 경우 Inkscape를 사용하는 유사한 자습서에 관심이있을 수 있습니다. Inkscape는 Illustrator의 무료 오픈 소스 대안입니다. 어떤 벡터 라인 드로잉 응용 프로그램을 사용하든, fontastic.me는 무료로 서비스를 제공합니다.

종이에 그려진 글자 사진을 사용하여 손으로 그린 ​​글꼴을 만드는 방법을 보여 드리지만, Illustrator에 직접 그려진 글자를 사용하여 비슷한 기술을 사용하여 글꼴을 만들 수도 있습니다. 그리기 태블릿 을 사용하는 경우이 방법이 바람직 할 수 있습니다.

사진을 사용하는 경우 짙은 색 펜 펜을 사용하여 글자를 그려야하며 최대한의 대비를 위해 일반 흰색 종이를 사용해야합니다. 또한 사진을 선명하게 찍어 명확하고 명암이있는 사진을 만들어 Illustrator에서 개별 문자를 가능한 한 쉽게 찾을 수 있도록하십시오.

다음 몇 페이지에서 첫 번째 글꼴을 만드는 과정을 안내합니다.

02 of 06

빈 문서 열기

텍스트 및 이미지 © Ian Pullen

첫 번째 단계는 빈 파일을 열어 작업하는 것입니다.

파일> 새로 만들기로 이동하고 대화 상자에서 원하는대로 크기를 설정하십시오. 500px의 정사각형 페이지 크기를 사용했지만 원하는대로 설정할 수 있습니다.

다음으로 사진 파일을 Illustrator로 가져옵니다.

03 / 06

손으로 그린 ​​텍스트의 사진 가져 오기

텍스트 및 이미지 © Ian Pullen

작업 할 사진을 손으로 그린 ​​사진이 없다면이 튜토리얼에서 사용한 것과 동일한 파일을 다운로드 할 수 있습니다.

파일을 가져 오려면 파일> 장소로 이동 한 다음 손으로 그린 ​​텍스트가있는 위치로 이동하십시오. 장소 버튼을 클릭하면 사진이 문서에 표시됩니다.

이제이 파일을 추적하여 벡터 문자를 줄 수 있습니다.

04 / 06

손으로 그려진 편지의 사진 추적

텍스트 및 이미지 © Ian Pullen

편지를 추적하는 것은 매우 간단합니다.

Object> Live Trace> Make and Expand로 이동하면 잠시 후 모든 글자가 새로운 벡터 라인 버전으로 덮여 졌음을 알 수 있습니다. 사진의 배경을 나타내는 다른 객체로 둘러싸여 있다는 사실은 덜 분명합니다. 배경 개체를 삭제해야하므로 개체> 그룹 해제로 이동 한 다음 사각형 경계 상자 외부의 아무 곳이나 클릭하여 모든 항목의 선택을 취소하십시오. 이제 글자 중 하나를 클릭하여 닫으십시오.하지만 직사각형 배경이 선택되어 있는지 확인해야합니다. 키보드의 Delete 키를 눌러 제거하십시오.

그러나 모든 글자는 하나의 글자에 하나 이상의 요소가 포함되어있는 경우이를 그룹화해야합니다. 모든 편지에는 하나 이상의 요소가 들어 있으므로 모든 요소를 ​​그룹화해야했습니다. 이 작업은 문자의 다른 부분을 모두 포함하는 선택 윤곽을 클릭 한 다음 객체> 그룹으로 이동하여 수행 할 수 있습니다.

이제 각자의 글자가 모두 남게 될 것이고, 다음으로 이것을 사용하여 fontastic.me에 글꼴을 생성하는 데 필요한 개별 SVG 파일을 만듭니다.

관련 항목 : Illustrator에서 라이브 추적 사용

05/06

개별 문자를 SVG 파일로 저장

텍스트 및 이미지 © Ian Pullen

안타깝게도 Illustrator에서는 여러 장의 아트 보드를 개별 SVG 파일로 저장할 수 없기 때문에 각 문자를 별도의 SVG 파일로 수동 저장해야합니다.

먼저, 모든 글자를 선택하고 드래그하여 아트 보드 위에 놓지 않도록합니다. 그런 다음 첫 번째 글자를 대지로 드래그하고 모서리 드래그 핸들 중 하나를 드래그하여 아트 보드를 채울 수 있도록 크기를 조정합니다. 동일한 비율을 유지하려면 Shift 키를 누른 채로하십시오.

완료되면 파일> 다른 이름으로 저장으로 이동하고 대화 상자에서 형식 드롭 다운을 SVG (svg)로 변경하고 파일에 의미있는 이름을 지정한 다음 저장을 클릭하십시오. 이제 해당 글자를 삭제하고 대지에서 다음 글자의 크기를 변경할 수 있습니다. 다시 다른 이름으로 저장을하고 모든 편지를 저장할 때까지 계속하십시오.

마지막으로, 계속하기 전에 공백 문자로 사용할 수 있도록 빈 대지를 저장하십시오. 구두점과 소문자 버전을 저장하는 것도 고려해 볼 수 있지만이 튜토리얼에서는 신경 쓰지 않았다.

이러한 별도의 SVG 문자 파일을 준비하면 fontastic.me에 글꼴을 업로드하여 다음 단계로 글꼴을 만들 수 있습니다. fontastic.me를 사용하여 글꼴을 완성하는 방법을 보려면이 기사를 살펴보십시오. Fontastic.me를 사용하여 글꼴 만들기

06 년 6 월

Adobe Illustrator CC 2017의 새 자산 내보내기 패널을 사용하는 방법

SVG 제작은 Adobe Illustrator CC 2017의 새로운 자산 내보내기 패널을 사용하여 클릭 앤 드래그 워크 플로우로 축소됩니다.

Adobe Illustrator의 현재 버전에는 모든 도면을 하나의 대지에 넣고 개별 SVG 문서로 출력 할 수있는 새로운 패널이 포함되어 있습니다. 방법은 다음과 같습니다.

  1. Window> Asset Export를 선택하여 Asset Export 패널을 엽니 다.
  2. 하나 또는 모든 문자를 선택하고 패널로 드래그하십시오. 그들은 모두 개별 항목으로 나타납니다.
  3. 패널에서 객체의 이름을 두 번 클릭하고 이름을 바꿉니다. 패널의 모든 항목에 대해이 작업을 수행하십시오.
  4. 내보낼 항목을 선택하고 형식 팝업 메뉴에서 SVG를 선택하십시오.
  5. 내보내기를 클릭하십시오.