만화효과용애니메이션 바지저고리체

만화효과용애니메이션 바지저고리체 및 몇가지 애니메이션 한글폰트 동시 진행 다산의 정약용 편찬 한자학습서아악편의 한글 영문 글자들을 재구성 및 발음 옛한자도 찾아내서 폰트도 제작… 한글날 배포 되려나?

아 매일매일 공부하고 다시 적용하기 힘드네요.

하여간 폰트에 대해서 여러 개발자들의 아이디어를 보면서 느낀건… 결국 폰트회사 차리고 힘들게 사는구나… 난 굿즈회사나 해야지 응?!? =3=3=3 아이디어가 돈이 되게 만드는 플랫폼이나 해야겠다…

샘플로 만들어본 폰트 중 스트로크로만 제작된 한글 글꼴은 그 자체가 데이터로 출력되기 때문에 고민이 있어 해외 업체들 보니까 폰트가 아닌 그래픽으로 판매되는 곳이 있습니다.

Etsy, Booth 에 가서 캘리그래프 조각데이터를 파는 것으로 먹고사는 것을 보면 아… 이렇게 투잡 뛸 수 있겠다. 라는 생각이 들기도 하고 일단 우리는 출판사를 하니까 한글 따라쓰기 책이나 빨리 만드는게 정자체, 고딕체 정도면 아이들에게 도움될거 같기도 합니다.

도형을 피해 한글을 써~ 외곽도형체, 서예체, 순차 번호체(외국인 대상), 자수체, 레이저체 등 기계에 최적화 하거나 사람이 한글체계를 이해하게 하거나 학습하는 글자부터

매일매일 재미있는거 하려면 알아봐야 하는게 너무 많아서 공부는 되는데 결과를 뽑는데는 시간이 좀 걸립니다. 한글날까지 뭐라도 하나 공개하고 싶네요.

​그나저나 플로터용 반성문체에서 여기까지 왔네요~

폰트의 마무리는 기본 폰트

조합형 한글 폰트 만드는 것은 다듬어 가면서 완성도를 높이고 있습니다. 거기에 기본폰트 영문, 대문자, 소문자, 숫자, 기호 등 기본 굴림체 작업을 마무리 하고 있습니다.

한글과 조화를 이뤄야 하는데 아직 작업을 다 못해서 영문은 커닝 조정이 필요해서 지금 폰트 프로그램을 살펴보고 있습니다. 스트로크 기반의 폰트를 만들겠다고 해서 가독성 높은 글자를 만들어볼까 하다가 일단 기능성 위주의 따라쓰기 폰트 그리고 SVG로 출력되는 에디터로 플로터에 활용할 수 있는 에디터 작업이 되면 제법 쓸만해 지지 않을까 합니다.

손글씨 서비스하는 업체들이 왜 서비스 중단했는지 대충 이해하기 시작했지만 그래도 해보면 될듯하네요.

유형별 폰트가이드를 다 제공하는 따라쓰기가…

브런치 글 이미지 2

폰트 가이드 프로그램 만드는 중입니다. 메트릭스 정보 및 자모조합 한영 커닝 다 잡으면 대략 끝

UFO ( Unified Font Object ) 통합 글꼴 개체로 작업 마무리 일러스트레이터나 웹에서 편집되면 배포하면 기본 작업을 하고 보면서 편집해볼 수 있게 웹기반으로 제작할까 합니다.

가이드 자체를 편집, 배열 그리고 삼각, 사각, 원형, 육각, 마름모 등으로 배치해서 글씨쓰기 기본형을 제시 붓글씨의 부리, 획, 모양 달아주면서… 다른 유형의 특정 장비를 위한 폰트제작이 가능할 것으로 보입니다. 저는 자수, 플로터, 로봇의 압력부분을 넣는 옵션을 넣을 수 있는 기능을 생각하고 있습니다. 

(그나저나 지금이 어느시대인데… 스트로크 기반의 애플펜슬체)

한글 폰트 생성을 위한 svg 조합형폰트 만들기6

개념이 다른 폰트 에디터 제작중

1차로 만든 폰트는 일단 완성했습니다. 그러면 다른 사람들이 쉽게 폰트를 만들 수 있는 가이드가 필요해져서 그 문제를 해결하려면 보기 편한 에디터를 준비해야 할거 같습니다.

