베타폰트 시스템을 시작하면서 – A9폰트 베타로 공개

베타폰트 시스템을 시작하면서 – A9폰트 베타로 공개

제가 전문적으로 폰트 만드는 사람은 아니고 봄봄스쿨 출판사 사장인데 cnc 로봇이 사람글씨를 따라쓰는 stroke 기반 한글 폰트와 글씨교정이라는 따라 쓰기 책과 거기에 맞는 전용 프로그램을 개발하다 본격적으로 폰트 제작을 3개월간 해봤습니다. 

레터링까지는 해도 한글 폰트를 만들려면 11,172자는 허들을 만나게 됩니다. 저희는 일반인에게는 자신의 손글씨를 폰트로 만들게 하거나 부모님의 손글씨, 아이의 손글씨를 폰트로 기록하는 프로그램과 그 글씨로 만든 자서전이나 시집, 1권을 위한 책을 만들 수 있는 POD용 폰트나 굿즈를 개발할 준비를 하고 있었습니다.

그런데 몇 차례 폰트 제작에 대해서 공부하다가 프로의 도구가 있어도 한글로 만드는 것은 수많은 글자와 그 조합을 맞추는 데는 많은 시간이 필요하고 끝을 보는 데는 큰 시간이 걸리게 됩니다. 단순 자소 조합만 아니라 미적인 부분, 가독력, 시각적 부분 등 다양한 부분을 맞춰야 하는 것에 대해 기존 도구에서는 컴포넌트를 조합해서 만들었지만 그것을 최소한의 폰트 템플릿을 사용하여 제작 방법을 만들었습니다.(‘ㄱ’자 하나도 중성, 종성의 배열, 위치에 따라 수 많은 개별 컴포넌트가 생성되며 Glyphs, Fontforge, Fontlab Studio 같은 프로그램에서 레고처럼 부품을 바꾸면 모든 폰트 구성이 자동 재편집이 가능합니다.)

템플릿에 초성+중성, 초성+중성+종성 테이블을  한눈에 보기 쉽게 일러스트레이터에서 폰트를 제작하는 도구를 개발했습니다.

그리고 베타폰트라는 개념을 생각했고 어떤 폰트를 만들고 완성될 때까지 계속 테스트 및 사용을 할 수 있게 해주는 베타테스트 할 수 있는 참여자를 모아 초기에 펀딩 하듯 제작자를 후원하는 패트레온과 같은 형태의 시장을 만들려고 합니다. 

요즘 폰트는 배민처럼 기업의 브랜드를 키우는 마케팅도구가 될 수 있습니다. 

그리고 지자체에서 자체 폰트를 만들기도 하고 안심폰트라는 이름으로 정부에서 폰트를 구매해주기도 합니다. 점차 시장이 커져가고 있으며 그 부분에 새로운 플레이어로 참여할 개인들은 일종의 벽이 생깁니다. 그것을 회사가 풀고 크리에이터는 크리에이터를 지원하는 사람들에게 강의, 굿즈, 폰트 등의 제작과정을 팔 수 있는 시장을 마련해 드리고 싶습니다.

그 샘플로 다양한 폰트를 만들었는데 작업 방법을 바꾸고 이제 공개형으로 전환하여 폰트 및 제작 소스(폰트디자인)까지 공개하며 차후 디자이너의 참여를 통해 새로운 시장을 만들어 보려고 합니다. 

앞으로 어떤 상황이 될지는 모르지만 저희도 사람 고유의 것에 대해 더 관심을 가지고 있습니다. 다꾸를 하거나 책을 만들거나 결국 나를 위한 것이 남지 않을까 생각 중입니다. 엄마의 레시피, 삐뚤빼뚤 아이의 손글씨, 지나가는 간판, 누군가의 편지… 아날로그 느낌이 다시 휴대폰, 인스타 게시물, 유튜브 자막 등 미디어에 마지막 남은 것이 무엇일까 생각합니다.

카페자료실에 계속 데이터 추가합니다.

https://cafe.naver.com/signatureclub

A9ComicTypeA (A9만화효과A) 0.1

A9ComicTypeA (A9만화효과A) 0.1

베타 폰트이며 한글만 있습니다. 현재 11,172자를 기본으로 만들었으며 게시판에 추가 수정이 있으면 버전을 자료실에 판올림 버전을 추가해서 계속 올릴 예정입니다.

만화 효과음으로 제작되어 있으며 다른 폰트를 제작할 수 있는 가이드와 일러스트 제작파일도 정리되는 대로 추가 재편집하여 본인만의 폰트를 만들 수 있게 제공할 예정입니다.

폰트 수정방식이나 구성은 영상강의로 제공하겠습니다.

https://cafe.naver.com/signatureclub/175

