안녕하세요. 윤디자인연구소의 서체디자이너 박수진입니다. 올해부터 새로운 필진으로 합류하게 되었는데요, 앞으로 재미있고 소소한 이야기를 들려드릴게요. 오늘은 출시 된지 한 달도 안된 신상!! 더페이스샵(The Faceshop)의 ‘잉크립퀴드체’ 프로젝트를 여러분께 소개합니다.^^



잉크로 물들인듯! 잉크립퀴드 CF / 출처: 더페이스샵 유투브




제품에 대한 브랜드 전용서체


기존의 전용서체개발은 기업의 전용서체 즉, 기업이 전체적으로 가지고 있는 이미지에 맞게 개발이 되는 경우가 많은데요, ‘잉크립퀴드체’는 기존의 전용서체와는 다르게 한가지 제품에 대한 브랜드 전용서체 개발이 이루어진 서체랍니다. 또한 기획단계부터 제품 구매자에게 해당 전용서체를 제공하는 프로모션을 기획하여 만든 서체랍니다. 제품의 콘셉트에 맞게 문장이나 단어가 아닌 서체 1종을 개발한 케이스는 처음인데요, 특별한 프로젝트에 참여하게 되서 서체 디자이너로써도 참 흥미로운 작업이었어요. 


윤디자인연구소, 윤톡톡, 윤디자인, 박수진, 더페이스샵, 잉크립퀴드, 잉크립퀴드체, 폰트, 한글폰트, 서체, 캘리그래피, 수지, 잉크립퀴드 CF, 무료폰트, 미스에이, 미스에이 수지, 수지 더페이스샵, 더페이스샵 광고,

 



손글씨의 맛을 살린 잉크립퀴드체


잉크립퀴드체는 캘리그래피를 기반으로 한 서체에요. 따라서 먼저 캘리그래피 작가를 섭외해 브랜드의 이미지에 맞게 캘리 작업을 요청했습니다. 시안 단계에서는 총 11개의 시안이 1차적으로 도착하여, 이 중에서 2가지를 선택해 클라이언트 측과 굵기, 스타일등을 상의 한 후 최종시안을 결정했습니다. 신제품 출시에 맞추어 함께 폰트를 론칭하는 프로젝트였고, 일정도 급박하게 짜여 진행된 프로젝트인 만큼 모든 결정과 작업을 속전속결로 진행했습니다. 캘리 서체는 처음이라 굵기, 자소의 크기감, 자연스러운 필력의 느낌 작업을 하는 과정에서 많은 시행착오를 겪기도 했어요. 그래서 조금 더 애정을 가지고 작업을 진행할 수 있었답니다. 



윤디자인연구소, 윤톡톡, 윤디자인, 박수진, 더페이스샵, 잉크립퀴드, 잉크립퀴드체, 폰트, 한글폰트, 서체, 캘리그래피, 수지, 잉크립퀴드 CF, 무료폰트, 미스에이, 미스에이 수지, 수지 더페이스샵, 더페이스샵 광고,



한글 디자인은 유연하게 잉크가 퍼지듯 자연스러운 필력의 느낌을 살린 형태로 실제 손글씨의 특징을 그대로 적용했습니다. 따라서 자소의 방향과 굵기가 자유로우며, 획의 굵기를 다르게 하여 입술에 물기가 어린 듯 하루 종일 촉촉한 청량광택 ‘잉크립퀴드’의 촉촉한 느낌을 표현할 수 있었습니다.


실제 작가의 원도에서 그래픽의 과정은 어떤지 살펴볼까요? 작가 원도의 느낌을 반영하여 특징을 잡고 손글씨의 맛을 살리는 것을 기본으로 하되, 과도하게 표현된 부분들은 절제하여 자연스럽게 다듬어 가독성과 판독성을 높였습니다.


 

윤디자인연구소, 윤톡톡, 윤디자인, 박수진, 더페이스샵, 잉크립퀴드, 잉크립퀴드체, 폰트, 한글폰트, 서체, 캘리그래피, 수지, 잉크립퀴드 CF, 무료폰트, 미스에이, 미스에이 수지, 수지 더페이스샵, 더페이스샵 광고,


  


한글의 특징

자연스러운 글줄 설정으로 생동감 있는 글자의 필력을 극대화시켰습니다. ‘ㅇ, ㅍ, ㄹ, ㅂ’의 자연스러운 필력으로 잉크립퀴드만의 촉촉하고 생기 있는 느낌을 담았습니다.


영문의 특징

곡선이 강조된 영문 Shape은 국문과의 통일성을 지니고 있으며, 강한 필력으로 엣지있게 표현하였습니다. ‘A, R, K’는 한글의 특징을 반영하여 통일감을 주었고, ‘T, S, O’에서 필력을 살려 그 특징을 더하였습니다. 전반적인 통일성을 고려하여 영문 획의 방향성과 굵기, 자소의 형태 등에 한글의 특징을 반영하여 자연스럽게 어울리도록 했습니다. 따라서 한글과 영문을 혼용하여 조판할 경우 일관된 느낌이 든답니다.




