직접 그려서 만든 움직이는 장면 갤러리

모든 장면은 그리기 스튜디오에서 직접 그리고 조립했습니다. 카드 하나가 캐릭터 하나입니다 — 대표 장면을 크게 보여 주고, 같은 캐릭터의 다른 작품은 카드 안 칩으로 잇습니다. 작품 페이지의 미리보기는 내보낸 움직이는 SVG라 실제로 재생됩니다.

작품 페이지의 미리보기가 움직이지 않는다면 브라우저의 CSS 애니메이션 지원 여부를 확인해주세요.

캐릭터 8팀 · 작품 12점

칩을 누르면 그 작품의 기법 해설로 바로 갑니다. 열면 에디터에 그대로 복원돼 이어 그릴 수 있어요.

기본 장면부터 프레임 이어붙이기, 박자 어긋내기, 24컷 첫 컷까지 — 한 캐릭터로 기법 네 가지를 보여 주는 마스코트 햄스터.

외쳐! 달려! 신나! 안녕!

조각 70개짜리 쇼케이스 도마뱀. 위상을 어긋낸 S자 웨이브와 아홉 장짜리 프레임 애니메이션, 두 기법을 비교해 볼 수 있습니다.

웨이브 나무타기

펜으로 처음부터 직접 그린 장면. 다리 여섯 개를 따로 나눠 흔들고, 뜬 눈·감은 눈을 짝지어 깜빡임을 붙였습니다.

그라디언트로 색을 번지게 하고 흐림을 얹고, 정해진 경로를 따라 움직입니다.

다리를 반대 위상으로 움직이고 몸통을 살짝 흔드는 것만으로 걷기가 됩니다.

올라가는 구간과 내려오는 구간의 느낌을 다르게 해 탄력을 만든 점프.

캐릭터 여럿을 한 무대에 놓고 앞뒤를 나눠 공간처럼 보이게 만든 장면.

어두운 배경에서 반짝임과 투명도로 빛을 다루는 법. 밝은 배경과 규칙이 반대입니다.

마음에 드는 장면을 열면, 그대로 편집 상태로 들어갑니다.