블리자드의 신작 게임인 ‘오버워치’의 인기가 하늘을 찌르고 있다고 해요. 출시한지 한 달도 안된 시점에서 PC방 점유율 1위를 달성했고, 5년 동안 PC방 점유율을 석권했던 타 게임을 제치고 당당히 1위를 했답니다. 오버워치 게임 전용서체 중 한글서체인 ‘코버워치’ 디자이너로서 정말 기분 좋은 소식이 아닐 수 없네요. :-)


‘코버워치’가 탄생하기 전까지 정말 많은 테스트와 수많은 검수 과정, 그리고 수정에 수정을 거쳐 작업이 마무리되기까지 정말 피나는 노력이 있었습니다. 오버워치를 ‘애정’하시는 많은 분을 위해 그간의 폰트제작 스토리를 살짝 소개할까 합니다.



서체 제작 전 자료 수집과 시안 스케치



시안 레터링 이미지



코버워치는 영문폰트 ‘BigNoodleTitling’을 기반으로 제작한 오버워치의 한글서체입니다. 영문기반으로 제작된 서체이다 보니, 영문에 담긴 여러 가지 표정과 특징을 한글로 녹여내기 위해 다양한 시도를 했답니다.




BigNoodleTitling의 문장 이미지



모든 서체를 제작할 때 가장 중요하게 생각하는 부분은 서체 사용 환경과 그에 맞는 콘셉트입니다. 이를 위해 시안 작업에 들어가기 전 충분히 게임에 대한 많은 정보 수집에 들어갑니다. 



코버워치 시안 리뷰 과정 이미지



게임의 전반적인 콘셉트, 색감, 스토리, 각종 아이콘, 캐릭터들의 성격 등 게임의 모든 부분이 서체 개발에 단서를 제공하는 중요한 소스가 될 수 있습니다. 이러한 자료 조사를 바탕으로 여러 방향성 중 주요 핵심 콘셉트를 뽑아 시안 작업에 들어가는 것이지요.



코버워치 서체 구성



코버워치 서체의 특징



코버워치는 영문의 조형감을 반영한 장체 스타일로, 게임의 특징을 개성있게 표현한 서체입니다. 군더더기 없이 깨끗하고 모던한 디자인으로 글자의 가독성이 높고, 자소의 속공간이 넓어 시원한 인상이 들도록 하였지요. 기존에 개발된 영문과의 조화를 고려하여 ㄱ, ㄷ, ㅅ, ㅇ 등 각 자소마다 표현된 특징은 오버워치의 캐주얼하고 개성 넘치는 영웅 등의 성격을 표현하고, ㅎ의 꼭지 부분을 마름모꼴 형태로 세워 가독성을 높였으며, ㅅ의 쭉 뻗어 있는 획의 형태는 영웅이 당당하게 서있는 모습을 표현했답니다. 



영문과의 자연스러운 조화를 이룬 각 자소의 특징



또한, 한글, 영문의 자소획이 통일감 있도록 곡선의 꺾임과 디자인적 요소가 조화롭게 제작되었으며, 한글, 영문, 숫자 혼용 조판 시 일관된 느낌이 들도록 했답니다. 이러한 자소의 특징을 숫자, KS 특수문자와도 접목해 상호간의 조화를 이룰 수 있도록 고안하여 디자인한 것이지요.



영문과의 자연스러운 조화를 이룬 각 자소의 특징



또한, 문장 작성 시 글자 간의 균일한 간격과 단어 간의 인지가 쉽도록 적정 폭(가변 폭)과 적정 띄어쓰기를 설정했고, 글자 구조에 있어 시각의 중심을 상단에 두어 시선의 이동이 편하게 진행되도록 구성했습니다.



코버워치 시각 중심 이미지



코버워치의 굵기 체계는 Regular 1종으로 제작되었고, 사용 환경에 최적화된 굵기 설정으로 가로, 세로획의 굵기가 일정한 비율을 가지도록 체계적으로 디자인된 서체입니다.



코버워치 굵기 설정 이미지



오버워치 전용서체 사용해 보세요!


이렇게 게임에 전용서체를 적용하게 되면 타게임과의 차별성뿐만 아니라, 게임의 몰입도가 더욱 플러스 되는 시너지 효과를 발휘할 수 있어요. 블리자드는 게임계의 거장답게 폰트까지 소홀히 하지 않기 때문에 게임 마니아들이 더욱더 열광하지 않나 싶어요.



코버워치 적용 사례, 영웅 선택 화면

코버워치 적용 사례, 영웅 선택 화면

코버워치 적용 사례, 홍보 현수막


블리자드의 오버워치 담당자(박해리 리드님)와 함께 피드백을 주고받으며 마무리되기 직전까지 수많은 테스트를 거쳐 최종 결과물이 나왔어요. 이런 세밀한 과정을 통해 만족스러운 결과물이 나올 수 있었던 것이지요. 서체 디자이너로서 제작한 서체가 목적에 맞게 사용되고 있는 모습을 보면 참 뿌듯한데요, 한 벌의 서체가 만들어지기까지 수많은 과정과 노력이 숨어 있다는 점! 그리고 이러한 폰트 제작 스토리를 알고 사용하시면 좀더 재미있게 게임을 즐기실 수 있으리라 생각합니다. :-)