잉크립퀴드에서만 볼 수 있는 기능


1. 10개의 딩뱃폰트

잉크립퀴드체 속에는 잉크립퀴드를 표현 할 수 있는 재미있는 딩뱃 폰트가 들어있어요. 입술부터 제품까지 다양한 딩뱃으로 표현 가능합니다.


딩벳(Dingbat) 폰트란?

그림문자만으로 구성한 폰트. 자판을 누르면 그림문자가 입력되며 일반적으로 a~z, A~Z, 0~9의 자리에 문자를 배정한다. 폰트 회사나 디자이너에 따라 딩뱃, 장식활자, 심벌폰트(symbol font), 파이폰트(PI font), 에모지(絵文字)등으로 달리 표기한다.

▶ 이것도 폰트라고요? 어메이징한 ‘딩뱃폰트’의 세계! (바로가기)



윤디자인연구소, 윤톡톡, 윤디자인, 박수진, 더페이스샵, 잉크립퀴드, 잉크립퀴드체, 폰트, 한글폰트, 서체, 캘리그래피, 수지, 잉크립퀴드 CF, 무료폰트, 미스에이, 미스에이 수지, 수지 더페이스샵, 더페이스샵 광고,

잉크리퀴드체의 딩뱃폰트



2. 영문 피처(Feature)기능

피처(Feature)기능은 캘리그래피의 필력감을 표현하기 위해 다양한 형태의 어미글자를 적용하는 기능을 말하는데요, 잉크리퀴드체의 경우 캘리그라피 서체를 그래픽화 하면서 사라지는 필력감을 피처기능으로 극대화 하였습니다. 어떠신가요? 조금 더 필력감이 느껴지시나요?


▶사용 가능한 자소 - 대문자: S, R / 소문자: e, g, j, k, r, y



윤디자인연구소, 윤톡톡, 윤디자인, 박수진, 더페이스샵, 잉크립퀴드, 잉크립퀴드체, 폰트, 한글폰트, 서체, 캘리그래피, 수지, 잉크립퀴드 CF, 무료폰트, 미스에이, 미스에이 수지, 수지 더페이스샵, 더페이스샵 광고,

잉크리퀴드체의 영문 피처 기능




3. 딩뱃과 피처 기능 사용법

많은 분들이 딩뱃과 피처기능을 사용하고 싶지만, 아무리 키보드에서 찾아봐도 없어서 곤란해하는 경우가 많은데요, 딩벳과 피처기능은 어떻게 사용할까요? 제가 친절히 알려드리겠습니다.



1) 사용자 심볼 - 딩벳, 영문 Feature 사용방법: 

MS Word, 한글과 컴퓨터, 메모장


윤디자인연구소, 윤톡톡, 윤디자인, 박수진, 더페이스샵, 잉크립퀴드, 잉크립퀴드체, 폰트, 한글폰트, 서체, 캘리그래피, 수지, 잉크립퀴드 CF, 무료폰트, 미스에이, 미스에이 수지, 수지 더페이스샵, 더페이스샵 광고,


1. window + R 동시에 클릭합니다. 실행 창이 활성화되면 ‘charmap’ 입력 후 확인 버튼을 누릅니다.

(또는 시작 > 모든 프로그램 > 보조 프로그램 > 시스템 도구 > 문자표 차례로 클릭합니다.)



윤디자인연구소, 윤톡톡, 윤디자인, 박수진, 더페이스샵, 잉크립퀴드, 잉크립퀴드체, 폰트, 한글폰트, 서체, 캘리그래피, 수지, 잉크립퀴드 CF, 무료폰트, 미스에이, 미스에이 수지, 수지 더페이스샵, 더페이스샵 광고,


2. 문자표 창이 활성화되면 원하는 글자를 선택하여 복사한 후

원하는 곳에 붙여넣기(Ctrl + V)를 하면 딩벳과 Feature기능 사용이 가능합니다.



2) 사용자 심볼 - 딩벳, 영문 Feature 사용방법: 

Adobe Illustrator


윤디자인연구소, 윤톡톡, 윤디자인, 박수진, 더페이스샵, 잉크립퀴드, 잉크립퀴드체, 폰트, 한글폰트, 서체, 캘리그래피, 수지, 잉크립퀴드 CF, 무료폰트, 미스에이, 미스에이 수지, 수지 더페이스샵, 더페이스샵 광고,


1. Type > Glyphs을 클릭합니다.



윤디자인연구소, 윤톡톡, 윤디자인, 박수진, 더페이스샵, 잉크립퀴드, 잉크립퀴드체, 폰트, 한글폰트, 서체, 캘리그래피, 수지, 잉크립퀴드 CF, 무료폰트, 미스에이, 미스에이 수지, 수지 더페이스샵, 더페이스샵 광고,


2. Glyphs 창이 활성화되면 

원하는 글자를 더블 클릭하여 딩벳과 Feature기능을 사용할 수 있습니다.




