Android 버전 출시. 기간 한정 무료로 움직이는 픽셀 아트를 그려보세요.
Android 버전 →
iOS 버전: iPad와 Apple Pencil로 움직이는 그림을 그리고 GIF로 내보내세요.
iOS 버전 →

애니메이션 만들기 입문: 그림을 움직이는 5가지 연습

분홍색 배경에 흔들리는 선으로 그린 캐릭터 애니메이션

간단한 도형으로 애니메이션 만들기를 시작하세요. 스쿼시 앤 스트레치, 예비 동작, 타이밍, 곡선, 팔로우 스루를 GIF로 연습합니다.

초보자가 애니메이션 만들기를 시작할 때는 복잡한 캐릭터 설정이나 수십 장의 완성 프레임이 필요하지 않습니다. 형태 하나와 분명한 동작 하나만 정해도 무게, 리듬, 방향을 충분히 연습할 수 있습니다.

WigglyPaint는 전통적인 2D 애니메이션 제작 도구와 역할이 다릅니다. 선을 그리는 즉시 자동으로 흔들리고, 더 긴 동작이 필요하면 프레임을 추가한 뒤 GIF 애니메이션으로 내보낼 수 있습니다. 초보자는 복잡한 타임라인보다 동작 자체에 먼저 집중할 수 있습니다.

애니메이션 만들기 전에 정할 것

애니메이션 만들기 연습에서는 공, 덩어리, 꽃, 별, 작은 얼굴 중 하나를 고릅니다. 동작은 튀어 오르기, 눈 깜빡이기, 좌우로 흔들리기, 숨 쉬기 중 하나만 선택합니다. 색은 세 가지 이하로 제한하고 루프 애니메이션의 시작과 끝을 미리 정하세요.

애니메이션 만드는 법과 애니메이션 그리는 법의 공통점은 실루엣만 봐도 동작이 읽혀야 한다는 것입니다.

연습 1: 스쿼시 앤 스트레치

스쿼시 앤 스트레치는 애니메이션 12원칙 가운데 결과를 확인하기 쉬운 항목입니다. 공이 바닥에 닿을 때는 넓고 낮게, 올라갈 때는 좁고 길게 그립니다. 전체 부피를 비슷하게 유지해야 물체가 커지는 것이 아니라 눌리는 것으로 보입니다.

애니메이션 만들기 연습에서는 굵은 외곽선과 적은 내부 선을 사용하세요. 자동 흔들림은 표면에 생동감을 주고, 실루엣 변화는 주동작을 전달합니다.

연습 2: 예비 동작

뛰기 전에 웅크리고, 손을 흔들기 전에 뒤로 당기고, 꽃이 피기 전에 오므립니다. 예비 동작은 다음 움직임을 미리 알려 줍니다.

낮게 웅크린 모양과 위로 뻗은 모양 두 개로 애니메이션 만들기를 해보세요. 설명 없이도 점프가 읽히면 성공입니다. 손그림 애니메이션은 장식보다 자세 차이가 중요합니다.

연습 3: 타이밍과 간격

타이밍은 동작의 길이이고 간격은 프레임 사이에서 위치가 얼마나 변하는지입니다. 위치가 가까우면 느리게, 갑자기 멀어지면 빠르게 보입니다.

곡선 위에 점 세 개를 놓는 애니메이션 만들기로 시험해 보세요. 처음 두 점은 가깝게, 세 번째는 멀리 둡니다. GIF 애니메이션을 반복 재생해 마지막과 첫 프레임이 튀지 않는지도 확인합니다.

연습 4: 곡선과 팔로우 스루

팔, 공, 낙엽은 직선보다 곡선을 따라 움직입니다. 연한 곡선을 가이드로 그리고 주요 자세를 배치한 뒤 지우세요.

팔로우 스루는 몸이 방향을 바꾼 뒤에도 머리카락, 리본, 귀, 꼬리 등이 계속 움직이는 원리입니다. 애니메이션 만들기를 연습할 때는 한 부위만 더하세요. 작은 움직이는 그림에서 모든 요소가 움직이면 중심이 사라집니다.

연습 5: 보조 동작과 루프

식물이 흔들린 뒤 잎이 늦게 따라오거나, 눈을 깜빡일 때 하이라이트가 함께 내려가게 합니다. 보조 동작은 주동작을 설명해야 합니다. ‘정지—동작—복귀—정지’ 순서로 연결하면 짧고 깨끗한 루프가 됩니다.

완성한 애니메이션을 스티커 크기로 줄여 보세요. 움직이는 그림의 형태가 여전히 읽히면 시각적 우선순위가 분명한 것입니다.

내보내기 전 확인

주동작을 동사 하나로 말할 수 있는지, 작은 크기에서도 실루엣이 보이는지, 준비와 마무리가 있는지, 끝이 시작으로 자연스럽게 이어지는지, 지워도 되는 선이 없는지 확인합니다.

애니메이션 만들기의 목표는 완벽한 작품이 아니라 완성하고 판단하고 다시 만드는 것입니다.

다음 연습

튀는 점, 깜빡이는 얼굴, 흔들리는 식물을 각각 10분 안에 만드세요. 매번 애니메이션 만들기에서는 한 가지 동작에만 집중하고, 움직임이 가장 잘 전달되는 버전을 남깁니다.

준비가 되면 WigglyPaint에서 애니메이션 만들기를 시작하세요. 간단한 형태를 그리고 움직이는 브러시에 손맛을 맡긴 뒤, 필요할 때만 프레임을 더해 GIF로 내보낼 수 있습니다.

첫 움직이는 그림을 만들어 보세요

형태 하나와 동작 하나를 고르면 선의 흔들림은 WigglyPaint가 더해 줍니다.

무료로 그리기