폰트를 만들 가이드에 대한 몇가지 아이디어를 일단 구현중입니다.

보통 폰트 에디터는 셰이프 기반으로 만들어져 있습니다. 저는 반대로 스트로크 기반의 편집기를 만들 준비를 하고 있습니다. 이유는 몇가지 있는데 일단 각도에 따른 한글 서체 스타일을 다양하게 제작할 수 있기 때문입니다.

일단 곡선인지 아닌지 판단하는 것은 나중에 생각하고 간단한 폰트 에디터를 svg로 내보내기 할 수 있게 만들었습니다. 그리고 번호 자리를 비워놓고 번호 입력이 가능하도록 만듭니다.

원래 퍼즐 폰트를 만들 생각으로 간단히 만들었던 폰트 에디터가 있긴 합니다. 그것을 약간 수정해서 클릭한 곳에 원형과 숫자 그리고 연결되는 좌표별로 정보를 가지는 json이 생성되고 그 것을 기록하고 다시 불러올 수 있게 만들었습니다. 수정을 할 수 있게 하기 위함이고 항상 라인의 생성시작 부분과 끝 좌표 부분 부리 삐침 닫침 부분이 자동으로 붙는… 형태의 폰트를 구성했습니다.

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

부리와 삐침 등의 모양을 붙이면 폰트가 생성됩니다.

이렇게 숫자와 방향(현재 구현중)이 붙는 폰트는 어디에 쓸거냐구요? 어린이 따라쓰기 책을 만들 생각입니다. 한글, 한자, 서체별 원하는 형태에 맞춰서 다양한 가이드라인이 나올 수 있도록

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

이건 퍼즐이 될 예정입니다. 바느질로 뒷면은 어떻게 생겼을까요? 같은

오늘 하루 재미있는거 하나 한거 같으니 이제 일해야죠!

한글 폰트 생성을 위한 svg 조합형폰트 만들기4

대략 손으로 만든 손글씨로 만든 폰트를 다른 쓸모를 만들기 위해 플로터용 폰트를 만들어 보기로 했습니다.

레이저 각인용, 플로터 굴림체는 하나의 스트로크로 만들어 진 것만 레이저로 커팅을 하거나 각인을 하거나 라인별로 스트로크를 한 라인으로 작업이 되어야 숙제나 반성문을 플로터로 찍어낼 수 있습니다. 응?!?​

폰트는 stroke 로 그리고 다시 그 스트로크를 셰이프로 만들어야만 보이지만 플로터에서는 그렇게 처리하면 텍스트를 따라 몇회를 지나가게 됩니다. 그래서 두가지 형태로 제작도 가능하고 온라인에서 웹기반 한글 오토마타 입력기 및 SVG 편집기를 만들어서 SVG폰트로 결과물이 나오게 할 생각입니다.

그래서 도서구매 해주신 분에게 손글씨를 플로터로 개인화 해서 찍어내는… 얄팍한 마케팅을 진행할 수 있습니다.

커팅기 실루엣4를 구매하고 멍하니 놀고있던 1인… 쓸모를 찾고있습니다.(?)

자 이제 다시 영문폰트를 한글폰트화 하는 프로젝트를 먼저 몇개 하고 폰트 스타일 몇가지 구분하면 쉽게 폰트를 만들 수 있는 서비스와 전자책 뷰어를 만들어볼까 합니다.

내 글씨로 보는 내가 쓴 글…

한글 폰트 생성을 위한 svg 조합형폰트 만들기2

AI없이 인간인 나만의 폰트 만들기 svg2ttf 제작

한글폰트 비트맵을 svg->초성, 중성, 종성을 조합해서 폰트를 재구성해서 ttf로 생성했습니다. 옛날 비트맵 폰트지만 손글씨를 저 모양으로 타블랫으로 그리게 되면 이제 완성도 높은 글자가 나옵니다.

같은 초성이라도 중성이 어떤 위치에 있는지에 따라 어떤 모양이냐에 따라 위치가 달라지고 초성의 모양이 달라집니다. 중성, 종성도 어떤 글자냐에 따라 다릅니다.