잉크립퀴드체, 무료로 다운받자!!


윤디자인연구소, 윤톡톡, 윤디자인, 박수진, 더페이스샵, 잉크립퀴드, 잉크립퀴드체, 폰트, 한글폰트, 서체, 캘리그래피, 수지, 잉크립퀴드 CF, 무료폰트, 미스에이, 미스에이 수지, 수지 더페이스샵, 더페이스샵 광고,

출처: 더페이스샵 홈페이지



더페이스샵의 잉크립퀴드체는 지금 홈페이지에서 무료 다운로드 프로모션이 진행 중이랍니다. 샤랄라한 봄날의 느낌을 살리고 싶다면, 다운받으러 고고!!


잉크립퀴드체 무료 다운로드 받기

웹에서 다운받기 (바로가기)

모바일에서 확인하기 (바로가기)




윤디자인연구소, 윤톡톡, 윤디자인, 박수진, 더페이스샵, 잉크립퀴드, 잉크립퀴드체, 폰트, 한글폰트, 서체, 캘리그래피, 수지, 잉크립퀴드 CF, 무료폰트, 미스에이, 미스에이 수지, 수지 더페이스샵, 더페이스샵 광고,

'잉크립퀴드체' 홈페이지 적용사진 / 출처: 더페이스샵 홈페이지






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

댓글을 달아 주세요

  1. 영영이 2015.04.03 13:26 신고  댓글주소  수정/삭제  댓글쓰기

    수지도 이뿌고, 잉크립퀴드체도 이뿌고, 무료배포라니!! 얼른 받으러 가야겠습니당~!

  2. BlogIcon 최민희 2015.04.22 23:58 신고  댓글주소  수정/삭제  댓글쓰기

    사용방법을 잘모르겠어요. 그냥 인터넷과 윈도우에서도 적용가능한가요? 가능하다면 어떻게해야하는지도 좀 알려주세요 ㅠㅠ

    • BlogIcon 최민희 2015.04.22 23:59 신고  댓글주소  수정/삭제

      아. 참고로 전 윈도우 8버전을 쓰고있어요!

    • BlogIcon 윤톡톡 2015.04.23 13:04 신고  댓글주소  수정/삭제

      http://www.thefaceshop.com/event/lipquid/main.jsp#FontDownload

      위의 사이트로 들어가셔서 하단에 '윈도우용'을 다운받으시고
      다운받은 파일의 압축을 푸신 후
      압축을 푼 폴더 안에 실행프로그램을 실행하여 설치하시면 됩니다. :)

  3. tntnvhs 2015.05.18 14:26 신고  댓글주소  수정/삭제  댓글쓰기

    혹시 woff파일은 받을 수 있나요??

  4. 하이 2015.06.23 12:01 신고  댓글주소  수정/삭제  댓글쓰기

    영상에도 사용가능한가요??

  5. onge95 2015.07.15 15:54 신고  댓글주소  수정/삭제  댓글쓰기

    영상에 넣어 편집을 했는데 행간 자간등등 많이 변형이 된 것 같아요. 처음 배포할 때 본 폰트 그대로 사용해야 한다그랬는데.... 기본 설정을 알려주시면 안될까요?

    • BlogIcon 윤톡톡 2015.07.16 16:02 신고  댓글주소  수정/삭제

      서체에 이미 셋팅이 되어 있어서 아무 설정을 하지 않는게 원래 기본 설정입니다. 그런데 근데 프로그램에 따라서 자동으로 변형이 될 수가 있는데요, 그건 프로그램의 문제이기 때문에 영상 프로그램의 환경에 맞도록 사용자가 조절해서 사용하는 방법뿐이 없습니다. 감사합니다. :)

  6. onge95 2015.07.17 14:42 신고  댓글주소  수정/삭제  댓글쓰기

    아아그럼 제가 알아서 설정하면 된다는 것인가요?
    근데 그 영상을 상업적으로 사용할 것 같아서 문제가 될 것 같아 이렇게 글을 남겨요.

  7. BlogIcon 지밍 2015.08.04 00:35 신고  댓글주소  수정/삭제  댓글쓰기

    핸드폰에는 적용할 수 없나요?ㅜㅜ 너무예쁜데..

    • BlogIcon 윤톡톡 2015.08.04 16:15 신고  댓글주소  수정/삭제

      잉크립퀴드는 모바일에 최적화된 폰트가 아니기 때문에 임의로 변환해서 모바일에 넣어 사용하는 것을 권장하지 않습니다. 시스템적으로 문제가 발생할 수도 있고, 화면에서 예쁘게 보이지 않을 수 있거든요. 관심가져 주셔서 감사합니다. :)

  8. wst 2015.11.04 00:39 신고  댓글주소  수정/삭제  댓글쓰기

    이 폰트 무료 배포에 상업적 용도로 사용 가능하다고 명시 되어 있는데 CI, BI, 상업용도의 홈페이지, 상업용 제품군 등등의 모든 분야에 있어서 사용 가능한가요???



티스토리 툴바