포토샵으로 한글 2560자 만화효과음 폰트 만들기

포토샵으로 한글 2560자 완성형 폰트의 느낌을 바꿔봤습니다.

포토샵에서 만드는 2,560자 한글 폰트… Stroke를 Fill 로 바꾸는 것처럼 필터를 먹여서 다양한 효과를 넣어 다양한 형태의 폰트로 만들 수 있습니다. 오래된 활판 글자같은 효과나 디자인을 적용할 수 있게 됩니다. 제가 생각하는 글자는 각도별 모션블러로 만화효과폰트 만드는 테스트를 해보고 다음은 webGL의 다양한효과를 폰트에 적용할 준비중입니다. Particle Fractal 

일단 폰트 배열에 필요없는 글자들 제거하고 테이블을 만들었습니다. 복잡한 자형이 들어가는 것을 제외하면 글자들이 단순해집니다.

이 글자 테이블을 가우시안블러로 흐리게 만들고 이미지를 곡선으로 블러처리된 부분에서 회색을 제거하는 값을 정리해서 

작성했던 폰트보다는 두꺼워진 느낌이고 글자가 뭉개진 느낌은 들지만 글자 자체가 활자로 찍은 느낌이 납니다. 현재 저희가 개발중인 것은 이렇게 뭉쳐진 글자들을 초성, 중성, 종성으로 분리하는 프로그램을 하고 있습니다.

너무 많은 일을 해야해서 이것저것 아이디어와 폰트제작에 대한 부분을 해야하긴 하지만 제가 준비하고 있는 것은 만화효과음에 대한 부분인데 다양한 웹툰 효과를 만화작가의 획을 이용해서 특정한 만화효과음을 만들 수 있게 하는 것입니다.  

즉 직결식으로 글자 자소를 최소화해서 4벌 정도로 모든 글자가 나오고 초성, 중성, 종성이 위치에 따른 글자 패밀리가 만들어지는 것입니다. 그러면 중심점 방향에 따라 글자효과가 달라질 수 있습니다.

이상한 생각하느라 시간 다 보내고 있습니다. ^^

저 진짜 책 만들어야 하는데… 일본에서 날짜를 정해놔서 인디자인을 자동번역하고 내부 레이아웃, 디자인 내용을 변경하는 것을 지금 그냥 하면 되는데 프로그램으로 쉽게 하려다가 마감날이 가까이 오고 있습니다. 

A9 컴포넌트 기반의 폰트 유형을 일부 공개할 준비중입니다.

A9 컴포넌트 기반의 폰트 유형을 일부 공개할 준비중입니다.

일종의 자소의 가상본으로 폰트포지, 폰트랩, 글립스 같은 편집프로그램에서 자소만 수정하면 한글폰트 조합은 유지하고 전체부분이 변경되는 형태입니다.

이렇게 하면 글자를 다 에디터에서 손으로 수정해야합니다. 다만 가상본이 100벌이 있을 때 각기 다 다른 위치로 변경되기 때문에 폰트를 바꾼 후 조금씩 위치를 만져줘야 한다는 단점이 있습니다.

그래도 작업에는 많은 시간단축을 할 수 있고 초기에 저희가 제작한 폰트의 유형인 초성, 중성, 종성을 벌수로 나눠 만든 컴포넌트와 기본 배치유형 대로 만들게 됩니다.

그러면 비슷한 폰트는 금방 제작이 가능합니다. 다만 세세한 수정에 많은 시간낭비가 들어갑니다. 전문 편집 프로그램은 컴포넌트를 끊고 편집하는 기능이 있어 레이아웃을 맞춰놓고 조금씩 변경하면 자신만의 폰트가 완성됩니다.

이 방법을 알면 폰트 제작의 재미를 느껴보실 수 있으리라 생각됩니다. 아마추어 폰트 디자이너라도 자소 배치만 하는 것으로 대략 3일이면 2,560자는 제작할 수 있으리라 생각됩니다.

11,172자를 모두 하게 하려면 조합에 대한 이해가 많이 있어야 하지만 결론은 같습니다. 사실 지금도 폰트업체들의 작업물은 모두 컴포넌트로 작업하고 출고할 때 분리해버립니다.

아이패드, 맥에서 먼저 제작할 수 있는 개발환경을 만들 생각입니다. 샘플 폰트도 공개할 준비중입니다.

x-ray tool을 사용하면서 폰트 레이아웃 분석기능에 대해

