카카오톡 이모티콘 만들기-3.클립스튜디오로 움직이는 이모티콘(GIF) 만들기

카카오톡 움직이는 이모티콘을 만들어보겠습니다.

GIF 파일이라고도 하고, 움직이는 이모티콘을

만들기 위해서 필요합니다.

오늘도 클립 스튜디오 프로그램을 이용하여 카톡 움직이는 이모티콘을 만들겠습니다.

첫 번째 포스트에서 카카오 이모티콘 스튜디오에
들어가면 3가지 제안 방법이 있다고 하였는데,
오늘은 두 번째 '움직이는 이모티콘'입니다.

멈춰있는 이모티콘을 만드는 방법은 아래에 있습니다.

https://min-h.tistory.com/23

카카오 이모티콘 만들기-2.클립스튜디오로 이모티콘 만들기

그럼 먼저 클립 스튜디오 프로그램을 켜시고
잘 따라오십시오.

오늘 만들려고 하는 GIF 움직이는 이모티콘은

바로 이 이모티콘입니다.

이 이모티콘에서 움직이는 부분을 표현한 것은

선풍기가 돌아가는 것과 책이 펄럭이는 것 그리고

아이스 아메리카노의 커피의 양이
점점 줄어드는 모습입니다.

더운 여름날에 선풍기 바람을 쐬며 아이스 아메리카노를 마시는 모습의 이모티콘입니다.

움직이는 이모티콘에 들어간 그림수는

먼저 선풍기에는 파란색의 돌아가는 파란선이 3장,

책이 펄럭거림에는 2장, 커피가 줄어가는 모습에는
6장이 들어갔습니다.
커피의 경우 더 그림을 많이 넣은 이유는

줄어드는 모습이 부드럽게 표현되기를 바라서

그림을 많이 넣었습니다.

제일 먼저 해야 할 일은 파일-신규-애니메이션 파일을 눌러서 새로운 애니메이션 캔버스를 만듭니다.

위의 사진의 설정대로 가로 1080 세로 1080 사이즈로 만들어줍니다.

멈취있는 이모티콘을 만들 때 원래 제안 사이즈와
다르게 크게 만들어서 해상도를 높인 후에
제안 사이즈로 작게 출력하여 제출한다고 하였습니다.

그래서 움직이는 이모티콘도 큰 사이즈로 설정하여
만듭니다.

프레임 레이트와 재생 시간을 잘 맞게 그림대로
설정하여줍니다.

그다음으로 확인할 것은 타임라인입니다.

상단에서 창-타임라인을 여시면 됩니다.

이제 그림을 그리시면 되는데, 한 장에 선도 그리고
컬러도 칠을 하면 어려우니 레이어를 구분하여서

선, 컬러를 구분하기로 합니다.

타임라인에서 보시면
루프 재생(화살표시가 돌아가는 표시)

옆에 신규 애니메이션 폴더를 눌러서 선과 컬러 폴더를

구분하여 따로 만들어서 관리하시면 편합니다.

그 폴더 안에 멈춰있는 이모티콘에서 처럼
레이어 창에서 똑같이 새로운 파일을
생성하여 그림을 그립니다.

파일은 레스터 파일, 벡터 파일 원하시는 대로
아무거나 상관이 없습니다.

아래 타임라인을 보시면 저는 선파일과
커피 컬러파일이 따로 구분되어있습니다.

저는 그리기 편하게 하기 위해서 선, 컬러, 커피,
선풍기 3가지로 폴더를 나누어서 그렸습니다.

여기서 파란 세로 라인이 앞과 끝에 있는데
지정되어있는 시간이고 이 프레임안에
사진에 보이는 하얀색 네모가
한 장 한 장 모두 그림입니다.

하지만 모두 24장을 그리는 것이 아니고,
2장의 그림을 그려서 파란 라인 안에
반복적으로 넣어서 움직이는 것처럼

보이게 재생시키는 것입니다.

아래의 두 가지 그림입니다.

약간의 미묘한 차이로 움직임을 표현했습니다.

그리고 멈춰있는 이모티콘이 아니라, 조금씩 움직이는

그림을 그려야 할 때 꼭 필요한 기능이 있는데
'어니언 스킨 유효화'

기능을 켜시면 앞 뒤의 그림 사이에 조금씩 움직이는

다른 그림을 그려 넣을 수 있습니다.

앞뒤의 그림이 살짝만 보여서 쉽게 그림을
넣을 수 있습니다.

이 기능은 타임라인의 루프 재생(돌아가는 화살표시) 옆으로 5번째에 있으며, 커서를 위에 올리면
어니언 스킨 유효화라고 뜹니다.

이 기능이 애니메이션의 가장 중요한 기능이라고
할 수 있습니다.

아래 사진을 참고하시면 됩니다.

그림을 모두 완성하였다면 파일-애니메이션
내보내기-애니메이션 GIF를 선택하여 내보내기를
누르고 지정장소를 선택한 후에 저장을 누르면
아래와 같은 화면이 뜹니다.

여기서 폭 360 높이 360 출력 범위 1부터 24로
선택하시고 프레임 레이트는 20 루프 횟수는 무한으로 설정하시고 OK를 누르시면 됩니다.

움직이는 이모티콘은 멈춰있는 이모티콘에 비해서

만드는 시간이 몇 배는 더 걸릴 수 있습니다.

멈춰있는 이모티콘은 상상하신 스케치를
몇 분 만에도 그리고 컬러도 단순하게 또는
아예 넣지 않아도 만들 수 있어서 상상력만 있으면
언제든 빠르게 그려서 완성을 할 수 있습니다.

하지만 움직이는 이모티콘은 미리 움직임을
예상하시고 어느 정도의 프레임 수를 선택할지
결정을 하고, 액션이 크게 혹은 의도한 대로
잘 표현할 수 있는지 연구를 조금 하셔야 합니다.

대신에 완성을 하시면 즐거움 또한 몇 배로 커서

처음 만드시면 내가 상상한 대로 움직이니

신기해서 즐거우실 거라고 약속합니다.

아주 큰 기쁨이 있습니다.

한 가지 팁을 드리면, 일상생활 속에서의 움직임을

보실 때 머릿속에 단편의 짧은 동작을 상상하시고

처음 시작과 끝을 생각하시고, 중간에 어떤 흐름을

넣을지 생각합니다.

평범한 흐름을 중간에 넣는다면 자연스러운

모습이 되고, 강하게 튀는 동작을 넣는다면

액션이 큰 움직임이 표현됩니다.

그래서 일상 속에서 주변의 모습을 관찰하시고

한 번 그 액션을 재미있게 만드는 상상을 해보시기를

추천합니다.

지금까지 카카오톡 움직이는 이모티콘을
클립 스튜디오로 만들어봤습니다.

파일을 저장한 곳에 들어가서 더블 클릭을 하시면

움직이는 이모티콘을 확인할 수 있습니다.

이렇게 움직이는 이모티콘을 만들어서,
카카오톡 이모티콘 스튜디오에 가입후 제안하기를
하시면 됩니다.

여러분 모두 즐겁게 즐기시면서 재미있는 이모티콘을

만드시 길 바랍니다.