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

폰트 제작하는 가이드를 현재 그리는 방식에서 몇가지 유형을 추가할 생각입니다.

​일러스트레이터나 벡터 프로그램에서 바로 작업해서 폰트가 생성되는 형식 그리고 일반 원고지에 따라 쓴 글자를 벡터로 만들고 AI를 이용해 글자의 유형을 추론해서 배치하는 형태

다른 사람들의 글씨를 인식하는 학습 부분이 많이 필요하겠지만 그런 방법 말고 폰트의 스타일별로 다른 가이드 라인을 제공해볼까 합니다. 악필이 아닌한 대부분 정자체 가독성이 높은 폰트 제작을 원하고 판매용으로 제작 사용할 수 있도록 합니다. 저희는 출판사라서 따라쓰기 노트 같은 것을 만들어 본인의 스타일을 만들 수 있는 가이드북? 또는 노트를 만들어 제공하는 것이 가능합니다.

모 서점에서 전자책에 자신의 폰트를 제작해서 포함할 수 있다고 해서 폰트제작을 일종의 kit로 판매하는 것에 대해서 이야기를 나눴고 자세한 사항은 하나하나 진행되는대로 정리하겠습니다.

한글을 예쁘게 쓰는 방법을 도형으로 가이드해준 표지 10년 전에 생각해둔 폰트제작 아이디어를 담았습니다.

모 서점에서 전자책에 자신의 폰트를 제작해서 포함할 수 있다고 해서 폰트제작을 일종의 kit로 판매하는 것에 대해서 이야기를 나눴고 자세한 사항은 하나하나 진행되는대로 정리하겠습니다.

현재 저희가 보는 폰트 사업은 출판사, 디자이너의 굿즈를 제공하는 것을 목표로 하고 있습니다.

원고는 저자에게 있지만 출판사 고유의 IP는 책제작 과정에서 나옵니다. 표지디자인과 레터링으로 폰트 스타일 한 두개 하기는 쉽지만 그걸 연속적으로 다 할 수 없고 모든 폰트 만드는 것은 엄청난 노동을 동반 해야합니다. 그걸 조합하는 것을 자동화로 대신하고 판매를 활성화하는 플랫폼을 제공할 생각입니다.

1. MCP(Multi Content Provider)로 폰트관련 비즈니스와 판매되는 수익부분을 개별 출판사, 디자이너, 개인에게 폰트 판매분 정산을 대행

2. 전자책 뷰어에 한글 폰트 포함

3. POD에 맞는 내 글씨 폰트 제공

4. 출판사 레터링 폰트, 디자이너 폰트를 사용한 굿즈 (딩벳)

5. 굿노트 폰트 및 템플릿 제공

​내가 디자인한 레터링이나 작가의 글씨를 전자책이나 굿즈로 제공하는 서비스를 만들어볼까 하고 있습니다. 이제 하나하나 프로젝트를 고도화 할 때인거 같습니다.

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

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

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

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

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

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

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

내 글씨로 보는 내가 쓴 글…

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

어제 만든 폰트의 비트맵 폰트 테이블을 온라인 SVG편집기 tldraw로 비트맵을 밑그림으로 놓고 드로잉을 하면 svg 글자 스타일 그대로 따라 그린 손글씨 기반으로 폰트가 생성됩니다. 굴림을 기본으로 만든 모양이라 아래와 같습니다. 밑그림에 탈네모꼴 유형, 정자체 유형 등 비트맵이 아닌 가이드 글꼴을 넣거나 일러스트레이터로 배치하면 최적화된 글자 몇자로 폰트가 완성되는 기능을 제공할 생각입니다.

밑그림의 글자 위에 손글씨 느낌이 나게 tldraw로 초성, 중성, 종성 모양대로 그려줍니다. 같은 ㅎ 자도 어디에 위치하느냐에 따라 모양이 모두 다른 것을 감안해서 그려줘야 하며 256자 기준으로 작업하면 되는데 눈이 침침해서…

SVG 편집기 잉크스케이프로 폰트 모양을 확인 목적은 프로토타입을 만드는 것이기 때문에 수정을 하지 않았습니다.

SVG->TTF로 폰트 구성을 했습니다.

글자의 온전한 스타일이나 형태는 온라인에서 즉각 재배치 및 편집할 수 있는 기능을 제공하여 할머니, 할아버지, 아버지, 어머니 그리고 어린이들의 폰트로 책을 만들 수 있습니다.