라이선스 본문

A9ComicTypeA (A9만화효과A) 의 지식 재산권은 아르고나인미디어그룹(주)이 보유합니다.아르고나인미디어그룹에서 무료로 배포하는 A9ComicTypeA (A9만화효과A)는 개인, 기업 사용자 모두 자유롭게 수정 및 변경해영리, 비영리 목적으로 사용할 수 있습니다

라이선스 요약표


카테고리사용 범위허용 여부
인쇄브로슈어, 포스터, 책, 잡지 및 출판용 인쇄물 등O
웹사이트웹페이지, 광고 배너, 메일, E-브로슈어 등O
포장지판매용 상품의 패키지O
영상영상물 자막, 영화 오프닝/엔딩 크레딧, UCC 등O
임베딩웹사이트 및 프로그램 서버 내 폰트 탑재, E-book 제작O
BI/CI회사명, 브랜드명, 상품명, 로고, 마크, 슬로건, 캐치프레이즈O
OFL폰트 파일의 수정/ 복제/ 배포 가능. 단, 폰트 파일의 유료 판매는 금지X

만화효과음 폰트B 만들기

2시간에 하나씩 폰트 만들기

조합만화서체를 일단 디자인해서 타블렛으로 대충 모양을 꾸민다음에 자소를 최소한으로 만든 다음에 그걸 다시 재조합해서 만화 효과음을 만들었습니다.

조합형 만화폰트

최소한의 조합을 구성해서 만든 만화 스타일체

각도 조금 수정하고 조정할 필요가 있습니다. 대충 선만 그어서 만들었는데 그럴듯하게 보이는 것은 선을 여러번 겹쳐서 만들었습니다. 다음에 글자를 흔들어서 만드는 이토준지 공포체나…

글자가 서로 겹쳐지며 연결되는 스펜서 서체 같은 스타일의 한글폰트를 하나 만들어 볼 계획입니다. 

제일 중요한 것을 까먹고 있었는데 이제 폰트 만드는 가이드용 글자 구성을 다시해야 할거 같습니다.

그리고 곧 폰트페이지 제작하고 공개할 생각입니다.

일러스트레이터 스트로크로 한글폰트 고딕체 만들기

일러스트레이터 스트로크로 한글폰트 고딕체 만들기 스트로크로 만들어서 아주 빨리 폰트를 개발할 수 있습니다.

기존 디자이너의 레터링을 거꾸로 폰트로 제작하는데도 손글씨를 바꾸는데도… stroke 기반이라 폰트의 모양도 새롭게 바꾸는데 1초도 안걸립니다. 패밀리 폰트를 쉽게 만들 수 있습니다.

만화효과음 폰트 만들면서

초성조합을 이용한 종성 만들기

사실 몇가지 조합만 가지고 폰트는 만들어집니다. 만화효과음 같은 폰트 샘플이 필요해서 잠깐 만들어봤습니다. 이전에 오라오라체 같은 만화효과음 폰트를 직결식으로 만들었는데 이번에는 완성형폰트로 제작했습니다. 말랑체 라고 마시멜로 같은 느낌으로 글자를 디자인했습니다.

새로 템플릿 구조를 바꾸고 작업하면서 없는 것에서 부터 시작한 글자는 얼마나 걸릴까? 하고 1시간 전에 작업해서 완성을 했습니다. 직결식 방식으로 만들게 초성조합만을 가지고 종성을 만들었습니다. 시간이 절약되고 만화용효과음용으로 만든 샘플이라 앞으로 자막같은데도 사용해보려고 합니다.

오늘 이 작업을 마지막으로 본격 폰트 만드는 서비스가 진행될거 같습니다.

그동안 중간에 템플릿구조를 바꿔서 시간을 지체했는데 기다려주신 분들께 정말 죄송합니다. 지금도 잠을 안자고 작업하는데 배열하는 것에 대해서 프로그램으로 뭘 처리하려다가 잠시 개발 멈추고 완성도는 올라간거 같아서 이제 마무리하고 진짜 일을 해야할거 같습니다.

가이드를 바꾸고 한 눈에 보면서 작업하는 것이 편하고 좋은데 일러스트레이터가 10000 픽셀 이상의 사이즈를 안열고 줄여버리는 일이 생겨서 그건 어도비가 막아놓은 것을 확인했습니다.

다른 프로그램은 이상없이 열리는데 SVG를 만든 어도비가 막고 있어서 그 부분에 대한 고민과 inkscape, fontforge 를 자동화해서 배열하는 자동처리를 하다가 일단 멈췄습니다.

아마 손글씨가 아닌 만화용 서체 작업할 때 필요해서 일단 뒤로 미뤘습니다.

https://cafe.naver.com/signatureclub