글자가 다 만들어지지만 현재 한글폰트만 생성되기 때문에 폰트의 완성도를 높여 작업하려면 오랜 시간이 걸립니다. 그래도 조합해서 할 수 있는 글자라면 제작하는데 큰 무리없이 가능할 것이라 봅니다.

이 폰트를 왜 제작하느냐면 자서전을 만드는 프로그램을 할 예정인데 본인의 글씨로 된 책을 만들 수 있게 하는 것과 포레스트검프처럼 과거의 시간과 이벤트가 매칭되는 글쓰기 프로그램을 준비하고 있습니다.

아이패드로 글씨를 쓰면 자동으로 폰트가 생성되고 전자책의 구성은 어느정도 될 것이라 생각됩니다. 오랜시간이 걸리겠지만 개발의 첫발은 떼었습니다. 만화효과음 폰트 대사용 폰트 등 글자를 최소한으로 쓰고 오토마타로 다양한 효과를 낼 수 있는 것을 만들 수 있으리라 봅니다. (자막기 만들던 기술)

공개하는 이유는 이미 많은 회사들이 하고 있는 손글씨 폰트지만 저희는 저희 나름대로의 구성으로 전자책을 만드려는 중입니다.

댓글 응원도 좀 해주세요 ㅠㅠ 

한글 폰트 생성을 위한 svg 조합형폰트 만들기

한글 폰트 생성을 위한 svg 조합형폰트 만들기

일단 폰트를 자모 조합을 해서 폰트를 만드는 것을 준비하고 있습니다. 일단 폰트포지에서 python 으로 데이터를 제어할 수 있어서 잠깐 보고 폰트데이터를 -> svg로 제작 다시 초성 ,중성, 종성 코드별로 폰트가 조합되게 배치하고 글자의 형태에 맞춰 다시 짜깁기 해서 만드는 중입니다.

계속 이상한 에디터를 만들다가 갑자기 셰이프별로 조합하는 것을 만들고 AI가 뭘 하게 해볼까 하고있습니다. 전자책의 끝은 자기글씨라고 생각합니다.

일단 옛날 게임용 비트맵폰트 이미지를 받아서 조합형폰트 구조의 svg로 만들고 조합할 수 있는 모양에 맞춰 화면에 재배열하는 것을 만들었습니다. 128여개의 글자만 손으로 쓰면 폰트조합이 나오게 됩니다.

지금은 비트맵이지만 벡터로 그리거나 아이패드 같은 곳에서 따라쓰기 하면 바로 내 스타일의 한글이 만들어지게 할 수도 있고 일러스트레이터에서 조합형 폰트 기본형만 만들면 폰트가 생성되거나 영문폰트의 글리프 대로 한글폰트가 만들어지게 할 수 있습니다.

예전에 영문폰트로 한글폰트 만드는 기억이 나기는하네요.

워드프레스용 책장 순위 발표하는 위젯만들기2

전에도 만들어 놓기는 했지만 이제 사락, 알라딘의 리스트 등을 가져와서 워드프레스의 홈페이지 광고위젯요소로 사용할 수 있게 책장에서 가로 스크롤형태의 위젯 디자인을 만들었습니다.

만들어 놓고 외부에서 데이터를 가져올 수 있게 한다고 했는데 이제 그 리스트를 올릴 수 있는 게시글, 게시판, 공간 등을 특정해서 만들 생각입니다.

그래서 일단 사락, 알라딘 먼저 테스트하고 이제 실험을 대충 끝내고 기능을 명확하게 해볼 생각입니다.

https://sarak.yes24.com/blog/atmark/list-view/10390395

사락에서 URL을 a9press에 다음처럼 url=에 넣어주면

https://a9press.com/shelf/ranks.html?mode=hscroll&url=https://sarak.yes24.com/blog/atmark/list-view/10390395

이런 형태로 바꿔서 횡스크롤 할 수 있는 기능을 제공합니다. 워드프레스에 넣었을 때 모바일 화면에 제대로 나올 수 있게 작업했는데 데스크탑에서는 조금 크게 만든거 같네요.

원래 작가얼굴, 출판사 아이콘, 상승여부, 하락여부 등의 정보를 제공하고 책을 누르면 간단한 책정보나 서평을 보여주고 구매링크로 이동할 수 있게 만들 생각이었습니다. 그런데 생각보다 크게 보이니까 디자인을 범용적으로 제작해야할거 같습니다.

