Repository navigation
Getting started ko
한 바퀴만 돌아봅니다: 한 장 그리고, 다음 장 만들고, 재생하고, 저장하고, 내보내기. 10분이면 됩니다. 이 위키의 나머지는 이걸 한 번 해봤다고 치고 씁니다.
npm run dev를 실행하면 주소와 QR 코드가 뜹니다. PC에서는 그 주소를 열고, 같은 Wi-Fi의
태블릿에서는 QR을 찍습니다. 어느 쪽이든 브라우저에서 돌아갑니다 — 마우스 든 PC도 충분히 좋은
작업 환경이고, 펜 든 태블릿이 또 하나입니다.
화면은 네 구역입니다: 왼쪽에 도구와 색, 가운데 캔버스, 오른쪽에 컷 / 레이어 패널, 아래에 타임라인. Tab을 누르면 패널이 전부 사라지고 캔버스만 남습니다. 다시 Tab이면 있던 그대로 돌아옵니다.
왼쪽에서 도구를 고르고 — 기본은 점 펜 — 그립니다.
- 펜이나 마우스가 그립니다. 손가락은 안 그려집니다. 태블릿에서 손가락 하나는 캔버스 이동, 둘은 핀치 줌이고, 화면에 얹은 손바닥은 무시됩니다. 캔버스 오른쪽 위 ⟲가 보기 초기화.
- Ctrl+Z 되돌리기, Ctrl+Y 다시 실행 — 펜 안 든 손을 위한 한 글자 키 J와 K도 있습니다. 선 하나, 채우기 하나, 이동 하나가 각각 한 단계입니다.
- 색 패널에서 색을 고릅니다. 최근 쓴 색이 그 밑에 모입니다. 스포이드는 캔버스에서 색을 집습니다.
그린 것은 현재 컷의 활성 레이어에 들어갑니다. 새 프로젝트는 컷 하나, 레이어 하나로 시작하니 처음엔 둘 다 신경 안 써도 됩니다.
오른쪽 + 레이어로 추가하고, 강조된 레이어에 그려집니다. 레이어는 따로 움직이거나 숨기고 싶은 것 — 캐릭터는 이 레이어, 배경은 저 레이어 — 그리고 나중에 애니메이션을 걸 것을 위한 겁니다 (파츠 애니메이션 참고).
눈 아이콘이 레이어를 숨깁니다. 줄을 끌어 순서를 바꾸고, 폴더로 묶습니다.
두 번째 장을 얻는 방법은 둘:
- 다음 프레임 복제 (Ctrl+D) — 이 컷의 복사본이 뒤에 붙습니다. 복사본 위에 달라진 부분만 그립니다. 프레임 작업은 대부분 이렇게 갑니다: 복제, 고치고, 복제, 고치고.
- 컷 추가 — 뒤에 빈 컷.
어니언 스킨 — 타임라인 바의 ◀컷 / 컷▶ 버튼 — 을 켜면 이전 장이 연보라로, 다음 장이 원래 색으로 그리는 것 밑에 비칩니다. 그리기 보조일 뿐이고, 내보내기에는 절대 안 들어갑니다.
컷마다 타임라인 위 길이가 있습니다. 오른쪽 끝을 끌면 한 장을 오래 보여 주고, 컷을 끌면 옮깁니다. 초당 두 장이면 느리지만 읽히는 애니메이션이고, 열두 장이면 부드럽습니다.
트위닝은 이 컷과 다음 컷 사이를 중간 프레임으로 채웁니다 — 한 그림이 다른 그림으로 변형됩니다. 두 그림이 비슷할 때 잘 됩니다.
▶는 재생 위치부터 재생, 반복 버튼은 되풀이. 재생 위치를 끌면 스크럽 — 끄는 동안에도 애니메이션이 움직여서, 정지 그림이 지나가는 게 아니라 동작이 보입니다.
속도 조절은 재생에만 먹습니다. 내보내기는 언제나 정상 속도. 영화 전체가 정말 빨라지거나 느려져야 한다면 옆의 톱니로 그 속도를 굳힙니다.
컷·파츠·카메라 애니메이션은 재생 중에만 움직입니다. 그리는 동안은 전부 멈춰 있어서 펜이 겨냥한 곳에 찍힙니다.
작업 중 브라우저에 자동저장됩니다 — 상단 바에 그렇게 적혀 있습니다. 새로고침은 버티지만 브라우저 데이터를 지우면 사라지니 파일로도 저장하세요:
파일 → 로컬에 저장이 .emv 파일을 씁니다. Ctrl+S는 마지막에 저장한 곳에 저장. 서버를
켜 두었으면 서버에 저장으로 프로젝트를 한 곳에 모으고 5분마다 백업됩니다. **파일 → 백업에서
되돌리기…**에 백업 목록이 있습니다.
상단 바의 내보내기. 배경이 흰색이면 영상이 나옵니다 — MP4 아니면 WebM, 초당 30프레임, 음원을 넣었으면 음원까지. 실시간으로 녹화하니 1분짜리 영화는 1분 걸립니다.
배경을 투명으로 바꾸면 (타임라인 바의 버튼) 같은 버튼이 GIF나 PNG 시퀀스를 대신 내놓습니다. 왜 그런지는 내보내기에.