폰트가 어떤 구조로 만들었는지 볼 수 있는 프로그램을 이제 웹기반으로 개발할 준비를 하고 있습니다.

그 전에 합쳐진 셰이프를 모두 분리해서 초성, 중성, 종성의 좌표계에 의한 변환행열의 값과 특성을 분석하려고 하고 있습니다. 이유는 간단합니다. 대부분 비슷한 글자를 쓰고 레이아웃에 배열된 좌표정보를 정리하면 완전 자동화를 할 수 있기 때문입니다.

초, 중, 종성의 컴포넌트의 위치값을 이용해서 너비 높이를 조절해서 두깨나 모양을 유지하면서 배치할 수 있게 만드는 것을 할 수 있기 때문입니다. 일정 유형을 학습해서 하나의 폰트가 수 많은 특성을 가진 폰트의 유형으로 뽑아낼 수 있습니다.

일단 패밀리폰트로 만들고 마음에 드는 글자를 글자로 (Light, Nomal, Medium, Heavy) 를 넣고 각도가 다양한 글자를 만들어낼 수도 있습니다.

폰트 자동레이아웃의 구조

레이아웃을 자동화해야 사람이 할 일과 시간을 줄일 수 있습니다. 현재 중성에서 천지인 개념으로 레이아웃을 나눌 예정입니다.

ㅓㅕㅏㅑㅒㅔㅞ ㅘ 등등을 전부 쪼갤 예정입니다. ㅗㅛ =-||-= 같은 모양을 분리한 중성 레이아웃이 생기게 됩니다.

그러면 초성에 따라 중성의 모양과 위치를 초성 중심 위치에 배치하게 됩니다.

셀델셸뎰 헬혤 같은 글자의 차이, 중심점을 바꿀 수 있게 됩니다.

이전부터 생각한 것인데 이번에 3개의 템플릿을 작업하면서 완전 자동화 할 수 있는 부분에 대해서 고민하고 수치를 기반으로 배치하는 형태로도 구현할 수 있는 구조로 변경을 할 생각입니다.

계속 늘려만 가려는 것은 아니고 부리, 삐침, 획의 두께, 모양을 전부 떼어 놓고 레고처럼 스트로크 앞, 뒤에 붙게하는 방식을 생각해둔게 있습니다. 그것을 하기 위한 과정이라고 보면 될거 같습니다.

폰트 x-ray tool 개발

폰트에 대해서 전체적으로 조형, 균형, 가시성 등 확인하기 위해 x-ray tool 을 일단 만들어서 들여다 보고 있습니다. 일부 폰트 프로그램에는 있지만 사실 이것만 전문으로 하는 프로그램은 없어서 일단 만들어놓고 비교중입니다.

서로 다른 폰트패밀리를 만들 때도 필요하고 저희가 단순화 해서 제작을 하는 방식으로 3개의 템플릿을 제공하는 것이 폰트 제작의 전체는 아니라고 보고 있습니다. 더 디테일하고 정교하게 셰리프,고딕, 그래픽폰트를 만들 때 필요합니다. 중성을 기준으로 만든 것에 초성에 따른 미세조정을 해야 하는데 그런 부분에 대한 학습이 필요해서 개발하고 있고 대체폰트를 만들어서 사용할 때 온전히 비슷한 데이터를 가진 폰트로 제작할 수 있으리라 봅니다.

모양과는 전혀 상관없으며 전자책의 가독성을 위해 제작해볼 생각입니다.  

가독성을 높여서 여러가지 폰트에 특징을 확인하고 개별 분석자료로 공부하는데만 사용합니다.

지금 책 3권을 빨리 작업해야해서 일단 책작업에 전념해야겠습니다. 폰트는 계속 제작하지만 이제 기능형 폰트 위주로 시작하려고 합니다. 곧 보여드릴께요~

https://cafe.naver.com/signatureclub

한글11,172 폰트생성 방법론_템플릿 공개


지난 3개월간 한글 폰트를 만드는 방법론을 열심히 생각하고 거기에 맞는 폰트제작을 하였습니다. 방법론도 다 바꾸고 새로 그리드형의 한글 초성, 중성, 종성을 배열해서 한눈에 볼 수 있고 편집할 수 있는 템플릿을 만들고 샘플 폰트도 제작했습니다.

