Adobe Animate에서 기존 프레임별 캐릭터 사이클을 애니메이션 심볼로 바꾸는 방법

문서의 별도 작업 복사본을 저장합니다. 원본 애니메이션을 재생해 한 번의 반복이 정확히 어디서 시작하고 끝나는지 확인합니다. 시작 프레임, 종료 프레임, 참여하는 레이어, 문서 프레임 속도를 기록합니다. 변환된 버전을 확인할 때 이 정보가 기준이 됩니다.

그림 사이의 노출 시간도 포함합니다. 키프레임과 그 뒤에 이어지는 일반 프레임은 키프레임 시퀀스를 이루며, 일반 프레임도 그림이 화면에 머무는 시간에 영향을 줍니다. 따라서 그림이 바뀌는 프레임만 복사하면 리듬이 달라질 수 있습니다. Adobe는 Animate에서 프레임과 키프레임을 사용하는 방법에서 이러한 관계를 설명합니다.

예를 들어 캐릭터가 그림 6개로 이루어져 있고 각 그림을 2프레임씩 유지한다고 가정해 보겠습니다. 전체 사이클은 타임라인의 12프레임을 차지합니다. 원본에서 프레임 25~36을 사용한다면, 캐릭터의 모든 레이어에서 해당 구간 전체를 복사합니다. 서로 다른 그림이 6개라고 해서 구간을 6프레임으로 줄이지 마세요.

재사용할 캐릭터 에셋에 포함되지 않는 한 배경 및 참조 레이어는 제외합니다. 여러 레이어가 캐릭터를 구성한다면, 더 오래 유지되는 그림이나 의도적으로 비워 둔 프레임이 있는 레이어까지 포함해 모든 레이어에서 동일한 시간 구간을 확인합니다.

두 심볼 유형 모두 애니메이션을 담을 수 있지만, 장면과 연결되는 방식은 다릅니다. 그래픽 심볼은 이를 포함하는 타임라인과 동기화됩니다. 동영상 클립은 독립적인 타임라인을 가집니다. 이는 Adobe의 심볼 문서에 설명된 관련 동작입니다.

필요한 기능	심볼 유형	확인할 사항
장면을 스크러빙하면서 확인할 수 있는 사이클	그래픽	이를 포함하는 타임라인에 프레임이 충분한지 확인
다른 장면 애니메이션과 동기화되는 사이클	그래픽	시작 프레임과 루프 설정 확인
독립적으로 재생되는 중첩 애니메이션	동영상 클립	문서의 테스트 환경에서 재생 확인

이 안내에서는 장면 타임라인과 직접 비교할 수 있도록 그래픽을 선택합니다. Martin Rose의 Adobe Animate: 심볼에서도 그래픽 심볼을 애니메이션 제작에 흔히 사용하는 선택지로 설명하고, 아래에 사용할 프레임 복사 방법을 안내합니다.

타임라인에서 선택합니다. 스테이지에서 아트워크를 선택하면 화면에 보이는 그림만 선택되지만, 기존 시퀀스를 옮기려면 프레임을 복사해야 합니다. Rose의 애니메이션 또는 키프레임을 심볼로 변환하는 방법에서도 이 차이를 명확히 설명합니다.

1. 참여하는 레이어 전체에서 사이클 구간을 선택합니다. 프레임 셀을 드래그하거나 Shift 키를 누른 채 클릭해 선택 범위를 확장합니다.
2. 선택한 프레임을 마우스 오른쪽 버튼으로 클릭하고 프레임 복사를 선택합니다.
3. 삽입 > 새 심볼을 선택합니다.
4. Character_Idle_Cycle처럼 알아보기 쉬운 이름을 지정하고 그래픽을 선택합니다.
5. 확인을 클릭해 새 심볼로 들어갑니다.
6. 심볼의 첫 레이어에서 프레임 1을 선택한 다음, 프레임 컨텍스트 메뉴에서 프레임 붙여넣기를 선택합니다.

이 절차는 Rose의 심볼 변환 방법을 따릅니다. Adobe의 동영상 클립 변환 절차에서도 복사한 프레임을 붙여넣을 때 시퀀스와 함께 레이어 및 레이어 이름이 옮겨진다고 설명합니다.

원본을 변경하기 전에 결과를 확인합니다. 예시의 12프레임 사이클이라면 새 심볼에는 내부 프레임 1부터 시작하는 12프레임이 있어야 합니다. 레이어 수와 그림 순서를 메모한 내용과 비교합니다. 레이어가 빠졌거나 첫 프레임이 예상치 않게 비어 있다면 즉시 전송을 수정합니다.

편집 막대에서 장면 이름을 선택해 장면으로 돌아갑니다. 교체용 인스턴스를 위한 별도 레이어를 만들고, 원하는 시작 지점의 키프레임을 선택한 뒤 창 > 라이브러리를 열고 새 심볼을 스테이지로 드래그합니다. Adobe의 Animate에서 심볼 인스턴스 만들기 및 작업하기에서 이 배치 과정을 설명합니다.

배치 위치를 비교하는 동안 원래 캐릭터 레이어를 잠시 숨깁니다. 캐릭터 몸통의 중심처럼 식별하기 쉬운 동일한 부분을 기준으로 삼아 교체된 캐릭터와 원본을 비교합니다. 위치와 재생이 모두 일치할 때까지 원본을 유지합니다.

삽입 > 타임라인 > 프레임을 사용해 교체 레이어를 필요한 장면 길이만큼 연장합니다. 이렇게 하면 그림 변경을 추가하지 않고 노출 시간을 늘릴 수 있습니다. Adobe의 프레임 및 키프레임 가이드에서 프레임 명령을 소개합니다.

