카카오톡 이모티콘을 만들어 보고 싶어요!! 이모티콘 제작 왕 초보를 위한 글

2018.04.14 · 5 분 소요
#튜토리얼  #Kakao  #카카오 

2017년 카카오톡에서 이모티콘 크리에이터스 데이를 할 당시 약 400명이었던 아티스트 수가 1년 새 1000명을 넘어섰다. 유지보수가 필요없고 무한이 배포가 가능한 디지털 컨텐츠인 이모티콘은 정말 매력적인 사업 아이템이다. 게다가 카카오톡 이라는 독점적 플랫폼에 올라타 카카오톡이 망할 때 까지 수익을 받을 수 있다. 이 글은 카카오톡 이모티콘은 그리고 싶은데, 아이디어는 넘치는데 무엇 부터 시작해야 할 지 모르는 완전 초심자를 위해서 작성한 글이다.

누구나 할 수 있나요?

카오톡 이모티콘은 나이나 사업자 등록 여부에 상관없이 카카오톡 계정이 있다면 누구나 제안해 볼 수 있다. 다만 제안은 마음대로 겠지만 출시까지는 마음대로 되지 않는다. 기사에 따르면 한달에 약 2,000개의 제안이 들어오고 그 중 약 100여개 만이 통과한다고 한다. 그림을 그리기에 앞서 카카오톡 이모티콘 스튜디오에 방문해서 제안하는 방법및 주의 사항을 꼼꼼히 읽어보도록 하자.

카카오톡 이모티콘 스튜디오 : https://emoticonstudio.kakao.com/pages/home emoticon_tip_kakao_studio.png 사진출처 카카오톡 이모티콘 스튜디오

그림은 어떻게 그리면 되나요?

간혹 종이에 그림을 그린 뒤 폰으로 사진을 찍어서 카톡 이모티콘으로 만들고 싶다는 사람들이 있다. 물론 아주 불가능 한 것은 아니지만 사진을 찍은 후 포토샵에서 색감 조정 및 배경 투명화 처리 등 후보정을 해야한다. 이런 방식이 오히려 더 번거롭고 품질도 떨어지니 처음부터 컴퓨터나 아이패드 프로에서 작업하는 것을 추천한다.

이모티콘을 정식으로 제안하고 싶다면 제대로 된 프로그램 (포토샵, 일러스트레이터, 메디방, 사이툴, 클립스튜디오) 와 도구(타블렛이나 아이패드 프로 + 애플팬슬)의 조합을 선택해야 한다. 이모티콘으로 돈을 벌고 싶다는 생각이 있다면 투자도 어느정도는 해야 하는 법!!

이 글은 초심자를 위한 글이니 개념을 하나씩 살펴보자.

어떤 프로그램을 쓸 것인가

여기서 말하는 프로그램이라 함은 PNG 그래픽과 애니메이션 작업을 할 수 있게 해 주는 프로그램 (컴퓨터 혹은 폰이나 아이패드에 설치하는 형태)을 뜻한다. 아래 포토샵과 일러스트레이터는 유료이긴 하지만 무료 30일 평가판이 있다.

완전 무료 프로그램으로는 메디방이 있다.

어떤 도구를 사용 할 것인가

emoticon_tip_tablet.png 사진출처 와콤 타블렛 총판몰

여기서 말하는 도구란 연필과 종이를 대신하는 디지타이져를 뜻한다. 태블릿은 와콤이라는 브랜드가 제일 유명하다. 지금 공식몰에는 없지만 나는 Wacom Intuos 모델명: CTH-480을 사용하고 있다.

또는 아이패드 프로와 애플펜슬을 사용해도 된다.

추천하는 조합

개인적으로는 1번을 제일 추천한다. 이번에 사용해 보니, 메디방은 아이패드에서는 정말 쓰기 편했지만 컴퓨터에서는 조금 불편했다. 혹시 움직이는 이모티콘을 제작하고자 한다면 포토샵을 쓰는 것을 추천한다.

카카오톡 제안하기

멈춰있는 이모티콘

