2시간에 하나씩 폰트 만들기
조합만화서체를 일단 디자인해서 타블렛으로 대충 모양을 꾸민다음에 자소를 최소한으로 만든 다음에 그걸 다시 재조합해서 만화 효과음을 만들었습니다.
조합형 만화폰트
최소한의 조합을 구성해서 만든 만화 스타일체
각도 조금 수정하고 조정할 필요가 있습니다. 대충 선만 그어서 만들었는데 그럴듯하게 보이는 것은 선을 여러번 겹쳐서 만들었습니다. 다음에 글자를 흔들어서 만드는 이토준지 공포체나…
글자가 서로 겹쳐지며 연결되는 스펜서 서체 같은 스타일의 한글폰트를 하나 만들어 볼 계획입니다.
제일 중요한 것을 까먹고 있었는데 이제 폰트 만드는 가이드용 글자 구성을 다시해야 할거 같습니다.
그리고 곧 폰트페이지 제작하고 공개할 생각입니다.
일러스트레이터 스트로크로 한글폰트 고딕체 만들기 스트로크로 만들어서 아주 빨리 폰트를 개발할 수 있습니다.
기존 디자이너의 레터링을 거꾸로 폰트로 제작하는데도 손글씨를 바꾸는데도… stroke 기반이라 폰트의 모양도 새롭게 바꾸는데 1초도 안걸립니다. 패밀리 폰트를 쉽게 만들 수 있습니다.
초성조합을 이용한 종성 만들기
사실 몇가지 조합만 가지고 폰트는 만들어집니다. 만화효과음 같은 폰트 샘플이 필요해서 잠깐 만들어봤습니다. 이전에 오라오라체 같은 만화효과음 폰트를 직결식으로 만들었는데 이번에는 완성형폰트로 제작했습니다. 말랑체 라고 마시멜로 같은 느낌으로 글자를 디자인했습니다.
새로 템플릿 구조를 바꾸고 작업하면서 없는 것에서 부터 시작한 글자는 얼마나 걸릴까? 하고 1시간 전에 작업해서 완성을 했습니다. 직결식 방식으로 만들게 초성조합만을 가지고 종성을 만들었습니다. 시간이 절약되고 만화용효과음용으로 만든 샘플이라 앞으로 자막같은데도 사용해보려고 합니다.
오늘 이 작업을 마지막으로 본격 폰트 만드는 서비스가 진행될거 같습니다.
그동안 중간에 템플릿구조를 바꿔서 시간을 지체했는데 기다려주신 분들께 정말 죄송합니다. 지금도 잠을 안자고 작업하는데 배열하는 것에 대해서 프로그램으로 뭘 처리하려다가 잠시 개발 멈추고 완성도는 올라간거 같아서 이제 마무리하고 진짜 일을 해야할거 같습니다.
가이드를 바꾸고 한 눈에 보면서 작업하는 것이 편하고 좋은데 일러스트레이터가 10000 픽셀 이상의 사이즈를 안열고 줄여버리는 일이 생겨서 그건 어도비가 막아놓은 것을 확인했습니다.
다른 프로그램은 이상없이 열리는데 SVG를 만든 어도비가 막고 있어서 그 부분에 대한 고민과 inkscape, fontforge 를 자동화해서 배열하는 자동처리를 하다가 일단 멈췄습니다.
아마 손글씨가 아닌 만화용 서체 작업할 때 필요해서 일단 뒤로 미뤘습니다.
https://cafe.naver.com/signatureclub
폰트 만드는 가이드와 작성방법을 자료실에 올리고 제작방법 노하우는 영상으로 공개할 생각입니다
사실 폰트를 만들 때 컴포넌트를 만들어서 글씨가 어떤 모양에 따라 다 다른 초성을 만들어 넣게됩니다. 예를 들어 ㅔㅣ 같은 경우 초성의 모양이 달라지죠… 저희가 만든 폰트 생성기는 바로 폰트편집기에서 부분 수정이 모두 가능하도록 작업을 해놨습니다.
만화쪽에도 각도에 따라 다른 글자의 형태가 나오게 하는 것이 필요한데 퍼스펙티브 시점에 맞춰 효과음이 날라가는 듯한 이펙트를 만들 수 있는 편집기에 집중하는 중입니다.
출판사 책이나 내야하는데 엉뚱한데 시간 다 날렸네요 ^^ 오늘 하루 날라갔어요
그동안 만든 폰트는 손글씨였기 때문에 스캔해서 벡터화하면 데이터가 삐뚤빼뚤한 느낌이 있었는데 주말에 샘플로 다시 Stroke 기반으로 제작해 봤습니다.
초성 3벌 중성 2벌 종성 1벌을 기준으로 폰트를 만들었고 약 3시간 정도 제로에서 시작해서 일러스트레이터로 제작했습니다.
일일단 폰트는 일러스트레이터에서 한 화면을 보고 작업하기 때문에 어느 정도 균형미를 유지할 수 있습니다. 물론 수정해야 하고 글자 하나하나 개성을 줄 수도 있어 기존에 작업한 조합형 방식과는 달라집니다.
일단 가로 세로를 한 번에 작업하기 때문에 일정하게 균형을 유지할 수 있습니다. 특히 세로줄의 ㅏㅣㅖㅒㅞㅟㅘㅙ 등의 모양을 기준으로 잡고 작업을 하며 ㅗㅡㅜㅠㅛ 와 같은 가로줄의 가이드를 맞출 수 있습니다. 작업에 대한 방법론은 영상으로 남기겠지만 일단 방법론에 대해서 이야기드립니다.
초성과 함께 표시됐을 때 ㅗ 의 I자의 크기가 높낮이가 다를 수 있습니다. 그걸 한 화면에서 다 다르게 편집하면 그대로 폰트로 생성됩니다. 지금까지는 ㅗ의 높이가 조합된 한글 자모의 모양에 따라 바꿀 수 없었기 때문에 디자인 하나 고치면 다른 곳에서 달라지고 그걸 수정하면서 글꼴 자체가 원 글자체와 달라지는 미묘한 현상이 생겼습니다.
현재 방법으로는 개별 글자 하나도 편집이 가능하기 때문에 착시나 초성에 따른 중성의 조합을 신경 써서 작업하면 그러한 일은 생기지 않습니다. 초성 ㄱ ㄲ, ㄷ ㄸ, ㅅ ㅆ, ㅈ ㅉ 쌍자음의 위치에 따라 ㅓㅖ같은 중성에 따라 글자의 너비가 달라집니다. 공간을 잘 배열하고 채우기 위해 가이드를 깔아 놓고 하나하나 작업하던 기존의 폰트 제작방식도 심벌에 가이드를 깔고 작업하면 됩니다.
세로를 기준으로 제작하기 때문에 작성하고 바로 만든 폰트도 세로 쓰기로 봤을 때 잘 나와 보입니다. 빨리빨리 작업하기 위해 Stroke로 만들었지만 제대로 작업하면 기존 글꼴을 대체하는데 무리 없어 보입니다.
더 많은 테스트가 필요하고 그럴듯한 폰트 샘플 (문서용 폰트)을 제작해야 하지만 현재 그것보다는 일러스트레이터 플러그인이나 컨버팅 서비스를 만드는 게 더 급하다 생각되어 우선순위를 정해 진행하려고 합니다.
일단 함께 폰트를 만들 디자이너이자 폰트에 도전할 개인들에 플랫폼으로 사이트를 개편하는 것도 필요해 보입니다.
일단 제대로 하나의 폰트를 완성해 보기로 외국폰트의 서체특성을 기준으로 한글버전 라이선스를 해볼까 하고 있습니다.
만드는 것보다 파는 게 더 어려운 시대~ 엄마의 손글씨 폰트 만들기 책이나 먼저~
UI/UX도 이제 무료시대
figma에서 작업하던 작업물을 간단한 작업에 이런 프로그램을 써야 하나 라는 생각을 하다가 무료 UI/UX 소프트웨어인 Lunacy로 변경하기로 하고 일단 icon8이라는 회사에 대해서 알아보고 이 회사는 소프트웨어로 먹고살지는 않겠구나 라는 생각이 들어 일단 이전합니다. 특히 맥, 윈도 지원되는 프로그램을 찾기는 쉽지 않습니다. 그래서 크로스 플랫폼을 생각한다면 오직 하나
가져온 데이터는. free라는 확장명으로 로컬에 저장합니다.
피그마에서 작업한 샘플 URL을 넣고 키를 넣으면 온전한 데이터가 이전됩니다. 이 파일포맷 들여다보던 기억이 나네요 하여간 온전히 이전된 것을 확인했으니 구독취소
사실 매월 15불 정도에 클라우드 문서를 사용할 수 있는 기능이 있는데 그냥 원드라이브에 넣어놓고 다니면 작업에 대해서 고민할 거 없습니다. 동료와 굳이 클라우드에 공유할 필요한 내용도 아니고 파일 주고받으면 되는 것이라서 기능적으로 빠지는 것도 없고 딱히 피그마의 새로운 기능에 대해 관심도 없었으니 일단 만족합니다. 사실 불만이 있었던 부분은 figma가 아니라 Adobe에서 시작되어 인수된다니까 figma를 써본 것이고 폰트 개발 관련 일을 할 때 현재 lunacy 같은 무료 svg 에디터가 필요해서 검토했는데 개발사가 유연성이 있어 앞으로 기능에 대한 부분을 제안하면 수용해 줄 것 같기도 합니다.
한글폰트를 앞으로 디자이너들이 만들어서 판매하는 마켓을 icon8 같은 회사에 제안하려고 합니다.
개인적으로 어도비 XD도 더 이상 기능추가도 없고 아마 웹기반의 서비스로 바꿀 것으로 보이는데 그 기반이 svg가 될 수밖에 없기 때문에 앞으로 파일 포맷으로 호환되는 무료 소프트웨어도 계속 이어질듯합니다.
일단 간단한 1페이지 서비스나 컨버터 쪽으로 개발하는 것에만 사용할 생각이라 이 기능정도면 충분할 듯합니다.
일러스트레이터에서 한글폰트 11,172자 한 번에 만들기 3가지 템플릿에 초성, 중성, 종성 글씨를 보면서 편집하면 한글폰트가 생성됩니다. 템플릿과 구조에 대한 설명
보면서 만들기…
일러스트레이터를 다룰 수 있으면 바로 폰트 제작이 가능합니다.
디자이너면 자신만의 폰트를 만들어보고 싶지만 배워야 할것도 많고 전문프로그램 가격도 만만치 않습니다. 기존에 사용하는 일러스트레이터로 폰트제작 하는 방식으로 구조를 다 바꾸고 이제 새로 컨버팅 작업만 해드릴 생각도 있습니다.
어떨까요?
일단 설계부터 다르게… 작업을 시작하고 있습니다.
기존의 조합하는 방식이 아니라 아예 화면에서 조합의 모든 것을 보면서 하는 방식으로 진행합니다. 프로그램 설계가 이렇게 되어서 약 3벌의 조합이 필요하고 타사가 알 수도 있겠지만 저희는 일단 디자이너가 몇 개의 조합으로 폰트를 찍어낼 수 있게 하려고 구성을 바꿨습니다.
가로, 세로 초성, 중성의 메트릭스 안에 폰트 유형을 분석해 볼 수도 있고 반대로 벡터 데이터로 생성된 데이터를 실시간으로 폰트조합이 되게 만들어집니다.
1편에서 이야기한 것처럼 이 방식을 사용하면 디자이너가 작업한 표지에 사용된 로고타이틀을 보면서 바로 폰트로 만들 수 있습니다.
제가 미로 찾기 폰트를 만든 방식과 동일하며 앞으로 크라우드 펀딩을 통해 폰트제작하실 분들에게 디자인을 적용해서 만들면 폰트로 제작해 드리고 함께 대체폰트 시장을 만들어 볼 준비를 하고 있습니다. 클라우드 폰트 서비스도 대체할 수 있도록 할 계획입니다.
이 전에 베타였을 때 조금씩 투자하는 방식으로 지불해서 사용할 수 있는 플랫폼이 될 것이고 영상, 모션에 적용할 수 있는 키네틱 부분도 추가되는 기능형 폰트로도 확장하면 여러 분야 소기업들이 폰트 사용에 다른 가치를 줘서 만족감을 줄 수 있으리라 봅니다.
아… 책 안 팔리니 다른 일을 알아보고 이… 읍…
책사세요~ 싸게 창고 비우고 하고 싶은 일이나 하고 싶어요 ㅠㅠ
Home
가지 쉬운 레슨으로 배우는 스펜서리안 서법
4년 전에 준비된 책이었는데 최근에 마무리를 하고 이 책은 온라인에 공개하는 것으로 결심을 먹었습니다. 시대가 바뀌었고 번역비용이나 편집비용이 들었지만 과감하게 포기하고 손글씨 쓰는 분들에게 도움이 될 가이드가 될 것이라 생각해서 고전인 책은 공개하고 차후 프로그램으로 개발한 스펜서리안 가이드에 기부를 받는 정도로 마무리하려고 합니다.
저희야 폰트로 만들어드리는 서비스를 홍보하면 되니까 앞으로 레터링이나 폰트제작에 대한 자료도 온라인 도서로 만들어볼 생각입니다. 고전 중에도 현대에 사용할 수 있는 재미있는 도판과 교육부분은 취미로 활용이 가능한 재미있는 책들이 많이 있습니다. 먹고사는 것은 이제 다른 것으로 할 생각입니다.
https://indd.adobe.com/view/6a3d3748-a7c9-4ad5-a7d6-cd9e6875dd93
클라우드 대체폰트 작업을 위한 폰트 제작중
이제 손글씨 말고 기업용 남의 회사 대체폰트를 제작중입니다.
폰트 클라우드 서비스 기간이 끝나고 기존 인디자인 편집을 하려면 다시 클라우드를 구매해야 하는 일이 발생합니다. 인디자인에서 자간, 행간, 폰트마다 특징에 맞춰 다양한 한글, 영문 조합을 써서 글을 작성하는데 이 폰트를 대체하기에는 고민이 생깁니다.
락인이 되어 버리죠. 폰트를 바꾸고 그걸 다시 다 고치고 스타일을 만지다보면 차라리 돈을 내고 쓰는게 낫다 싶게 됩니다. 그래서 생각해본게 ttf 파일 따로 판매하고 기존에 작업한 문서를 원상태로 다 바꿔주는 컨버터를 제공하여 대체폰트로 인디자인 본문이 그대로 유지되는 폰트를 오랫동안 구상했습니다.
새로운 폰트를 꼭 패키지로 묶어서 파는거 꼴보기 싫기도 하고 필요한 것만 선택해서 사용해야 하는데 그걸 꼭 다른 것이랑 끼워서 월별로 받는 것도 싫고 많은거 같지만 실상 사용하는 것도 몇개 없습니다.
오픈소스처럼 베타폰트 상태로 계속 사용할 수 있고 완성이 되면 작가를 구독하는 형태의 폰트 서비스를 해볼 생각이었는데 마음을 바꿔서 기능형 폰트나 기업용 폰트 작업을 해보려고 하는 중입니다.
다른 분들 폰트 만들어주는 것보다 개발할 수 있는 플랫폼을 제공하는게 속편할거 같기도 하고 디자이너들의 불편함만 생각하고 있습니다. 회사가 될지 이상한 프로젝트로 끝나게 될지는 모르지만 땀흘려 힘들게 돈버는게 낫겠다 싶어서…
결과가 바로 보이는 업계로 전환하거나 다이소에 인수당할 소프트웨어 회사나 하는게 ^^
그럼 폰트계의 다이소가 되기로…