https://www.yes24.com/24/AuthorFile/Author/153343

https://a9press.com/shelf/ranks.html?mode=grid&url=https://www.yes24.com/24/AuthorFile/Author/153343

예를 들어 한 라인별로 카테고리, 번호, 이벤트, 할인정보 등등의 정보를 함께 제공해서 줄별로 다른 이벤트도 함께 제공할 수 있게 해보려고 합니다. 갑자기 할 일이 늘어나기는 하지만 서비스화 하려면 그런 기능이 필요할거 같습니다.

사락, 알라딘 리스트 처럼 구글스프레드시트나 엑셀로 작업된 html 파일을 그대로 읽어서 표시하는 기능이 제공되면 여러모로 쓸모가 있어지리라 생각됩니다. 현재 도서를 얼마나 읽었는지 % 를 책등으로 표시하는 것을 생각하고 있으니 하나씩 개발하려고 합니다.

크로스워드 에디터 만들다가 네모네모로직 에디터를

크로스워드 에디터 만들다가 네모네모로직 에디터를 만들었네요…

일단 json 으로 데이터 저장 및 로드 하는 것이 가능하고 svg 로 내보내기 기능도 넣었습니다. 곰곰히 생각해보면 사람들하고 게임 캐릭터 동시편집 같은거 해서 간단한 GIF 같이 만들어볼 수 있어보입니다.

도트게임 같은거 만들어서 80년도 컴퓨터 게임 만드는 기분을 느낄 수도… 그냥 네모네모 로직 공모전 같은거 해보면 어떨까요?

책에 저자 이름 넣어드리고 상금도 드리고 전자책으로 게임도 즐기고!

디자인 다 고치고 새로 작업해보면 여러가지 재미있는 아이디어가 생각납니다. 아이패드로 찍기 놀이 재미있을거 같기도 하고 갑자기 그런 동호회나 해볼까 하게 되네요. 아참 네이버에서 이미 하고있지 ^^

지금 몇가지 게임을 만드는데 그중에 풀어쓰기 크로스워드, 워들, 스탠즈 등의 한글버전을 만들고 있습니다. 전자책 포맷에 맞출 수 있게 그리고 표준 json 으로 데이터 저장하고 다시 불러오기 할 수 있게 했습니다.

​여전히 책도 만드는 중입니다. ^^;

워드프레스용 책장 순위 발표하는 위젯만들기

figma로 대충 디자인해보고 모바일용 사이즈에 맞춰 순위를 보여주는 위젯을 먼저 만들고 있습니다. 책등, 책표지를 보여주는 서가를 만든 것과 달리 위젯은 여기저기 화면에 배치할 수 있어야 하기 때문에 DIV안에 마스크해서 스크롤하는 것을 보여줘야 합니다.

자바스크립트로 해당 부분을 제어해서 데이터를 가져오는 방식을 선택할 예정입니다. 물론 서가형태로 책등이 나오는 것이나 다른 여러가지 아이디어는 있지만 일단 사이즈에 집중할 예정입니다.

그리고 순위데이터는 저희는 자체 집계 프로그램을 쓰는데 이걸 엑셀이나 구글스프레드시트, 웹페이지에서 가져올 수 있도록 할 예정입니다. 진짜 내가 보고 있는 서가의 책을 블로그에 넣을 수 있게 하려고 하고 그게 판매가 되면 알라딘 TTB나 링크프라이스, 쿠팡 같은 곳에서 수수료를 줄 수 있게 해볼 계획입니다.

책소개도 읽어주는 형태로 바꿔볼 생각이 있고 이 책은 어떤 책인지 출판사가 직접 입력하게 만드는 부분도 필요할 것이라 봅니다.

아직은 서비스화 단계가 아니라서 기본적인 부분만 진행하려고 합니다.

책공장 텀블벅 진행중인 책이라든지 홍보할 수 있는 영역을 서로 본인의 블로그나 홈페이지에 달 수 있는 위젯으로 개발해볼 생각입니다. 앱으로 사이즈 변화도 기획에는 다 있습니다. ^^

노션, 옵시디언도 다시 열심히 보는 중입니다.