이제 위 조합 중 하나를 선택해서 카카오톡에 멈춰있는 이모티콘 제안을 위한 이미지를 한 장 만들어 보도록 하자. 유료 프로그램인 포토샵 보다는 메디방을 더 선호할 것 같아서 일단 메디방으로 한번 작업 해 보았다.

  1. 메디방 앱 (포토샵이나 다른 툴도 다 비슷함) 을 켜서 파일 > 신규작성 으로 360픽셀x360픽셀 짜리 캔버스를 오픈한다. 이 때 해상도는 72dpi, 배경은 투명으로 지정한다. emoticon_tip_01.png

  2. 왼쪽에 원하는 브러시 툴를 골라서 이미지의 윤곽선을 그린다. emoticon_tip_02.png

  3. 레이어를 한장 더 추가해서 윤곽선 레이어 아래쪽에 두고 색을 칠한다. 올가미 툴로 영역을 잡아서 색을 칠할 때 윤곽선 보다 조금 더 크게 영역을 잡아야 빈틈없이 칠할 수 있다. emoticon_tip_03.png

  4. 레이어를 한장 더 추가해서 색칠이 빠져나가지 않았는지 확인한다. emoticon_tip_04.png

  5. 혹시 빠져나간 부분이 있다면 꼼꼼하게 지워준다. emoticon_tip_05.png

  6. 4번에 추가한 레이어를 숨김 처리 해 주고 상단 메뉴 파일 > Export 를 눌러서 설정은 PNG 투과로 이미지를 저장한다. emoticon_tip_06.png

  7. 최종적으로 잘 저장이 되었는지 확인한다. emoticon_tip_07.png

움직이는 이모티콘

움직이는 이모티콘을 제안 할 때는 움직이는 시안(GIF 3종), 멈춰있는 시안(PNG 21종)의 구성으로 제출해야 한다. 움직이는 시안을 만들기 위해서는 포토샵의 타임라인 기능이나 어도비 애니메이터등의 툴을 사용해야 한다.

  1. 각 움직임이 담긴 프레임을 타임라인에 배열해 놓고 0.1초씩 시간을 설정한다. (사진 아래부분 참고) emoticon_tip_08.png

  2. File > Save for Web 을 눌러서 GIF로 저장한다. (transparent 체크, Looping option 은 Forever로 설정) emoticon_tip_09.png

  3. 완성된 GIF 파일을 확인한다. emoticon_tip_gif_example.gif

이모티콘 시안이 승인 된 후에 실제로 이모티콘 작업을 할 때는 GIF 포맷이 아닌 WEBP 라는 포맷으로 작업하게 된다. WEBP 생성 프로그램은 카카오톡 측에서 제공하고 사용법도 상세하게 설명 해 주고 있기 때문에 크게 걱정할 필요는 없다.

포토샵에서 타임라인을 이용해 움직이는 이모티콘 작업을 하는 과정을 아주 자세하게 설명해 놓은 좋은 유투브 링크가 있어서 공유한다. 어도비에서 니니즈 시리즈를 그린 카카오 디자이너에게 의뢰한 튜토리얼 영상인데 프레임 잡는 법 등이 잘 나와 있다.

Adobe Creative Cloud Tip & Tech 캐릭터를 활용한 이모티콘 제작 노하우

무료 폰트

이모티콘 작업을 할 때 폰트가 포함되는 경우 해당 폰트가 상업적 사용도 무료 인지 꼭 확인 해 봐야 한다. 네이버 나눔 폰트가 제일 안전하다. 다른 상업적 무료 폰트는 아래 링크를 참고.

PPT BIZCAM - 무료 폰트 리스트

마무리

이모티콘은 제작 해 보고 싶은데 어떤 프로그램을 써야 하는지, 타블렛이 뭔지 갈피를 잡지 못하는 사람들을 위해서 지금까지 받았던 질문을 토대로 간단하게 작성해 보았다. 카카오톡 이모티콘 시안제출 부터 출시까지의 모든 프로세스가 궁금한 사람은 이 블로그의 다른 글 카카오톡에 이모티콘 등록하기 - 제안부터 출시까지 를 참고해 주길 바란다.


같이 보면 좋은 글


본 글은 크리에이터로 활동중인 둔딘 님이 작성해 주셨습니다. 대표 작품으로는 아래의 스티커들이 있습니다. 카카오: 나리의 언어생활 / 카카오: 카이승트! 준진의 일상 / 라인 크리에이터스: 나리의 언어생활

···

포스트 내용이 도움이 되셨나요?

도움이 되셨다면 하트를 눌러 마음을 표현해 주세요!


이모티팡 크리에이터

이모티팡 크리에이터는 카카오톡, 라인, 그라폴리오, OGQ의 이모티콘/스티커 랭킹, 매출 통계 및 분석툴을 제공합니다. 또한 크리에이터들을 위한 자동 생성 포트폴리오 페이지를 제공합니다. 자동화된 시스템과 데이터를 이용해서 인사이트를 얻고 당신의 판매량을 늘려보세요!