▶ 블리자드의 오버워치 공식 전용서체 다운로드 받기

*2차 사용 권한은 블리자드에 있고, 사용 허락은 블리자드에 문의 바랍니다.






저작자 표시 비영리 변경 금지
신고
Posted by 윤톡톡

댓글을 달아 주세요

  1. 이전 댓글 더보기
  2. 코붤월취 2016.08.08 12:48 신고  댓글주소  수정/삭제  댓글쓰기

    코버워치 이름도 재밌네용~

  3. 코버워치 2016.08.08 12:50 신고  댓글주소  수정/삭제  댓글쓰기

    코버워치 화이팅! 잘만들었음 가독성 쵝오

  4. 정윤인테리어 2016.08.08 13:13 신고  댓글주소  수정/삭제  댓글쓰기

    오버워치를 하는 일인으로서 깔끔한 그래픽에 맞는 획기적이고 깔끔한 서체로 대박나길 바랍니다~

  5. 아마공 2016.08.08 13:40 신고  댓글주소  수정/삭제  댓글쓰기

    폰트 디자인이 잘되면 일반 사용자는 포트디자인 잘됐다~ 란 생각 못하고 그냥 사용하곤 하죠, 아무런 이질감 없이 게임하고 잘 어울리니까 ㅎㅎㅎ
    코버워치가 그런것같아요.

  6. 자몽에이드 2016.08.08 13:58 신고  댓글주소  수정/삭제  댓글쓰기

    폰트제작스토리를 읽고 보니 새롭게 보이네요!
    앞으로도 번창하세용^_^

  7. 싸심 2016.08.08 15:40 신고  댓글주소  수정/삭제  댓글쓰기

    요즘 오버워치가 대세인데
    대체 서체이군요 보기 좋습니다.

  8. BlogIcon 릴라남편 2016.08.08 20:54 신고  댓글주소  수정/삭제  댓글쓰기

    정말 최고입니다. 깔끔하고 멋있는 폰트 감사합니다.

  9. 옵워유저 2016.08.09 09:02 신고  댓글주소  수정/삭제  댓글쓰기

    찾아봐도 안 나와서 그러는데요~ 코버워치체 저작권 허용 범위가 어디까지인지 궁금한데 알려주실 분 계세용?

  10. Yuuu 2016.08.09 12:23 신고  댓글주소  수정/삭제  댓글쓰기

    사용범위는 상업적인 이용만 아니면 이용 가능하다고 들었어요

  11. BlogIcon Velki 2016.08.09 14:19 신고  댓글주소  수정/삭제  댓글쓰기

    스마트폰용 apk는 없나요? 폰에서 쓰고 싶습니다 ㅎㅎ

  12. BlogIcon Ben Kim 2016.08.09 17:35 신고  댓글주소  수정/삭제  댓글쓰기

    이야 대단하네요!

  13. 겐조 2016.08.09 20:03 신고  댓글주소  수정/삭제  댓글쓰기

    이거다시 해제하려면 어떻게해야되는거에요?

  14. ㅁㅁ 2016.08.09 20:07 신고  댓글주소  수정/삭제  댓글쓰기

    https://youtu.be/3XlB-n2qLzk

    폰트 디자이너로써 이 영상의 소감좀 알려주실 수 있을까요?

  15. 아무개 2016.08.10 06:12 신고  댓글주소  수정/삭제  댓글쓰기

    폰트 도트 프로그램으로 머 특별나지 않을 거라고 생각 했는데

    이런 스토리로 보니 폰트가 달라 보입니다 감사합니다.

  16. ㅇㅅㅇ 2016.08.10 14:14 신고  댓글주소  수정/삭제  댓글쓰기

    현대카드?

  17. 코버워치짱! 2016.08.10 20:10 신고  댓글주소  수정/삭제  댓글쓰기

    스마트폰으로는 적용이 안되네요ㅠㅠ 폰트를 적용 시킬 수 있는 방법은 없을까여ㅠㅠ

  18. del4u 2016.12.09 13:36 신고  댓글주소  수정/삭제  댓글쓰기

    너무 좋아요

  19. ㅇㅇ 2017.02.07 21:59 신고  댓글주소  수정/삭제  댓글쓰기

    정말 궁금해서 그러는데 썸네일 사진에 제작스토리 폰트는 어떤 폰트인가요ㅠㅠ

  20. ㅇㅇㅇㅇ 2017.02.15 10:41 신고  댓글주소  수정/삭제  댓글쓰기

    블랙핏이여요~

  21. 지나가는 사람 2017.05.29 20:59 신고  댓글주소  수정/삭제  댓글쓰기

    감사합니다.^^ 유용하게 쓰겠습니다. !



티스토리 툴바