[카테고리:] 아이디어

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    내 글씨로 보는 내가 쓴 글…

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    워드프레스용 책장 순위 발표하는 위젯만들기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나 링크프라이스, 쿠팡 같은 곳에서 수수료를 줄 수 있게 해볼 계획입니다.

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

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

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

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

  • 모아시스 + 온라인 서점주문 변환 서비스

    모아시스 + 온라인 서점주문 변환 서비스

    출판사라면 ERP를 사용하지 않고 창고, 물류 프로그램을 주로 사용하고 계십니다. 모아시스라는 프로그램을 많이 사용하는데 이 프로그램에는 대량등록이라는 기능이 있습니다.

    저희는 봄봄스쿨이라는 출판사이고 지난 10여년간 아침주문하는 일을 경리가 대신하고 있었습니다. 그런데 휴가 갔을 때 대신해보면서 이걸 자동화 하면 안될까? 라고 생각해서 개발했습니다.

    아침에 온라인서점, 오더피아 등 서점발주 데이터를 수집해서 온라인 서점별 발주서류로 모두 변환해서 엑셀파일로 변환해서 등록할 수 있게 제공합니다. 예스24의 경우 파주, 대구 별도로 발송해야하는 주문서가 하나로 뭉쳐있습니다. 그것을 분리해서 모아시스에 맞게 변환합니다. 교보도 마찬가지입니다.

    DB공유를 하지 않기 때문에 로그인해서 엑셀로 받은 파일을 저희 서버에 변환기로 바꿔 사용할 수 있습니다. 모아시스 대량등록 포맷에 바꾸는 일밖에 하지 않습니다. 따라서 DB가 유출되거나 바꾸거나 하는 일은 있을 수 없고 모아시스에 무언가 요청을 하거나 데이터를 사용하지 않습니다.

    출판유통통합전산망을 이용해서 DB를 공유하면 다양한 도서정보, 서지정보와 판매데이터를 받아올 수 있습니다. 출판유통통합전산망은 도서 위주이기 때문에 유아, 어린이, 취미, 문구를 제작하는 출판사에게는 이빨빠진 도서정보를 제공합니다. 전체 상품 ISBN을 지원하기 때문에 판매정보, 할인, 이벤트 정보등에 활용할 수 있습니다.

    저희는 기존 출판사에게 모아시스 내부에 프로그램으로 애드온할 생각이었으나 하도 연락을 안받기에 따로 운영을 하도록 합니다. 1인출판, 소형출판사에는 무료로 제공하며 중형, 대형 모아시스를 사용하지 않는 출판사에게는 각 WMS에 맞는 포맷으로 데이터 출력구조를 변경하여 제공할 생각입니다.

    북센, 영풍문고, 서점에서 오더피아를 사용하고 있는 경우 오더피아 주문을 받아 데이터를 처리합니다. 오더피아의 주문, 반품 상황 및 서점출고현황을 확인할 수 있게 만들어 아침에 주문 발주 실수 또는 창고의 재고누락으로 발송하지 못한 경우를 바로 판단할 수 있습니다.

    창고 시스템에 재고가 없는 경우 빨간색으로 표기하며 97, 88을 구분하여 향후 원장을 분리해서 계산서 발급할 때 사용할 수 있습니다.

    온라인 서점

    주문서 수발주는 온라인 서점 Yes24의 경우 수동과 자동으로 등록해서 사용할 수 있습니다. 수동의 경우 Yes24 관리프로그램에서 다운받은 엑셀파일을 드래그앤드롭으로 파일을 등록하면 주문서의 이상유무를 확인하고 변환한 데이터를 csv, xls 로 파일을 다운로드 받을 수 있습니다.

    주문에 혹시 이름이 다르거나 에러가 나면 붉은 색으로 표시하고 코드를 누르면 출판물 리스트를 검색해서 대체합니다.

    기본적으로 이 기능을 제공하려고 하며 직원의 시간을 절약하여 마케팅이나 다른 SNS활동을 하게 하는게 목적입니다.

    저희 회사는 원래 IT 개발사로 플래시 기반 네이버 광고 솔루션, 다음 광고, 미니홈피, 아바타몰 등을 개발한 바 있습니다. 현재 이벤트기반 출판 마케팅 ERP를 준비하고 있습니다. 현재 도서DB 실시간 트래킹, 서평 DB 확인, 챗봇, 자체 솔루션으로 출판사에서 독립적으로 사용하고 있으며 출판ERP + WMS기반 도서, 상품 유통 프로그램을 준비중입니다.

  • 인디자인을 자동화하는 IDML 출판 4

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


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

    퍼즐책 시리즈를 여러작업을 하지 않게 수 많은 퍼즐을 DB화 하고 인디자인에서 한 번에 편집하고 불러와서 문제, 정답에 고유번호를 가지고 문제 따로 정답 따로 디자인을 일괄 적용할 수 있게 만드는 것을 마무리했습니다.

    idml로 데이터 수정해서 자동으로 책이 생성되게 하고 다시 사람이 디자인이 필요한 부분과 마스터페이지를 손 보고 몇가지 레이아웃이 자동처리되게 프로그램해서 마무리를 했습니다. 

    페이지 디자인에 따라 보기 좋은 유형으로 배치하고 설명 페이지를 넣어야 해서 그 부분을 끼워 넣어도 페이지 번호나 문제 번호가 바뀌어도 한 번에 수정할 수 있도록 만들었습니다. 이제 흑백 페이지 부분은 그냥 이렇게 작업을 마무리 하고 이제 컬러 페이지에 해당하는 것을 넣으면 됩니다. 

    문제를 2만개 이상 만들고 재배열 할 수 있게 구현한 것 이외에 난이도별 POD로 다품종 소량 문제은행으로 구성이 가능할 것입니다.

    하여간 이제 인디자인으로 인디자인 클리닝해서 epub3를 만들 수 있는 것을 설계중입니다. 

    퍼즐 + 앱으로 동시에 즐길 수 있는 아이디어 및 인디자인의 드로잉 오브젝트 깨지는 것을 해결 하는 것 이외에 폰트 변경, 슬라이드로 등등 대체 오브젝트로 교체하는 것도 진행하고 있습니다.

    원래는 에디터를 만들어볼까 하다가 인디자인-> idml (클리닝 + 컨버팅) -> 인디자인 편집 -> epub 으로 깨끗하게 출력되는 서비스를 생각하고 있습니다.

    어찌보면 LLM 에서 대량 레이아웃 학습을 시키는 것도 가능할거 같긴한데 갈길이 멉니다.