그래픽 인스턴스를 선택하고 창 > 속성을 엽니다. 루핑 컨트롤에서 루프를 선택하고, 내부 프레임 1부터 시작하는 사이클이라면 처음을 1로 설정합니다. Adobe에 따르면 루프는 인스턴스가 차지하는 프레임 수만큼 시퀀스를 반복합니다. 한 번 재생은 끝에서 멈추고, 단일 프레임은 선택한 프레임 하나만 표시합니다. 그래픽 인스턴스의 루핑 설정을 참조하세요.

연속된 두 번의 반복을 실제 점검 기준으로 삼습니다. 한 번 반복하면 그림 순서를 확인할 수 있고, 두 번째 반복에서는 마지막 내부 프레임에서 첫 프레임으로 넘어가는 전환을 확인할 수 있습니다.

초당 24프레임의 12프레임 사이클을 예로 들면, 한 번 반복하는 데 12 ÷ 24 = 0.5초가 걸립니다. 그래픽 인스턴스를 장면의 24프레임에 걸쳐 연장하면 1초 동안 두 번 반복되는 모습을 확인할 수 있습니다. 이 수치는 예시이므로 실제 사이클 길이와 문서 프레임 속도를 사용하세요. Adobe는 타임라인 설명에서 프레임 수와 재생 속도가 재생 시간에 영향을 준다고 설명합니다.

원본 홀드, 시퀀스 전반의 캐릭터 위치, 반복 경계의 전환 등 세 가지를 비교합니다. 그림 변화를 살펴보려면 천천히 스크럽하고, 리듬을 확인하려면 컨트롤 > 재생을 사용합니다. Adobe의 Animate에서 프레임별 애니메이션 만들기에 재생 및 어니언 스킨 검사 방법이 나와 있습니다.

경계에서 예상치 않게 멈칫한다면 마지막 그림과 첫 그림, 그리고 각 그림의 노출 길이를 확인합니다. 끝 포즈와 시작 포즈가 같으면 반복할 때 홀드가 한 번 더 생길 수 있습니다. 프레임을 제거하기 전에 해당 홀드가 의도한 움직임에 포함되는지 판단합니다.

증상	먼저 확인할 항목	해결 방법
심볼에 그림 하나만 들어 있음	내부 타임라인	프레임 복사와 프레임 붙여넣기를 사용해 전송을 다시 수행합니다
그래픽에 한 포즈만 표시됨	루핑 컨트롤과 장면 노출 시간	루프를 선택하고 이를 포함하는 프레임 범위를 연장합니다
캐릭터 일부가 사라짐	복사한 레이어와 선택한 구간	필요한 모든 레이어에서 전체 구간을 다시 복사합니다
사이클 끝에 빈 구간이 있음	내부의 후행 프레임	원본과 비교하고 의도하지 않은 빈 프레임만 제거합니다
그림이 바뀔 때 캐릭터 위치가 흔들림	내부 그림 정렬	아트워크를 조정하기 전에 인접 포즈를 비교합니다

정렬을 확인할 때 어니언 스킨은 인접 프레임을 참조용으로 표시합니다. 심볼 내부에서 시퀀스 전체 위치를 옮겨야 한다면 Animate의 여러 프레임 편집 기능으로 표시된 범위 전체를 편집할 수 있습니다. 무엇이든 이동하기 전에 범위에 전체 사이클과 원하는 아트워크가 모두 포함되어 있는지 확인합니다. Adobe의 프레임별 애니메이션 가이드에서 두 도구를 설명합니다.

동영상 클립은 다른 방식으로 미리보기를 확인해야 합니다. Adobe에 따르면 일반 편집 환경에서 동영상 클립은 정적으로 보이지만, 문서 편집 모드에서는 애니메이션 그래픽이 재생됩니다. 동영상 클립을 의도적으로 선택했다면 내부 프레임을 검사하고 문서를 테스트한 다음 전송이 실패했다고 판단하세요. Adobe의 심볼 재생 설명을 참조하세요.

교체된 캐릭터가 원본과 일치하면 저장해 둔 원본 문서는 보관하고, 작업 중인 장면에서는 중복된 원본 시퀀스를 제거합니다. 이 사이클을 이후의 다른 캐릭터 동작과 구별할 수 있도록 심볼 이름을 구체적으로 지정합니다.

심볼 내부의 수정은 공유 변경 사항으로 취급합니다. 심볼을 수정하면 해당 인스턴스에도 변경 사항이 적용됩니다. Adobe의 인스턴스 속성 문서에서 설명하듯, 개별 인스턴스를 이동, 크기 조정 또는 회전하면 원본 심볼을 변경하지 않고 해당 인스턴스만 조정할 수 있습니다.

라이브러리에 전체 사이클이 들어 있고, 장면 인스턴스가 의도한 타이밍으로 재생되며, 연속된 두 번의 반복에서도 원래 움직임이 유지되면 변환이 완료된 것입니다. 이후에도 프레임별 그림을 계속 편집할 수 있도록 유지하면서 캐릭터 사이클을 재사용할 수 있습니다.

• Animate에서 심볼 작업하기 — Adobe
• Animate에서 심볼 인스턴스 만들기 및 작업하기 — Adobe
• Animate에서 프레임과 키프레임을 사용하는 방법 — Adobe
• Animate에서 프레임별 애니메이션 만들기 — Adobe
• Adobe Animate: 심볼 — Martin Rose의 애니메이션 및 미디어 노트, Emily Carr University