[이모티콘] 네이버, 카카오톡 이모티콘 사이즈 정리

카카오톡, 네이버 이모티콘 사이즈 정리

요번에 이것저것 해보다가
이모티콘에도 관심이 생겨서 한번 찾아보았음!
기본적으로 이모티콘을 만들려면 배경은 투명하고
채색이 빠져나오지 않게 깔끔하게 해야 하며, 사이즈도 적절히 지정 해줘야한다!

1. 네이버 이모티콘 ( OGQ 마켓 )

네이버는 OGQ 마켓이라는 곳에서 이모티콘을 만들어 팔 수가 있는데 스티커라고 부른다!
스티커 말고도 버츄얼 방송 소재같은 다양한 색다른 크리에이터 작품들을 팔 수 있는듯!
faq 페이지를 찾아 참고해 작성했다!

그리고 심사과정 중 스티커의 수정같은것은 어렵다고하니
꼭꼭 마지막까지 확인해보고 제출해보자!

스티커 이미지 – 1장당 740x640px, 총 24개를 제작하고
마켓에서 보일 메인 이미지 240x240px 1장,
사용자가 스티커 선택 시 보일 이미지 96x74px 1장이 필요하다!
총 26장의 이미지가 필요함! ( 다 png 파일로 제작해야 한다)

네이버쪽은 추가적으로 다크모드에서도 잘 보이게 흰색 테두리도 추가하면 좋다
여백도 안남게 꽉 채우는게 좋은 듯?

6 * 4 = 총 24개의 이미지(740×640)의
총 이미지 크기는 4440px * 2560px이다.

2. 카카오톡 이모티콘

https://kakaoemoticonstudio.notion.site/image-guide?v=23ae52082d858072aaca000cbbc4588e

위의 이모티콘 가이드 링크를 참고해 작성했다!
기본적으로 멈춰있는 이모티콘, 움직이는 이모티콘들은 하나당
360px * 360px의 사이즈를 가진 이미지들과
공유 이미지, 그리고 아이콘 이미지가 필요하다.
움직이는 이모티콘의 경우, 소리가 나오면 관련된 소리 파일도 필요하다.

멈춰있는 아이콘들은 32개의 이모티콘들이,
움직이는 이모티콘의 경우 24개가 필요하다.

멈춰있는 이모티콘은 png로 제작해도 좋지만
움직이는 이모티콘, 큰 이모티콘의 경우 webp 파일로 제작해야하는듯!

또 미니아이콘이라는것도 있는데
이건 움직이는건 webp 형식으로 180px * 180px으로 35개
멈춰있는건 png로 180px * 180px으로 42개가 필요하다.

일단 사이즈가 다양각색해서
기본적으로 움직이는 이모티콘을 기준으로
캔버스사이즈를 체크해보겠다.

360px * 360px 가 32개 필요하니까 가로 6줄 세로 6줄로 작업하고(총 36장)
마지막 4장은 제작을 안하면 된다.
총 이미지 사이즈는 2160px * 2160px 72dpi.

배경이 투명한 png로 저장하면 ok!

이제 움직이는 이모티콘의 경우를 보겠다.

360px * 360px 가 24개 필요하니까 가로 5줄 세로 5줄로 작업하고(총 25장)
마지막 1장은 제작을 안하면 된다.
총 이미지 사이즈는 1800px * 1800px 72dpi.
움직이는 이미지이니 webp으로 저장하자.

전체 이미지에서 일괄적으로 작게 이미지를 자르고 싶다면
아래 링크를 참고하자!

이런식으로 간편하게 분할로 해놓고
내보내기 – 웹용으로 저장을 선택해 주자

파랗게 지정되어있던 분할 슬라이드를 전부 끌어잡고,
png형식으로 설정해주고 저장 장소를 지정해주자.
[ 저장 ] 을 눌러야 한다!! 완료는 저장이 안된다!!

흠… 그 외 팁같은건
특히 이모티콘을 만들때는 그림체 특성에 따라 다르기도 한데..
딱딱하게 그리는것도 좋지만 부드러운 그림체라면
브러쉬의 부드러움을 잡아주는 smoothing 을 사용해보는것도 좋다.
주로 브러쉬 속성에 체크 되어있곤 하다.

그리고 내가 만든 이모티콘은
저작권 등록을 해두는 것도 편할 것 같다!
나중에 다 하고 나면 언젠가 관련 글 올리겠징..