폰트 만드는 가이드와 작성방법을 자료실에 올리고 제작방법 노하우는 영상으로 공개할 생각입니다

사실 폰트를 만들 때 컴포넌트를 만들어서 글씨가 어떤 모양에 따라 다 다른 초성을 만들어 넣게됩니다. 예를 들어 ㅔㅣ 같은 경우 초성의 모양이 달라지죠… 저희가 만든 폰트 생성기는 바로 폰트편집기에서 부분 수정이 모두 가능하도록 작업을 해놨습니다. 

만화쪽에도 각도에 따라 다른 글자의 형태가 나오게 하는 것이 필요한데 퍼스펙티브 시점에 맞춰 효과음이 날라가는 듯한 이펙트를 만들 수 있는 편집기에 집중하는 중입니다.

출판사 책이나 내야하는데 엉뚱한데 시간 다 날렸네요 ^^ 오늘 하루 날라갔어요 

가로 쓰기, 세로 쓰기 폰트의 균형

그동안 만든 폰트는 손글씨였기 때문에 스캔해서 벡터화하면 데이터가 삐뚤빼뚤한 느낌이 있었는데 주말에 샘플로 다시 Stroke 기반으로 제작해 봤습니다.

초성 3벌 중성 2벌 종성 1벌을 기준으로 폰트를 만들었고 약 3시간 정도 제로에서 시작해서 일러스트레이터로 제작했습니다.

일일단 폰트는 일러스트레이터에서 한 화면을 보고 작업하기 때문에 어느 정도 균형미를 유지할 수 있습니다. 물론 수정해야 하고 글자 하나하나 개성을 줄 수도 있어 기존에 작업한 조합형 방식과는 달라집니다.

일단 가로 세로를 한 번에 작업하기 때문에 일정하게 균형을 유지할 수 있습니다. 특히 세로줄의 ㅏㅣㅖㅒㅞㅟㅘㅙ 등의 모양을 기준으로 잡고 작업을 하며 ㅗㅡㅜㅠㅛ 와 같은 가로줄의 가이드를 맞출 수 있습니다. 작업에 대한 방법론은 영상으로 남기겠지만 일단 방법론에 대해서 이야기드립니다.

초성과 함께 표시됐을 때 ㅗ 의 I자의 크기가 높낮이가 다를 수 있습니다. 그걸 한 화면에서 다 다르게 편집하면 그대로 폰트로 생성됩니다. 지금까지는 ㅗ의 높이가 조합된 한글 자모의 모양에 따라 바꿀 수 없었기 때문에 디자인 하나 고치면 다른 곳에서 달라지고 그걸 수정하면서 글꼴 자체가 원 글자체와 달라지는 미묘한 현상이 생겼습니다.

현재 방법으로는 개별 글자 하나도 편집이 가능하기 때문에 착시나 초성에 따른 중성의 조합을 신경 써서 작업하면 그러한 일은 생기지 않습니다. 초성 ㄱ ㄲ, ㄷ ㄸ, ㅅ ㅆ, ㅈ ㅉ 쌍자음의 위치에 따라 ㅓㅖ같은 중성에 따라 글자의 너비가 달라집니다. 공간을 잘 배열하고 채우기 위해 가이드를 깔아 놓고 하나하나 작업하던 기존의 폰트 제작방식도 심벌에 가이드를 깔고 작업하면 됩니다.  

세로를 기준으로 제작하기 때문에 작성하고 바로 만든 폰트도 세로 쓰기로 봤을 때 잘 나와 보입니다. 빨리빨리 작업하기 위해 Stroke로 만들었지만 제대로 작업하면 기존 글꼴을 대체하는데 무리 없어 보입니다.

더 많은 테스트가 필요하고 그럴듯한 폰트 샘플 (문서용 폰트)을 제작해야 하지만 현재 그것보다는 일러스트레이터 플러그인이나 컨버팅 서비스를 만드는 게 더 급하다 생각되어 우선순위를 정해 진행하려고 합니다.

일단 함께 폰트를 만들 디자이너이자 폰트에 도전할 개인들에 플랫폼으로 사이트를 개편하는 것도 필요해 보입니다.

일단 제대로 하나의 폰트를 완성해 보기로 외국폰트의 서체특성을 기준으로 한글버전 라이선스를 해볼까 하고 있습니다.

만드는 것보다 파는 게 더 어려운 시대~ 엄마의 손글씨 폰트 만들기 책이나 먼저~

일러스트한 그대로 폰트로 생성

새로 만든 템플릿 3벌이 한글처리를 완벽하게 하고 보이는 그대로 동일한 결과물인 폰트가 됩니다.