그리고 일러스트레이터, 디자이너, 폰트디자이너에게 보다 빨리 자신만의 폰트를 만들 수 있는 방법론을 소개하고자 합니다. 사실 비즈니스는 나중에 생각하고 현재 저희가 가진 아이디어를 세상에 알리고 더 많은 사람들이 폰트를 만들어 수익을 올릴 수 있게 하려고 합니다.

인디자인의 유료폰트를 대체되는 대체폰트로 전자책으로 변환하여 사용할 수 있고 중소기업용 대안 폰트 서비스도 생각중입니다. 최초에 오직 나만의 폰트로 책을 만들 수 있는 생각에서 여기까지 왔으니 이제 그 다음단계로 넘어가려고 합니다.

폰트를 쉽게 만들기 위해서 전용 편집기도 준비하고 있습니다.   

SVG편집할 수 있는 템플릿 3종과 샘플폰트 자료를 함께 제공합니다.

일러스트레이터나 SVG에디터를 다룰 수 있는 디자이너라면 자신만의 폰트를 만들 수 있는 방법론과 해당 샘플을 준비했습니다. 그동안 몇가지 방법을 제작하였으나 가장 쉽게 작업할 수 있는 형태로 만들었습니다.

다운로드 받으면 2종의 폰트 스타일로 제작가능하며 Glyphs 나 폰트포지의 컴포넌트가 제작됩니다.

한글폰트 제작이 이제 완전히 바뀔 것이라 생각됩니다. 새로운 폰트크리에이터를 많이 만나뵙기 바랍니다.

https://cafe.naver.com/signatureclub/180 데이터 포함 자료한글11,172 폰트생성 방법론_템플릿 공개

베타폰트 시스템을 시작하면서 – A9폰트 베타로 공개

베타폰트 시스템을 시작하면서 – A9폰트 베타로 공개

제가 전문적으로 폰트 만드는 사람은 아니고 봄봄스쿨 출판사 사장인데 cnc 로봇이 사람글씨를 따라쓰는 stroke 기반 한글 폰트와 글씨교정이라는 따라 쓰기 책과 거기에 맞는 전용 프로그램을 개발하다 본격적으로 폰트 제작을 3개월간 해봤습니다. 

레터링까지는 해도 한글 폰트를 만들려면 11,172자는 허들을 만나게 됩니다. 저희는 일반인에게는 자신의 손글씨를 폰트로 만들게 하거나 부모님의 손글씨, 아이의 손글씨를 폰트로 기록하는 프로그램과 그 글씨로 만든 자서전이나 시집, 1권을 위한 책을 만들 수 있는 POD용 폰트나 굿즈를 개발할 준비를 하고 있었습니다.

그런데 몇 차례 폰트 제작에 대해서 공부하다가 프로의 도구가 있어도 한글로 만드는 것은 수많은 글자와 그 조합을 맞추는 데는 많은 시간이 필요하고 끝을 보는 데는 큰 시간이 걸리게 됩니다. 단순 자소 조합만 아니라 미적인 부분, 가독력, 시각적 부분 등 다양한 부분을 맞춰야 하는 것에 대해 기존 도구에서는 컴포넌트를 조합해서 만들었지만 그것을 최소한의 폰트 템플릿을 사용하여 제작 방법을 만들었습니다.(‘ㄱ’자 하나도 중성, 종성의 배열, 위치에 따라 수 많은 개별 컴포넌트가 생성되며 Glyphs, Fontforge, Fontlab Studio 같은 프로그램에서 레고처럼 부품을 바꾸면 모든 폰트 구성이 자동 재편집이 가능합니다.)

템플릿에 초성+중성, 초성+중성+종성 테이블을  한눈에 보기 쉽게 일러스트레이터에서 폰트를 제작하는 도구를 개발했습니다.

그리고 베타폰트라는 개념을 생각했고 어떤 폰트를 만들고 완성될 때까지 계속 테스트 및 사용을 할 수 있게 해주는 베타테스트 할 수 있는 참여자를 모아 초기에 펀딩 하듯 제작자를 후원하는 패트레온과 같은 형태의 시장을 만들려고 합니다. 

요즘 폰트는 배민처럼 기업의 브랜드를 키우는 마케팅도구가 될 수 있습니다. 

그리고 지자체에서 자체 폰트를 만들기도 하고 안심폰트라는 이름으로 정부에서 폰트를 구매해주기도 합니다. 점차 시장이 커져가고 있으며 그 부분에 새로운 플레이어로 참여할 개인들은 일종의 벽이 생깁니다. 그것을 회사가 풀고 크리에이터는 크리에이터를 지원하는 사람들에게 강의, 굿즈, 폰트 등의 제작과정을 팔 수 있는 시장을 마련해 드리고 싶습니다.