완성된 것은 아니지만 초성, 중성, 종성을 스타일을 하나 정해서 따라 그리면 굴림, 돋움, 궁서, 안상수 탈네모꼴 글꼴이 만들어지게 하는 것을 목표로 256자에서 1만 1172자가 생성됩니다. 일러스트레이터에서 그린 폰트를 사용하면 더 멋진 글자가 만들어지며 디자이너 디지털 굿즈가 되게 할 생각입니다.만화폰트, 캐릭터도장폰트, 아바타폰트, 효과음폰트, 스티치폰트, 따라쓰기용 폰트, 미로찾기폰트 등의 조합은 곧 완성하도록 하겠습니다. 텀블벅에 올려볼까 생각하던 것이라 미친생각에 동참할 분들이 생기겠죠.

1인 폰트 = 일기장(SNS 자동수집 및 뉴스수집) = 책

매일매일 쓸모를 찾는 뭐든 만들기 프로젝트 중

한글 폰트 생성을 위한 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나 링크프라이스, 쿠팡 같은 곳에서 수수료를 줄 수 있게 해볼 계획입니다.

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

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

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

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

인디자인을 자동화하는 IDML 출판 5

모든 파일을 인디자인 자동화로 생성한 페이지를 IDML 파일로 열어 디자인된 문제유형의 구성을 사람이 보기좋게 인디자인에서 레이아웃을 변경하고 문제의 번호생성 및 정답을 프로그램으로 인디자인 파일을 재구성해서 결과물인 책으로 만들어지게 프로그램 + 디자인 작업을 한 책입니다.

한 마디로 데이터베이스로 책을 만드는 것이 일단 마무리 된 것입니다. 인디자인 서버나 광고지면 자동화 하는 것이랑 비슷합니다. 벼룩시장 신문에 새로운 광고가 들어오면 데이터베이스에서 디자인 블록으로 만들어서 배열 및 레아이웃이 들어가면 다른 디자인을 줄이거나 재구성하는 프로그램이 존재합니다.

한 권을 만들어 놓으면 그 구성의 형태는 재사용 및 DB를 이용해서 만든 책이니 문제가 겹치지도 앞으로 앱으로 연결할 때도 그 문제에 대한 여러가지 이벤트를 만들 수 있습니다.

책의 문제가 앱으로 인식하게 만들어서 동일한 게임을 휴대폰에서 즐기고 점수를 내거나 다른 사람과 동시에 게임을 즐길 수 있게도 해볼 생각입니다. 틀린그림찾기, 같은그림찾기 등 다양한 게임 + 인쇄물이 이어지게 할 생각이라 기타 프로그램도 하나씩 제작을 하고 인디자인에서 자동화 하는 기능을 플러그인처럼 추가할 생각입니다.

여러가지 생각이 있고 글자나오는 미로찾기, 숨은 숫자 미로찾기, 문자찾기 등 방탈출 유형의 게임과 책을 결합하려고 했던 것처럼 퍼즐책이 특정한 앱에서 즐길 수 있게 개발하려고 합니다.

이 시리즈 책이 1만부 이상 판매된 책인데 이상한거 개발하느라 책발매가 늦어졌습니다. 대만에도 수출되고 있는 책인데 이제 다음 책들을 쏟아낼 예정입니다.

여름방학용인데 이제 마무리해서 마음이 급하네요 ^^

기적의 수학퍼즐 어린이 스도쿠 + 미로찾기 2

원래 가격: ₩8,800.현재 가격: ₩6,160.

책소개 매일매일 두뇌 업그레이드! 전통적인 미로찾기와 스도쿠가 이렇게 전 세계적인 사랑을 받는 이유는, 수학적인 사고 개발은 물론 집중력, 논리력, 추리력을 키워주며 두뇌 건강을 지켜주기 때문입니다. 미로찾기는 고도의 시각 집중력을 극대화 하고 스도쿠는 논리사고력을 발달시켜 퍼즐 마니아들의 기대를 충족시켜 주는 최고의 퍼즐입니다. 문제를 풀어가는 능력과 귀납법, 연역법을 활용하는 논리사고력, 집중력, 창조력, 집중력을 키워주는 스도쿠를 통해, 건강을 […]