초성, 중성 2벌 종성 조합 1벌이 있으면 한글체계는 세밀한 글자간의 간격이나 글자의 커닝은 한글이 한 번에 만들어지기 때문에 수평, 수직으로 써도 동일한 문자가 나오게 됩니다.

이제 남은 것은 영문이나 약물이 될 것이고 일본 타이포그래피를 하는 분하고 잠깐 이야기 나눴는데 일본어에 가장 문제가 되는 부분이 한자인데 이 방식을 사용하면 부수별로 한자를 대량으로 생성할 수 있으리라 생각됩니다. 이제 한글폰트를 만드는 것 뿐 아니라 원래 목표하던 전세계 언어를 다 쓰고 적용하는 것이 가능해 보입니다.

뭐 그 전에 디자이너들이 누구나 쉽게 한글 폰트를 생성하는 서비스를 만들면 될거 같습니다. 그게 텀블벅이 되건 와디즈가 되건 상관없고 일단 폰트는 앞으로 끝입니다.

대체폰트 작업에 들어가면 어떤 회사 폰트건 다 대체해버릴 수 있는 소프트웨어로 진행할 생각입니다. AI가 망하게 하기 전에 인간지능으로 일단…

하여간 이제 폰트 관련 작업은 온라인에디터? 정도 남은거 같습니다. 책팔면 폰트 제작하는 것도 12월이면 끝나는데 여전히 오픈 안해주는 온라인 서점도 하는 짓이 답답해서 회사 창고 다 털기나… 

일부러 다른 스타일의 폰트를 테스트 해봤습니다. Stroke 기반의 폰트 제작이 훨씬 편해서…

유료 figma->무료 lunacy로 변경

UI/UX도 이제 무료시대

figma에서 작업하던 작업물을 간단한 작업에 이런 프로그램을 써야 하나 라는 생각을 하다가 무료 UI/UX 소프트웨어인 Lunacy로 변경하기로 하고 일단 icon8이라는 회사에 대해서 알아보고 이 회사는 소프트웨어로 먹고살지는 않겠구나 라는 생각이 들어 일단 이전합니다. 특히 맥, 윈도 지원되는 프로그램을 찾기는 쉽지 않습니다. 그래서 크로스 플랫폼을 생각한다면 오직 하나

가져온 데이터는. free라는 확장명으로 로컬에 저장합니다.

피그마에서 작업한 샘플 URL을 넣고 키를 넣으면 온전한 데이터가 이전됩니다. 이 파일포맷 들여다보던 기억이 나네요 하여간 온전히 이전된 것을 확인했으니 구독취소

사실 매월 15불 정도에 클라우드 문서를 사용할 수 있는 기능이 있는데 그냥 원드라이브에 넣어놓고 다니면 작업에 대해서 고민할 거 없습니다. 동료와 굳이 클라우드에 공유할 필요한 내용도 아니고 파일 주고받으면 되는 것이라서 기능적으로 빠지는 것도 없고 딱히 피그마의 새로운 기능에 대해 관심도 없었으니 일단 만족합니다. 사실 불만이 있었던 부분은 figma가 아니라 Adobe에서 시작되어 인수된다니까 figma를 써본 것이고 폰트 개발 관련 일을 할 때 현재 lunacy 같은 무료 svg 에디터가 필요해서 검토했는데 개발사가 유연성이 있어 앞으로 기능에 대한 부분을 제안하면 수용해 줄 것 같기도 합니다.

한글폰트를 앞으로 디자이너들이 만들어서 판매하는 마켓을 icon8 같은 회사에 제안하려고 합니다. 

개인적으로 어도비 XD도 더 이상 기능추가도 없고 아마 웹기반의 서비스로 바꿀 것으로 보이는데 그 기반이 svg가 될 수밖에 없기 때문에 앞으로 파일 포맷으로 호환되는 무료 소프트웨어도 계속 이어질듯합니다.

일단 간단한 1페이지 서비스나 컨버터 쪽으로 개발하는 것에만 사용할 생각이라 이 기능정도면 충분할 듯합니다. 

일러스트레이터에서 11,172자 한글폰트 제작

일러스트레이터에서 한글폰트 11,172자 한 번에 만들기 3가지 템플릿에 초성, 중성, 종성 글씨를 보면서 편집하면 한글폰트가 생성됩니다. 템플릿과 구조에 대한 설명 

보면서 만들기…

일러스트레이터를 다룰 수 있으면 바로 폰트 제작이 가능합니다.

디자이너면 자신만의 폰트를 만들어보고 싶지만 배워야 할것도 많고 전문프로그램 가격도 만만치 않습니다. 기존에 사용하는 일러스트레이터로 폰트제작 하는 방식으로 구조를 다 바꾸고 이제 새로 컨버팅 작업만 해드릴 생각도 있습니다.

어떨까요?