그 샘플로 다양한 폰트를 만들었는데 작업 방법을 바꾸고 이제 공개형으로 전환하여 폰트 및 제작 소스(폰트디자인)까지 공개하며 차후 디자이너의 참여를 통해 새로운 시장을 만들어 보려고 합니다. 

앞으로 어떤 상황이 될지는 모르지만 저희도 사람 고유의 것에 대해 더 관심을 가지고 있습니다. 다꾸를 하거나 책을 만들거나 결국 나를 위한 것이 남지 않을까 생각 중입니다. 엄마의 레시피, 삐뚤빼뚤 아이의 손글씨, 지나가는 간판, 누군가의 편지… 아날로그 느낌이 다시 휴대폰, 인스타 게시물, 유튜브 자막 등 미디어에 마지막 남은 것이 무엇일까 생각합니다.

카페자료실에 계속 데이터 추가합니다.

https://cafe.naver.com/signatureclub

A9ComicTypeA (A9만화효과A) 0.1

A9ComicTypeA (A9만화효과A) 0.1

베타 폰트이며 한글만 있습니다. 현재 11,172자를 기본으로 만들었으며 게시판에 추가 수정이 있으면 버전을 자료실에 판올림 버전을 추가해서 계속 올릴 예정입니다.

만화 효과음으로 제작되어 있으며 다른 폰트를 제작할 수 있는 가이드와 일러스트 제작파일도 정리되는 대로 추가 재편집하여 본인만의 폰트를 만들 수 있게 제공할 예정입니다.

폰트 수정방식이나 구성은 영상강의로 제공하겠습니다.

https://cafe.naver.com/signatureclub/175

라이선스 본문

A9ComicTypeA (A9만화효과A) 의 지식 재산권은 아르고나인미디어그룹(주)이 보유합니다.아르고나인미디어그룹에서 무료로 배포하는 A9ComicTypeA (A9만화효과A)는 개인, 기업 사용자 모두 자유롭게 수정 및 변경해영리, 비영리 목적으로 사용할 수 있습니다

라이선스 요약표


카테고리사용 범위허용 여부
인쇄브로슈어, 포스터, 책, 잡지 및 출판용 인쇄물 등O
웹사이트웹페이지, 광고 배너, 메일, E-브로슈어 등O
포장지판매용 상품의 패키지O
영상영상물 자막, 영화 오프닝/엔딩 크레딧, UCC 등O
임베딩웹사이트 및 프로그램 서버 내 폰트 탑재, E-book 제작O
BI/CI회사명, 브랜드명, 상품명, 로고, 마크, 슬로건, 캐치프레이즈O
OFL폰트 파일의 수정/ 복제/ 배포 가능. 단, 폰트 파일의 유료 판매는 금지X

만화효과음 폰트B 만들기

2시간에 하나씩 폰트 만들기

조합만화서체를 일단 디자인해서 타블렛으로 대충 모양을 꾸민다음에 자소를 최소한으로 만든 다음에 그걸 다시 재조합해서 만화 효과음을 만들었습니다.

조합형 만화폰트

최소한의 조합을 구성해서 만든 만화 스타일체

각도 조금 수정하고 조정할 필요가 있습니다. 대충 선만 그어서 만들었는데 그럴듯하게 보이는 것은 선을 여러번 겹쳐서 만들었습니다. 다음에 글자를 흔들어서 만드는 이토준지 공포체나…

글자가 서로 겹쳐지며 연결되는 스펜서 서체 같은 스타일의 한글폰트를 하나 만들어 볼 계획입니다. 

제일 중요한 것을 까먹고 있었는데 이제 폰트 만드는 가이드용 글자 구성을 다시해야 할거 같습니다.

그리고 곧 폰트페이지 제작하고 공개할 생각입니다.

일러스트레이터 스트로크로 한글폰트 고딕체 만들기

일러스트레이터 스트로크로 한글폰트 고딕체 만들기 스트로크로 만들어서 아주 빨리 폰트를 개발할 수 있습니다.

기존 디자이너의 레터링을 거꾸로 폰트로 제작하는데도 손글씨를 바꾸는데도… stroke 기반이라 폰트의 모양도 새롭게 바꾸는데 1초도 안걸립니다. 패밀리 폰트를 쉽게 만들 수 있습니다.