만화효과음 자소 폰트 편집기 프로토타입
웹툰에서 작가고유의 폰트를 만들고 초, 중, 종성을 분리한 콤포넌트를 사용하여 집중선, 퍼스펙티브에 맞춘 글자 레터링을 자유롭게 할 수 있고 폰트패밀리를 사용해서 효과를 즉각적으로 변경해서 확인할 수 있는 폰트를 제작하고 있습니다.
전용 폰트 제작 및 클립스튜디오에서 벡터효과를 바로 복사 붙이기가 됩니다!
만화효과음 자소 폰트 편집기 프로토타입
[태그:] 폰트
폰트를 만들기 위한 초, 중, 종성 자유배치 프로그램
오선지를 이용한 손글씨 가이드
클립스튜디오에서 만화용의 초성, 중성, 종성만 그리고 벡터로 중심선이나 괘선 위에 만화작가가 그린 그림에 맞게 본인이 쓴 글씨의 부분을 가지고 작업할 수 있는 한글 만화효과음 편집기를 간단히 만들어 봤습니다. 사실 SVG를 하나씩 선택하게 해서 서로 다른 폰트의 조합을 운영하기 위한 테스트를 실행해봤습니다.
그냥 자소 상관없이 본인이 쓴 조합을 찍어낼 수 있으리라 생각됩니다. 만화 캐릭터 얼굴, 눈 같은 것도 가능하겠죠? 하여간 옛날 점프 만화에 하이스쿨 기멘구미의 에피소드에 얼굴 도장찍는 만화가가 오버랩됩니다.
다른데 쓸 수도 있겠다 싶기도 하지만 일단 만화효과음만 생각하면 중심점, 방향에 따른 글자 배치되는 부분 및 글자의 조합이 될 수 있고 거꾸로 폰트에서 다시 초중성을 재배열 할 수 있을거 같습니다.
폰트를 고쳐서 새로운 폰트를 구성할 수 있겠죠.
사실 원래 만들어 놓은 손글씨에서 폰트로 바꿀 수 있는 가이드에 각도를 넣는 부분이 준비중인데 이것을 편집기에서 내 글씨 스타일을 분석해서 배치형태의 기본형을 만들어주거나 손글씨의 약점인 균일화를 어느정도 지원해줄 수 있는 가이드가 될 수 있으리라 생각됩니다.
최초에 모양을 삼각, 사다리꼴, 다각형 구조로 만들었던 가이드는 본인의 글씨를 기준으로 여러가지 자모 조합에 따른 몇가지 유형으로 단순화 한 것인데 이번에 만든 가이드는 레터링과 비슷한 오선지 스타일의 중성 기준으로 제작합니다.
그러면 거꾸로 초성, 종성의 유형은 자유롭게 블록으로만 처리하고 중성의 위치에 따라 초성의 다양한 형태를 쓰거나 균형, 조형을 직접 체감해볼 수 있으리라 생각됩니다. 중성이 기준이 되는 이유는 글자의 안정감과 균형을 맞추는 중심이 되기 때문입니다.
초성은 모양이 많이 달라지지만 그에 대해 종성은 위치이동 정도로 달라지기 때문에 이 방법을 채용해서 폰트를 온라인이나 앱에서 쓸 때 최소 글자로 글자를 추출할 수 있는 기능과 에디터를 만들어 스캔하고 SVG를 배치하면 자동으로 폰트가 나오게 하려고 합니다.
기존에 템플릿을 완전히 바꿀 준비를 하고 가이드 글씨 쓰기 부분도 바꿔볼 생각입니다.
손글씨 가이드 편집기 각도를 바꿀 수 있고 사이즈 변경 배치를 변경할 수 있음 주황색은 초성, 연두, 초록, 노랑, 보라색이 중성, 남색은 종성 이 블록의 위치를 조절해서 내 손글씨의 가이드를 만들고 폰트를 만들었을 때 균형을 맞출 수 있게 됩니다.
내부적으로 돌아가는 것은 아니고 서버에서 에디터로 배열을 해서 PDF로 손글씨 템플릿 다운로드 받을 수 있게 할 예정입니다.
비슷한 손글씨 폰트가 있다면 그것을 기반으로 x-ray tool 에서 가이드를 생성할 수 있습니다.
x-ray tool을 사용하면서 폰트 레이아웃 분석기능에 대해
폰트가 어떤 구조로 만들었는지 볼 수 있는 프로그램을 이제 웹기반으로 개발할 준비를 하고 있습니다.
그 전에 합쳐진 셰이프를 모두 분리해서 초성, 중성, 종성의 좌표계에 의한 변환행열의 값과 특성을 분석하려고 하고 있습니다. 이유는 간단합니다. 대부분 비슷한 글자를 쓰고 레이아웃에 배열된 좌표정보를 정리하면 완전 자동화를 할 수 있기 때문입니다.
초, 중, 종성의 컴포넌트의 위치값을 이용해서 너비 높이를 조절해서 두깨나 모양을 유지하면서 배치할 수 있게 만드는 것을 할 수 있기 때문입니다. 일정 유형을 학습해서 하나의 폰트가 수 많은 특성을 가진 폰트의 유형으로 뽑아낼 수 있습니다.
일단 패밀리폰트로 만들고 마음에 드는 글자를 첫글자로 (Light, Nomal, Medium, Heavy) 를 넣고 각도가 다양한 글자를 만들어낼 수도 있습니다.
폰트 자동레이아웃의 구조
레이아웃을 자동화해야 사람이 할 일과 시간을 줄일 수 있습니다. 현재 중성에서 천지인 개념으로 레이아웃을 나눌 예정입니다.
ㅓㅕㅏㅑㅒㅔㅞ ㅘ 등등을 전부 쪼갤 예정입니다. ㅗㅛ =-||-= 같은 모양을 분리한 중성 레이아웃이 생기게 됩니다.
그러면 초성에 따라 중성의 모양과 위치를 초성 중심 위치에 배치하게 됩니다.
셀델셸뎰 헬혤 같은 글자의 차이, 중심점을 바꿀 수 있게 됩니다.
이전부터 생각한 것인데 이번에 3개의 템플릿을 작업하면서 완전 자동화 할 수 있는 부분에 대해서 고민하고 수치를 기반으로 배치하는 형태로도 구현할 수 있는 구조로 변경을 할 생각입니다.
계속 늘려만 가려는 것은 아니고 부리, 삐침, 획의 두께, 모양을 전부 떼어 놓고 레고처럼 스트로크 앞, 뒤에 붙게하는 방식을 생각해둔게 있습니다. 그것을 하기 위한 과정이라고 보면 될거 같습니다.
폰트 x-ray tool 개발
폰트에 대해서 전체적으로 조형, 균형, 가시성 등 확인하기 위해 x-ray tool 을 일단 만들어서 들여다 보고 있습니다. 일부 폰트 프로그램에는 있지만 사실 이것만 전문으로 하는 프로그램은 없어서 일단 만들어놓고 비교중입니다.
서로 다른 폰트패밀리를 만들 때도 필요하고 저희가 단순화 해서 제작을 하는 방식으로 3개의 템플릿을 제공하는 것이 폰트 제작의 전체는 아니라고 보고 있습니다. 더 디테일하고 정교하게 셰리프,고딕, 그래픽폰트를 만들 때 필요합니다. 중성을 기준으로 만든 것에 초성에 따른 미세조정을 해야 하는데 그런 부분에 대한 학습이 필요해서 개발하고 있고 대체폰트를 만들어서 사용할 때 온전히 비슷한 데이터를 가진 폰트로 제작할 수 있으리라 봅니다.
모양과는 전혀 상관없으며 전자책의 가독성을 위해 제작해볼 생각입니다.
가독성을 높여서 여러가지 폰트에 특징을 확인하고 개별 분석자료로 공부하는데만 사용합니다.
지금 책 3권을 빨리 작업해야해서 일단 책작업에 전념해야겠습니다. 폰트는 계속 제작하지만 이제 기능형 폰트 위주로 시작하려고 합니다. 곧 보여드릴께요~
베타폰트 시스템을 시작하면서 – A9폰트 베타로 공개
베타폰트 시스템을 시작하면서 – A9폰트 베타로 공개
제가 전문적으로 폰트 만드는 사람은 아니고 봄봄스쿨 출판사 사장인데 cnc 로봇이 사람글씨를 따라쓰는 stroke 기반 한글 폰트와 글씨교정이라는 따라 쓰기 책과 거기에 맞는 전용 프로그램을 개발하다 본격적으로 폰트 제작을 3개월간 해봤습니다.
레터링까지는 해도 한글 폰트를 만들려면 11,172자는 허들을 만나게 됩니다. 저희는 일반인에게는 자신의 손글씨를 폰트로 만들게 하거나 부모님의 손글씨, 아이의 손글씨를 폰트로 기록하는 프로그램과 그 글씨로 만든 자서전이나 시집, 1권을 위한 책을 만들 수 있는 POD용 폰트나 굿즈를 개발할 준비를 하고 있었습니다.
그런데 몇 차례 폰트 제작에 대해서 공부하다가 프로의 도구가 있어도 한글로 만드는 것은 수많은 글자와 그 조합을 맞추는 데는 많은 시간이 필요하고 끝을 보는 데는 큰 시간이 걸리게 됩니다. 단순 자소 조합만 아니라 미적인 부분, 가독력, 시각적 부분 등 다양한 부분을 맞춰야 하는 것에 대해 기존 도구에서는 컴포넌트를 조합해서 만들었지만 그것을 최소한의 폰트 템플릿을 사용하여 제작 방법을 만들었습니다.(‘ㄱ’자 하나도 중성, 종성의 배열, 위치에 따라 수 많은 개별 컴포넌트가 생성되며 Glyphs, Fontforge, Fontlab Studio 같은 프로그램에서 레고처럼 부품을 바꾸면 모든 폰트 구성이 자동 재편집이 가능합니다.)
템플릿에 초성+중성, 초성+중성+종성 테이블을 한눈에 보기 쉽게 일러스트레이터에서 폰트를 제작하는 도구를 개발했습니다.
그리고 베타폰트라는 개념을 생각했고 어떤 폰트를 만들고 완성될 때까지 계속 테스트 및 사용을 할 수 있게 해주는 베타테스트 할 수 있는 참여자를 모아 초기에 펀딩 하듯 제작자를 후원하는 패트레온과 같은 형태의 시장을 만들려고 합니다.
요즘 폰트는 배민처럼 기업의 브랜드를 키우는 마케팅도구가 될 수 있습니다.
그리고 지자체에서 자체 폰트를 만들기도 하고 안심폰트라는 이름으로 정부에서 폰트를 구매해주기도 합니다. 점차 시장이 커져가고 있으며 그 부분에 새로운 플레이어로 참여할 개인들은 일종의 벽이 생깁니다. 그것을 회사가 풀고 크리에이터는 크리에이터를 지원하는 사람들에게 강의, 굿즈, 폰트 등의 제작과정을 팔 수 있는 시장을 마련해 드리고 싶습니다.
그 샘플로 다양한 폰트를 만들었는데 작업 방법을 바꾸고 이제 공개형으로 전환하여 폰트 및 제작 소스(폰트디자인)까지 공개하며 차후 디자이너의 참여를 통해 새로운 시장을 만들어 보려고 합니다.
앞으로 어떤 상황이 될지는 모르지만 저희도 사람 고유의 것에 대해 더 관심을 가지고 있습니다. 다꾸를 하거나 책을 만들거나 결국 나를 위한 것이 남지 않을까 생각 중입니다. 엄마의 레시피, 삐뚤빼뚤 아이의 손글씨, 지나가는 간판, 누군가의 편지… 아날로그 느낌이 다시 휴대폰, 인스타 게시물, 유튜브 자막 등 미디어에 마지막 남은 것이 무엇일까 생각합니다.
카페자료실에 계속 데이터 추가합니다.
가로 쓰기, 세로 쓰기 폰트의 균형
그동안 만든 폰트는 손글씨였기 때문에 스캔해서 벡터화하면 데이터가 삐뚤빼뚤한 느낌이 있었는데 주말에 샘플로 다시 Stroke 기반으로 제작해 봤습니다.
초성 3벌 중성 2벌 종성 1벌을 기준으로 폰트를 만들었고 약 3시간 정도 제로에서 시작해서 일러스트레이터로 제작했습니다.
일일단 폰트는 일러스트레이터에서 한 화면을 보고 작업하기 때문에 어느 정도 균형미를 유지할 수 있습니다. 물론 수정해야 하고 글자 하나하나 개성을 줄 수도 있어 기존에 작업한 조합형 방식과는 달라집니다.
일단 가로 세로를 한 번에 작업하기 때문에 일정하게 균형을 유지할 수 있습니다. 특히 세로줄의 ㅏㅣㅖㅒㅞㅟㅘㅙ 등의 모양을 기준으로 잡고 작업을 하며 ㅗㅡㅜㅠㅛ 와 같은 가로줄의 가이드를 맞출 수 있습니다. 작업에 대한 방법론은 영상으로 남기겠지만 일단 방법론에 대해서 이야기드립니다.
초성과 함께 표시됐을 때 ㅗ 의 I자의 크기가 높낮이가 다를 수 있습니다. 그걸 한 화면에서 다 다르게 편집하면 그대로 폰트로 생성됩니다. 지금까지는 ㅗ의 높이가 조합된 한글 자모의 모양에 따라 바꿀 수 없었기 때문에 디자인 하나 고치면 다른 곳에서 달라지고 그걸 수정하면서 글꼴 자체가 원 글자체와 달라지는 미묘한 현상이 생겼습니다.
현재 방법으로는 개별 글자 하나도 편집이 가능하기 때문에 착시나 초성에 따른 중성의 조합을 신경 써서 작업하면 그러한 일은 생기지 않습니다. 초성 ㄱ ㄲ, ㄷ ㄸ, ㅅ ㅆ, ㅈ ㅉ 쌍자음의 위치에 따라 ㅓㅖ같은 중성에 따라 글자의 너비가 달라집니다. 공간을 잘 배열하고 채우기 위해 가이드를 깔아 놓고 하나하나 작업하던 기존의 폰트 제작방식도 심벌에 가이드를 깔고 작업하면 됩니다.
세로를 기준으로 제작하기 때문에 작성하고 바로 만든 폰트도 세로 쓰기로 봤을 때 잘 나와 보입니다. 빨리빨리 작업하기 위해 Stroke로 만들었지만 제대로 작업하면 기존 글꼴을 대체하는데 무리 없어 보입니다.
더 많은 테스트가 필요하고 그럴듯한 폰트 샘플 (문서용 폰트)을 제작해야 하지만 현재 그것보다는 일러스트레이터 플러그인이나 컨버팅 서비스를 만드는 게 더 급하다 생각되어 우선순위를 정해 진행하려고 합니다.
일단 함께 폰트를 만들 디자이너이자 폰트에 도전할 개인들에 플랫폼으로 사이트를 개편하는 것도 필요해 보입니다.
일단 제대로 하나의 폰트를 완성해 보기로 외국폰트의 서체특성을 기준으로 한글버전 라이선스를 해볼까 하고 있습니다.
만드는 것보다 파는 게 더 어려운 시대~ 엄마의 손글씨 폰트 만들기 책이나 먼저~
tldraw 손글씨 작성 및 제출용 서비스
지난 두달간 작업한 한글폰트 만드는 서비스를 대충 완성했고. (늘 대충) 그보다 더 많은 이상한 폰트도 만들었고 이번에는 바른 손글씨를 쓸 수 있는 가이드도 작업해서 온라인 손글씨 제작 및 제출하는 프로그램을 하고 있습니다.
어차피 책 구매자 대상으로 폰트를 만들어드릴 생각이라 바른 손글씨 정도로만 일단 만들고 손글씨 제작을 아이패드나 PDF annotation 기능을 활용해서 제작합니다. 굿노트에서 작성하거나 프로크리에이터 등등 템플릿 위에 글씨를 쓸 수 있는 소프트웨어로 작업한 데이터는 모두 처리합니다.
프로세스는 PDF 위에 글자를 써서 Export 하고 PDF를 메일로 제출하거나 사이트로 제출 도서구매 증빙 하시면 바로 폰트제작해서 1일 이내 폰트 가이드 폼을 새로 작업해서 완성도가 있는지 확인하고 가이드에 요청한 부분을 확인하고 2주내에 발송합니다.
한글 미로 찾기 폰트 만들기 2
한글미로 찾기 폰트 만들기에 꽂혀서 주말반납했습니다.
일단 조합되는 글자에 특정한 위치를 연결해서 다음 초, 중, 종성이 특정한 위치로 연결되는 글자구성을 만들었고 너비, 높이를 맞춰서 최소한의 자모를 사용해서 폰트를 만들어볼 생각이었는데… 안예쁠거 같다 라는 생각으로 다시 사각형으로 맞췄습니다.
a9미로체 폰트패밀리에 실제 폰트로 구성한 미로스타일도 준비하고 있습니다.
그냥 일반 한글 폰트로 바꾸면 다 자가 나옵니다.
가나다라~ 하 이고 진짜 주말 날림
아주 정확하게 좌표를 잡으면 병풍느낌이나 반전했을 때 도장느낌의 글자가 될거 같습니다.
미로를 지나가서 통과하면 지나간 부분에 글자가 나타납니다. 길은 한개 앱으로 만들어서 키워볼만은 할거 같지만 지금은 먼저 다른 일부터
생각하고 프로토타입까지는 금방하지만 결과물을 위한 완성도는 아예 다른 작업이라 어린이 한글 책 내용에 넣어볼 생각입니다. ^^;;;
나만의 한글 폰트 제작을 더 쉽게
폰트제작 시간을 줄여주는 방법론
폰트 그리드를 먼저 에디터로 만들면 거기에 맞춰 자신의 손글씨 스타일을 직접 적용하는 방식으로 바꿈… 초성, 중성, 종성 몇벌이 들어가는지는 결국 어떤 폰트 형태로 만들지에 따라 ㅔㅖㅓㅣㅏㅒㅑ에 붙는 초성만 몇벌이 들어감 일율적으로 너비만 맞추면 한글이 이상해짐
인공지능이 만드는 글자들이 대부분 비슷한 이유가 학습하는 스타일이 몇가지 레이아웃을 기준으로 진행되기 때문에 반대로 내 글씨와 비슷한 폰트 유형의 그리드를 만들고 120개, 250개, 500개 초, 중, 종 조합의 폰트가 만들어지게 되며 확장을 위해 더 많이 넣을 수록 상업용에 가까운 폰트로 제작이 가능합니다. 그래서 온라인에 엄마의 손글씨를 넣으면 몇가지 템플릿에 글자를 쓸 수 있는 가이드가 실시간으로 제작되어 PDF를 받게됩니다.
인쇄해서 보낼 수도 아이패드 앱에서 글씨쓰면 끝나는 방식이고 수정해서 글자조합이 된 PDF를 먼저 웹에서 확인
TTF, OTF 파일과 파일 구조에 맞춰 폰트가이드와 조합했을 때 잘못된 것을 모두 확인해주는 리포트를 제공합니다. 폰트 에러는 의외로 많이 발생합니다.
디자이너면 2단계 정도면 자신의 폰트를 만들 수 있음 폰트조합만 3일 걸린다고 하니까 그걸 1분 정도 만에 끝내서 제공
이제 폰트는 그냥 취미…
석보상절 폰트 가이드 실제 폰트에디터 글리프나 폰트포지에서 사용하는 방식이 아니며 일러스트레이터에서 폰트 만드는 용도로 제작한 가이드입니다. 현재 웹에서 가이드를 편집하는 기능 작업을 하고 있습니다.
엄마/아빠 글씨로 폰트를 만들어 가족의 기록을 모아 책으로 만들어 드리는 기획은 여전히 하고 있습니다.