본문 바로가기
카테고리 없음

클립스튜디오로 움직이는 이모티콘 만들기 타임라인 왕초보 사용법

by 경.자 2023. 9. 8.

클립스튜디오로 움직이는 이모티콘 만들기 

클립스튜디오를 활용하여 움직이는 이모티콘을 만들어보는 과정을 함께 살펴보아요. 이모티콘 제작은 창의적이고 재미있는 취미 중 하나인데, 처음 시작하는 사람들에게는 약간의 어려움이 따를 수 있어요. 그래서 여기서는 이모티콘을 만들기 위한 기초적인 단계와 유용한 조언들을 소개해 드릴게요.

1. 클립 스튜디오 가입하기.

클립 스튜디오는 이메일로 가입하실 수 있고, 가입 후 3개월간 무료로 써보실 수 있어요. 기기를 몇 대 사용하는지에 따라 가격이 다른데요. 저는 주로 태블릿으로 사용해서 1대 사용으로 했는데, 강의를 듣다 보니 컴퓨터에서 함께 쓸 수 있으면 좋았겠다 싶었어요.

 

CLIP STUDIO PAINT - 아티스트를 위한 그림 그리기 및 채색 앱

만화/웹툰, 일러스트, 애니메이션을 모두 만들 수 있는 고기능 앱. Windows, macOS, iPad, iPhone, Android, Chromebook에서 즐겁게 작품을 만들어 공개합시다.

www.clipstudio.net

2. 이모티콘에 적합한 툴 세팅하기

  • 이모티콘 크기 설정: 이모티콘 크기는 다양한 플랫폼에서 요구되는 크기가 다를 수 있어요.  카카오 이모티콘은 360x360 px(해상도 72)인데요.  3배인 1080x1080 px(해상도 72)으로 작업해 두면 카카오뿐만 아니라 다른 플랫폼에도 깨지지 않게 사용할 수 있어요.
  • 선택영역 설정: 영역 확대/ 축소는 색 채우기를 할 때 유용한데, 선택영역보다 3 정도 크게 선택되는 것으로 세팅하면 색을 채웠는 때 선과 면에 경계선이 생기지 않게 채워집니다.
  • 단축키를 설정: 컴퓨터나 키보드 사용이 가능한 경우 단축키를 설정해 두면 좋습니다 (태블릿 사용 시는 많이 쓰지 않아요) 
  • 브러시 설정: 이모티콘 그리기에 적합한 브러시 두께를 설정하여 일관된 결과물을 얻을 수 있습니다.
  • 벡터 레이어 이해: 벡터 레이어는 선의 형태를 조절하고 크기를 바꿀 수 있는데, 이미지 품질을 손상시키지 않고 편집할 수 있어요.(선으로 인식하기 때문에 채색이 불가합니다)

3. 타임라인 이해하기

    움직이는 이모티콘을 만들기 위해 꼭 알아야 하는 기능입니다

  1. 애니메이션->타임라인을 켭니다
  2. 새로운 타임라인을 만들고, 새로운 애니메이션 폴더도 만들어 줍니다.
  3. 애니메이션 폴더  옆에 애니메이션 셀을 눌러 레이어를 추가 합니다.(카카오이모티콘의 경우 24컷까지 가능합니다). 화면에서는 6개 만들었습니다.
  4. 레이어의 번호가 타임라인에 생성됩니다.
  5. 레이어 1번부터 그림을 그려 줍니다. 
  6. 어니언 스킨 기능을 사용하면 이전 이미지를 확인하며 움직임을 더욱 자연스럽게 만들 수 있어요.

팁 1  동작의 자연스러움 위해 처음과 끝 장면을 먼저 만들어 주고, 안쪽 레이어들을 채워 갑니다. 

팁 2 초보자는 헷갈릴 수 있으니 움직임이 익숙해지실 때까지는 순서별 레이어에 직접 그러보는 것을 권장합니다.                               

이미 그려진 그림을 애니메이션 레이어에 복사 붙여 넣기 할 때 너무나 헤맸던 부분인데요. 

이미지를 애니메이션 1번 레이어에 복사 붙이고 싶은데, 계속 새로운 창에 생기더라고요.

그래서 찾아본 결과 제 나름대로 이해했는데요. (오브젝트를 누르고 하는 방법도 있었는데 도저히 이해가 안 갔어요 ㅠㅠ 아시는 분 알려주세요) 제가 강의를 들었던 동동 작가님의 (레이어 ->폴더->벡터 레이어 2개 만들기)를 왜 하셨는지 이해가 갔던 시점이었어요.

 

예를 들어 1번 레이어를 끌어서 새 폴더를 만들고, 그 폴더 이름은 1로 변경합니다. 그런 후 그 폴더에 이미지를 추가하면 그 폴더 안에 있는 이미지들은 1번 애니메이션에서 다 보실 수 있어요. (저도 찾아보면서 이해가 어려웠던 부분이라 제 설명이 이해가 되셨길 바라요.)

    7. 레이어 또는 폴더의 순서에 맞게 이미지를 그려주는데 어니언 스킨을 이용하시면 이전 그림을 보실 수 있어서 유용합니다.

      8. 그리는 순서는 첫 장면->마지막장면->중간 장면들을 채워가는 방식으로 그려 주시면 됩니다.

      9. 파일->애니메이션 내보내기를 눌러 gif로 저장합니다.

 

 

4. 캐릭터 만들기

 기능적인 것에 대한 이해가 됐다면 본격으로 캐릭터를 연구해야 합니다. 이 부분 정말 중요해요!

  • 내 성격, 지금 하고 있는 일, 평소 내 말투, 내가 좋아하는 운동, 나만의 취미, 내 주변 관계 등 내 일상에서 발견할 수 있는 콘셉트
  • 가족, 친구, 연인관계등 관계에서 찾아보기
  • 말장난, 유머러스란 대사 액션등 개그 콘셉트
  • 따뜻한 메시지나 인사말 메시지 
  • 주체+콘셉트+성격으로 이름을 정합니다. 이모티콘 샵에 들에 가서 중복되는 이름이 있는지 살펴봅니다.
  • 다양한 질문에 답변을 하며 내 캐릭터의 성격을 더 탄탄하게 만들어 줍니다.
 

카카오 이모티콘 스튜디오

카카오 이모티콘 만들기, 제작 제안, 승인 후 출시 및 판매

emoticonstudio.kakao.com

 

5. 카카오 이모티콘 스튜디오에 제안하기

캐릭터들이 만들어졌다면 제안을 해 봅시다!

9월 전에 여기까지 해보는 것을 목표로 하고 있어요!

멈춰 있는 이모티콘 -32개/ 텍스트로 표현에 적합 / 
움직이는 이모티콘 - 24개
큰 이모티콘 - 16개의 움직이는 큰 이미지로 구성/추석이나 설날 기념일 콘셉트/ 좋은 말 추천/ 

 

가볍게 시작했는데, 생각할 게 정말 많았어요. 나에 대해 생각해 보기, 내가 쓰는 말, 이모티콘으로 내가 쓸 거 같은 말, 친구들이 자주 쓰는 이모티콘등 이 갑자기 온 세상이 이모티콘으로 보이네요~~^^ 끝까지 도전해서 이모티콘 승인받는 그날까지 파이팅!

 

클래스 101의 동동작가님의 클래스를 많이 참고해서 만들어 보고 있습니다!

 

 

반응형