[카테고리:] 폰트

미니a북 플랫폼

  • 필사용 서체개발 점선체 1, 2

    필사용 서체개발 점선체 1, 2

    전 세계 모든 문자 137,929자를 매일 필사해 보자 라는 프로젝트를 하고 있습니다.


    그래서 먼저 따라 쓰기 용 가이드폰트를 만들고 있습니다.

    어린이용 가이드도 비슷합니다. 글꼴은 새로 고딕, 필기체, 궁서체를 새로 제작 중입니다.

    어린이, 어르신들을 위한 또박또박 한글 쓰기 샘플폰트를 먼저 만들었습니다. 원이 있는 것은 게임감각으로 선을 연결하는 퍼즐 같은 것이고 흰색은 시작점 검정색은 끝점입니다. 흰색과 검정색이 같이 있는 달 모양의 도형은 시작과 끝이 동시에 있는 것입니다. (버그 발견)

    점선체는 2종으로 원형이 있는 것, 점선만 있는 것 그리고 일반 서체 3종 세트로 구성됩니다. 

    한글폰트 점선체 1, 2 

    애너그래피 폰트

    번호가 있는 유아용 따라쓰기 폰트는 별도의 기능이 들어있는 형태로 제작할 예정입니다. 

     코카콜라 캘리그래피 가이드 서체인 로저스펜서 서체도 점선체로 준비되고 있습니다. 전 세계 언어를 다 만들기 위해서 현재 열심히 가이드폰트 작업을 하고 있습니다.

    출판사 책 안 팔고 맨날 이상한 것만 하고 있습니다. 곧 교보문고에서 만나요 응?!?

    https://search.kyobobook.co.kr/search?keyword=%EB%B4%84%EB%B4%84%EC%8A%A4%EC%BF%A8&gbCode=TOT&target=total

  • 디자인용 폰트 가이드

    디자인용 폰트 가이드

    상업용 폰트 그리드 작업을 20대에 해보긴 했는데 기억이 가물가물해서 일단 가이드부터 만들고 작업을 진행하고 있습니다. 물론 자막이나 만화효과음 위주로 만들 생각이라서 형태가 단순한 형태지만 최근에 만들어진 폰트제작도구에 맞춰 배경에 그리드를 넣어주고 기본 폰트가 조합되게 하려 합니다.

    브런치 글 이미지 1

    아주 조금씩 달라지는 부분 때문에 사람이 조정을 해야하고 손글씨보다는 쉽습니다. 생각해보면 제일 어려운게 손글씨가 아니었나 싶어요.

    손글씨 조정하다가 하나 잘못 건들이면 그거 때문에 영향받는 것들을 다 고쳐야 하고 고치다보면 다시 원점이 틀어져서 하루가 가는거 보면 ^^

    타이포그래피 하시는 분들에게는 조금 그렇지만 조합폰트의 구조를 공개하지 않고 모두 링크를 끊어놓는 이유를 알거 같습니다. 조합하면 그 이후 영향을 받기 때문에 링크를 끊고 개별 편집해야 그나마 영향을 덜 받기 때문일겁니다. 아마도…

    브런치 글 이미지 2

    아니면 감추려는 것인가? 

    일단 참조한 조합을 편집할 수 있고 위치를 조정하면 모든 자소의 위치가 한 번에 바뀝니다. 심볼, 라이브러리 같은 개념입니다. 그러니 조합을 해드리는 서비스 정도로도 레터링을 했던 것으로 디자인 폰트를 충분히 폰트를 만들 수 있습니다.

    지금 폰트 조합구조를 더 늘려서 한 번에 딱 2~300개 정도의 디자인으로 11,172자 를 조합해드릴 생각입니다. 기존에는 100여개의 조합이였다면 이제 2배 작업을 통해 상업용폰트에 가깝게 구현하려 합니다.

    유니코드 65535자는 언제 다 하려나…

    http://argo9.com/

  • 손글씨 서체 만들기는 했는데 한글만 만들었네요…

    손글씨 서체 만들기는 했는데 한글만 만들었네요…

    그냥 하루에 몇개씩 만들고 디자인 레이아웃용으로 이것저것 실험했는데 이제 제법 잘 나옵니다.

    브런치 글 이미지 1

    석보상절체는 손글씨가 아니라 그냥 기계적으로 만든 것인데 자모음이 별로 공개된게 없어서 일단 기존 것을 채워서 마무리는 했습니다. 두께가 얇은 것부터 먼저 작업해서 패밀리폰트로 만들 생각입니다.

    브런치 글 이미지 2

    수학시험 삐뚤빼뚤 아들체까지 추가해서 대략 10여종이 되는거 같습니다. 손글씨보다 디자이너들이 폰트를 쉽게 구성할 수 있는 콤포넌트 방식의 한글 조합기능을 제공한 원데이터를 제공해볼까 합니다.

    이제 가이드도 공개할께요.

    한글날 전까지 베타 사이트도 완성해야 할텐데…

  • 온라인에서 손글씨 폰트를 만들어주는 서비스를 준비 중

    온라인에서 손글씨 폰트를 만들어주는 서비스를 준비 중

    타이포용 디자인 폰트가 쉽다고 한 게 가이드로 일관성 있게 배열하면 됩니다

    그런데 손글씨는 그렇게 배열이 안됩니다. 지금 프로그램 개발은 일단 끝났는데 구성을 아예 다른 방식으로 바꾸고 있습니다. 원래 제가 하려는 게 로봇이 반성문 쓰는 폰트를 만드는데서 시작했어요

    스트로크 기반의 폰트를 만들고 있으며 향후 손글씨 폰트도 필기체나 캘리그래프처럼 플로팅머신, 스티치머신, 레이저커팅기처럼 기계가 인지하기 쉽고 압력감지가 가능한 형태로 만들려고 하고 있었습니다.

    브런치 글 이미지 1

    기존 폰트와 달리 너비에 민감해지는 형태가 되어 간격을 동일하게 하면 사람이 쓴 거 같지 않은 기계적인 폰트가 되게 됩니다. 사람의 손글씨인데 그렇게 하면 안 될 거 같아서 방향을 아예 바꿔 생각하기로 했습니다.

    =-|||-=

    일단 한글 천지인처럼 다 구분해서 배열하는 형태를 생각했고 그 각각의 간격을 다른 글자의 모양에서 각도가 달라진 형태를 이용하기로 했어요. 사람은 직선을 매번 같이 그릴 수 없습니다. 조금씩 다릅니다.

     그리고 몇 번 반복된 것을 약간씩 다른 레이아웃으로 맞춰야 사람 같은 글씨가 됩니다. 그래서 폰트를 5벌~10벌 배열 단위로 만들어서 랜덤 하게 섞어서야 절대 같은 글을 못쓰는 사람의 느낌을 줄 수 있습니다.

    기계적으로 가능한 것이라서 특허가 될지는 모르겠지만 사이트에서 손글씨 쓰면 한 번에 폰트가 10벌 나오게 되고 그리고 사람이 똑바로 글을 쓸 수 있다는 생각은 안 하고 일정 두께도 못 그리니까 웹 드로잉 기반의 tldraw를 사용하기로 했습니다.

    가이드를 자동 생성해서 그 파일 위에 글자를 쓰면 됩니다. (종이로도 템플릿 위에 쓰고 촬영해서 보내면 가능)

    200자 정도의 글자와 10여 개의 문장을 따랐으면 사람에 가깝고 템플릿을 선택한 대로 폰트가 한 번에 나옵니다.

    출판사를 하니까 엄마의 손글씨 노트를 제작해서 온전한 글씨에 대한 부분을 진행할 예정입니다.

    그나저나 다음 주까지 되려나?      

    브런치 글 이미지 2

    일정한 폰트 스타일을 넣었을 때 나오는 폰트와 달리 매번 다른 글자를 쓰는 사람은 이응 하나도 수많은 모양이 생기게 됩니다.

  • 출판사가 만드는 손글씨 서비스

    출판사가 만드는 손글씨 서비스

    한달반 동안 손글씨 제작관련 이야기를 글로 남겼는데 어느덧 가을이 와서 서비스를 오픈해야 할거 같습니다. 기록을 위한 나만의 폰트를 만드는게 목적이기도 하고 유니크한 사람의 결과물은 손글씨 말고는 별로 생각이 안나서 다양한 글씨를 나이테처럼 기억할 수 있게 만들 생각이었습니다.

    근육이 늘어나고 줄어듦에 따라 글씨체도 변하고 글자도 변합니다. 그래서 그걸 기록할 수 있는 것을 만들게 된 것이고 이제 어느정도 완성이 되어가고 있습니다.

    맨 처음에 집에 있는 플로터에 펜을 넣어 사용하려고 보니 스트로크 기반의 한글폰트가 아예 없어서 그것을 먼저 해결해보려고 시작했습니다. 만들기를 좋아해서 레이저각인용 인그레이버, 플로터용, 커팅기용 폰트를 실제로 제 손글씨에 맞춰 제작했고 이제 압력감지나 폰트에 스피로페스 기반의 다양한 표현을 넣어보고 최신 폰트에 관련된 논문도 보고 AI활용에 대해서도 보고 있습니다.

    어느덧 한글날이 가까워지고 이제 손글씨 제작 서비스도 준비하고 있습니다. 봄봄스쿨 도서 3만원 구매시 폰트 제작을 할 예정입니다. 출판사라 시즌상품이 있는데 필사에 관련된 책으로 엄마의 글씨, 아이들 글씨를 기록하는 글쓰기 노트도 작업중입니다.

    https://indd.adobe.com/view/3fd1bc85-9639-416c-b415-746a8cb68134?fbclid=IwY2xjawFq4XJleHRuA2FlbQIxMAABHQSB15FGDodIOCaj-baQIkIzZUQUtKAbjRncMPTtCQWD75lBAMOmjaZ_nA_aem_UG_uvZDHamYJg2Ix1tzaww

    그동안 작업하며 제작된 폰트는 어도비 온라인 인디자인 서비스 사이트에서 보세요 

  • 석보상절체 가이드폰트 작업

    석보상절체 가이드폰트 작업

    폰트만드는 방법을 바꿔서 가이드를 먼저 작업하고 그 위에 폰트를 넣어 작업하는 방식을 선택했습니다. 앞으로 다양한 서체의 레이아웃을 만들 수 있게 하려고 한 것인데 일단 일관성이 있는 결과물을 낼 수 있음을 확인했습니다.

    브런치 글 이미지 1

    은인데 온이 나온건 피곤해서 ㅡ 를 확인 안해서 그런 실수… 사람인지라 커닝을 안맞춘 세로쓰기 형태의 네모꼴이 되긴했는데 실제 네모가 아니고 너비가 조금 다릅니다.

    브런치 글 이미지 2

    이제 약물, 영문, 언어별로 추가 글자를 넣으면 배포할 정도는 되는거 같습니다.

    브런치 글 이미지 3

    이제 반대로 필사노트에 가이드를 넣거나 본인의 글자 스타일을 가이드가 나오게 PDF로 출력해주는 서비스를 하고 글씨 업로드 하면 수정해야할 부분 제공하는 형식이 될거 같습니다. 

    현재 조합해주는 프로그램은 폰트포지, Glyphs 에서 한글 초성, 중성, 종성의 조합을 구성해서 어디에 어떤 모양의 조합이 나오는 세트에 따른 한글 요소를 넣어 전문 에디터에서 수정하기 쉬운 구성으로 ttf, otf 를 만들 뿐 아니라 좌우대칭, 우물라우트 표시 같이 조합형 폰트 구성을 쉽게 하는 기능을 포함하고 있습니다.

    브런치 글 이미지 4

    이렇게 해서 틀린 부분이 어떤 곳인지 알아낼 수 있습니다. 폰트는 시각적 오류가 있기 때문에 눈으로 맞춰 보기는 해야합니다.

    >———-<

    <———->

    이런 착시 그림 있죠? 옆에 뭐가 오느냐에 따라서 글자의 폭이 달라지는 것 같은 기분이 듭니다. 기계적으로 똑같이 작업해도 사람은 기계가 아니라서

    브런치 글 이미지 5

    몇자 안되는 초성, 중성, 종성 1벌 만드로 만든 손글씨로는 불가하다는 판단이… 같지만 다른 글씨의 조합을 반복하지 않게 머리를 쓰고 있습니다. AI를 쓰려면 그 전에 머리를

  • 나만의 한글 폰트 제작을 더 쉽게

    나만의 한글 폰트 제작을 더 쉽게

    폰트제작 시간을 줄여주는 방법론

    폰트 그리드를 먼저 에디터로 만들면 거기에 맞춰 자신의 손글씨 스타일을 직접 적용하는 방식으로 바꿈… 초성, 중성, 종성 몇벌이 들어가는지는 결국 어떤 폰트 형태로 만들지에 따라 ㅔㅖㅓㅣㅏㅒㅑ에 붙는 초성만 몇벌이 들어감 일율적으로 너비만 맞추면 한글이 이상해짐

    인공지능이 만드는 글자들이 대부분 비슷한 이유가 학습하는 스타일이 몇가지 레이아웃을 기준으로 진행되기 때문에 반대로 내 글씨와 비슷한 폰트 유형의 그리드를 만들고 120개, 250개, 500개 초, 중, 종 조합의 폰트가 만들어지게 되며 확장을 위해 더 많이 넣을 수록 상업용에 가까운 폰트로 제작이 가능합니다. 그래서 온라인에 엄마의 손글씨를 넣으면 몇가지 템플릿에 글자를 쓸 수 있는 가이드가 실시간으로 제작되어 PDF를 받게됩니다.

    브런치 글 이미지 1

    인쇄해서 보낼 수도 아이패드 앱에서 글씨쓰면 끝나는 방식이고 수정해서 글자조합이 된 PDF를 먼저 웹에서 확인

    TTF, OTF 파일과 파일 구조에 맞춰 폰트가이드와 조합했을 때 잘못된 것을 모두 확인해주는 리포트를 제공합니다. 폰트 에러는 의외로 많이 발생합니다.

    디자이너면 2단계 정도면 자신의 폰트를 만들 수 있음 폰트조합만 3일 걸린다고 하니까 그걸 1분 정도 만에 끝내서 제공

    이제 폰트는 그냥 취미…

    브런치 글 이미지 2

    석보상절 폰트 가이드 실제 폰트에디터 글리프나 폰트포지에서 사용하는 방식이 아니며 일러스트레이터에서 폰트 만드는 용도로 제작한 가이드입니다. 현재 웹에서 가이드를 편집하는 기능 작업을 하고 있습니다. 

    엄마/아빠 글씨로 폰트를 만들어 가족의 기록을 모아 책으로 만들어 드리는 기획은 여전히 하고 있습니다.

  • 직결식폰트 가이드라인

    직결식폰트 가이드라인

    자모 한 벌로 글꼴만들기

    브런치 글 이미지 1

    직결식폰트 가이드라인을 기준으로 80년대 폰트를 새로 제작하고 있습니다. 초성, 중성, 종성을 자모 딱 한 벌을 가지고 제작하는 폰트이기 때문에 기준 베이스라인에 맞춰 같은 스타일을 유지할 수 있습니다. 탈네모꼴이 되기 때문에 새로운 느낌을 줄 수 있지만 아주 잘 설계해야 예쁜 모양이 나옵니다.

    빨랫줄처럼 받침 글자가 줄줄이 매달린 듯한 느낌을 주는 것도 이 글꼴의 특징이기도 합니다. 사실 예전에 기계식 타자기로 fㅓㄹ, pㅜㄹ 같은 영문과 한글 조합을 만들었던 기억도 납니다.

    브런치 글 이미지 2

    만화효과음 폰트 테스트로 제작한 것으로 제작샘플을 작업했지만 수정해야할 부분이 꽤 많이 있어서 다시 가이드에 맞춰 제작을 다시해야 합니다.

    직결식은 공병우식 세벌식 타자기의 자판을 기준으로 제작된 폰트의 유형이지만 네모꼴 폰트가 주류를 이루고 난 다음에는 많이 안보이지만 최근 새로운 스타일을 원하는 영상자막에는 많이 보이고 있습니다.

    풀어쓰기 입력하는 느낌과 마치 타자기 치는 느낌의 영상용 애니메이션 폰트(스크립트)를 하기 위해 작업하고 있습니다. 직결식 폰트처럼 디자인 유형이 다른 새로운 조합과 폰트스타일에 가변이 조합되는 폰트에 대한 연구도 계속 하는 중입니다.

    손글씨는 누구나 같은 글씨를 매번 똑같이 쓰지 않기 때문에 변화의 정도가 완전히 다릅니다. 그 부분을 해결하려고 하는 실험을 하는데 쉽지는 않네요 ^^

  • 클립스튜디오 한글 효과음 폰트에디터

    클립스튜디오 한글 효과음 폰트에디터

    Clip Studio만화 폰트가 아닌 폰트편집기로

    Clip Studio 는 만화가, 웹툰작가가 포토샵만큼 많이 쓰는 도구입니다. 초기버전부터 지금까지 전부 써온 프로그램인데 일본에서 만들어서 그런지 한글효과음에 대한 부분이 미흡 아니 벡터부분에 대한 기능이 많이 떨어집니다.

    개발이 대부분 3D나 작화에 도움이 되는 기능들 우선순위 인 것이고 효과음이나 말풍선은 대부분 작가가 어느정도 참여해야하는 것으로 생각해서 그런지 몰라도 기능이 아직 요원합니다. 그래서 폰트가 나온 거 같기도 한데 개인적으로 작가의 작품에 어울리는 효과음은 작가가 만들어서 만화의 개성과 연결하는 일관성이 있어야 한다고 생각합니다.

    그래서 초기부터 폰트 만들 때 만화효과음 전문 편집이 가능한 별도의 프로그램을 생각했고 제가 쓴 악당의 명언도 약간 만화 효과 느낌의 원고지 같은 내지를 사용했습니다.

    한참 고민하다가 이번에 여러 프로그램 업그레이드도 하고 앞으로 캔바나 영상관련 자막에 사용할 초성, 중성, 종성의 키네틱 애니메이션을 포함하고자 여러 툴과 경쟁력이 있는 것을 만들 준비를 했습니다.

    만화효과음 폰트나 몇 종 더 만들고 이제 효과음 한글폰트 편집기는 마무리단계로~ 다국어 폰트도 그 자리에~ 배치하는 것으로 일단 만화전용 간단한 폰트편집기 같은 개념을 가진 프로그램으로 개발하고 있습니다. 클립스튜디오에 바로 가져올 수 있게 배치합니다.

    오라클 파워 응?!? =3=3=3오라클 파워 응?!? =3=3=3

    브런치 글 이미지 2
    브런치 글 이미지 3

    만화 효과음은 더 화려하게도 할 수 있지만 일단 여기까지 샘플로 작업했습니다.  자소음만 넣으면 고유의 만화용 한글 효과음 작업이 됩니다. 웹툰 기술지원사업 관련된거나 해보는게 어떨까 합니다.