심볼에 캐릭터 아트워크를 중첩할 때 눈 마스크를 유지하는 방법

각 눈 설정을 하나의 묶음으로 다루세요. 즉, 눈 뜨임을 정의하는 도형, 그 도형을 통해 보이는 아트워크, 그리고 둘의 움직임을 제어하는 프레임을 함께 묶어야 합니다. Adobe는 마스크 레이어와 마스크가 적용된 레이어를 구분합니다. 후자는 연결된 마스크가 드러내는 부분만 표시합니다. 이러한 레이어 관계도 유지해야 하는 설정의 일부입니다. Adobe: Animate에서 타임라인 레이어 만들기

변환하기 전에 각 레이어가 어떤 역할을 하는지 파악하세요. 눈 윤곽선은 단순히 보이는 아트워크일 수 있고, 별도의 채워진 도형이 동공의 표시 영역을 제한할 수도 있습니다. 새 심볼 안에서 구분할 수 있도록 레이어에 설명이 담긴 이름을 지정하세요.

예를 들어 머리 설정에는 위에서 아래로 다음과 같은 레이어가 포함될 수 있습니다. 다른 쪽 눈에 독립적인 제어가 필요하면 해당 눈의 레이어도 반복해서 추가하세요.

레이어	의도된 역할
눈꺼풀 및 윤곽선	일반 레이어에 있는 보이는 아트워크
눈 뜨임 영역	동공의 표시 영역을 정의하는 마스크
동공	눈 뜨임 영역과 연결된 마스크 적용 아트워크
눈 흰자	일반 레이어에 있는 보이는 배경
머리 아트워크	나머지 보이는 머리 모양

이 구성은 시작점으로 제안하는 예시이지 필수 리그가 아닙니다. 기존 눈이 이미 제대로 작동한다면 먼저 그 구조를 유지하세요. 재구성과 중첩을 별도의 단계로 진행하면 어떤 변경이 문제를 일으켰는지 파악하기 쉽습니다.

중첩된 애니메이션이 이를 포함하는 타임라인을 따르고 스크러빙할 때 확인 가능해야 한다면 그래픽 심볼을 사용하세요. 애니메이션에 독립된 타임라인이 필요하다면 무비 클립을 사용하세요. Adobe는 두 유형의 동작을 모두 문서화하고 있으므로, 멈춘 것처럼 보이는 깜박임 문제를 해결하기 전에 의도한 재생 방식에 맞춰 선택하세요. Adobe: Animate에서 심볼 사용하기

특정 프레임에 맞춰 눈을 깜박이며 머리가 움직이는 경우 그래픽 컨테이너를 실용적인 시작점으로 삼을 수 있습니다. 독립적으로 반복되는 캐릭터 요소라면 무비 클립이 적합할 수 있습니다. 어느 쪽을 선택해도 내부 마스크 설정을 유지해야 합니다.

중첩을 사용하면 머리 움직임과 눈 애니메이션을 분리할 수도 있습니다. BMCC의 기존 Animate 교육 자료는 머리 심볼 안에서 눈을 깜박이게 만들어, 눈 자체의 애니메이션은 유지하면서 머리와 함께 움직이는 방법을 보여 줍니다. 이 예시는 중첩 방식을 뒷받침하지만, 마스크를 적용한 눈에 관한 튜토리얼은 아닙니다. BMCC: Adobe Animate: 걷기 및 눈 깜박임 사이클

구조를 변경하기 전에 FLA 파일의 별도 작업 복사본을 저장하세요. 원래 프레임 범위를 기록하고 유용한 기준 포즈 세 가지를 확인하세요. 눈을 완전히 뜬 포즈, 부분적으로 감은 포즈, 완전히 감은 포즈입니다. 변환 후 이 포즈들을 구체적으로 비교할 수 있습니다.

레이어를 심볼로 변환 기능을 제공하는 Animate 버전에서는 타임라인에서 관련 레이어 이름을 선택하고 마우스 오른쪽 버튼을 클릭한 다음 해당 명령을 선택하세요. Adobe는 Animate 2021에서 이 레이어 기반 작업 흐름을 도입했습니다. 모든 눈 마스크와 연결된 아트워크, 그리고 함께 움직여야 하는 나머지 머리 레이어를 포함하세요. Adobe: 5분 안에 첫 애니메이션 만들기 — Adobe Animate 2021 출시!

다음 순서로 진행하세요.

1. 일반적인 보이는 아트워크처럼 표시되지 않는 마스크 레이어를 포함해 머리의 전체 레이어 집합을 파악합니다.
2. 타임라인에서 해당 레이어를 선택하고 레이어를 심볼로 변환을 선택합니다.
3. Character_Head와 같이 알아보기 쉬운 이름을 컨테이너에 지정하고 의도한 심볼 유형을 선택합니다.
4. 만들어진 심볼을 열어 레이어와 프레임 범위를 원본과 비교합니다.
5. 외부 인스턴스에 움직임을 추가하기 전에 기준 포즈 세 가지를 확인합니다.

레이어를 심볼로 변환과 Adobe가 선택한 스테이지 요소를 변환하는 기능으로 설명하는 수정 > 심볼로 변환은 서로 구분하세요. 기존 레이어 애니메이션의 경우 타임라인 구조를 선택 항목에 명시적으로 포함하도록 레이어 기반 명령부터 사용하세요. Adobe: Animate에서 심볼 사용하기

레이어 기반 명령을 사용할 수 없다면 Adobe가 문서화한 프레임 복사 대안을 사용하세요. 관련 레이어에서 필요한 프레임을 모두 선택하고 프레임 복사를 선택한 다음, 삽입 > 새 심볼을 통해 빈 무비 클립을 만들고 프레임 1에서 프레임 붙여넣기를 선택합니다. 이렇게 하면 복사한 프레임과 레이어가 독립 애니메이션으로 옮겨집니다. 새 인스턴스를 배치하고 확인할 때까지 원본은 그대로 두세요. Adobe: 스테이지의 애니메이션을 무비 클립 심볼로 변환하기

새 컨테이너 안에서 개별 도형을 옮기기 전에 타임라인을 확인하세요. 마스크는 마스크가 드러내는 아트워크보다 위에 있어야 합니다. Adobe의 마스크 지침에서는 들여쓰기와 변경된 아이콘을 통해 연결된 마스크 적용 레이어를 식별합니다. 작성 화면에서 클리핑 효과를 표시하려면 마스크 레이어와 마스크 적용 레이어를 모두 잠그세요. Adobe: Adobe Animate에서 마스크 레이어 사용하기

관계가 끊어졌다면 눈 뜨임 레이어를 의도한 동공 레이어 바로 위에 배치하고 컨텍스트 메뉴에서 마스크로 설정하세요. 레이어 속성에서 마스크 적용 설정을 사용해 추가 레이어를 연결하세요. 머리 아트워크와 장식용 윤곽선은 함께 클리핑하려는 경우가 아니라면 연결 대상에서 제외하세요. Adobe: Adobe Animate에서 마스크 레이어 사용하기

마스크 도형도 확인하세요. Animate의 표준 레이어 마스크는 채워진 영역을 사용합니다. 선 스타일, 그라디언트, 투명도는 부드러운 클리핑 경계를 정의하지 않습니다. 따라서 선으로만 그린 눈 윤곽선이 마스크 역할을 하려면 적절한 채워진 눈 뜨임 영역이 필요합니다. Adobe: Adobe Animate에서 마스크 레이어 사용하기

눈을 뜬 포즈가 올바르게 보이면 부분적으로 감은 포즈와 완전히 감은 포즈를 확인하세요. 첫 프레임이 제대로 보인다고 해서 전체 시퀀스에서 마스크와 동공의 내용이 일치하는 것은 아닙니다.

눈을 다시 그리기 전에 다음 진단 순서를 따르세요. 문서화된 레이어 및 심볼 동작을 바탕으로 만든 실용적인 판단 도구이며, 모든 시각적 결함의 원인이 같다는 뜻은 아닙니다.

증상	먼저 확인할 항목	다음 조치
동공이 눈 뜨임 영역 밖으로 삐져나옴	내부 마스크/마스크 적용 관계 및 미리보기 잠금	연결을 복원하고 두 레이어를 모두 잠급니다.
눈끼리는 내부에서 정렬되어 있지만 머리 전체가 어긋남	외부 인스턴스 배치	내부 아트워크를 변경하기 전에 조립된 인스턴스를 재배치합니다.
눈 구성 요소 중 하나만 내부에서 어긋남	해당 프레임에서 그 구성 요소의 위치	원래 기준 포즈와 비교합니다.
내부에서는 깜박임이 작동하지만 부모 심볼에서는 멈춰 있음	심볼 유형, 재생 옵션, 부모 심볼에서 사용 가능한 프레임	인스턴스의 재생 설정을 확인합니다.
눈을 뜬 포즈는 작동하지만 이후 포즈에서 문제가 생김	해당 프레임의 마스크 및 동공 내용	프레임 범위와 키프레임을 비교합니다.

그래픽 인스턴스의 경우 속성 > 반복을 확인하세요. Adobe는 반복, 한 번 재생, 단일 프레임 옵션과 시작 프레임 설정을 문서화하고 있습니다. 단일 프레임은 내부 포즈 하나를 의도적으로 유지합니다. 반복은 인스턴스가 차지하는 프레임 동안 시퀀스를 반복합니다. 마스크가 실패했다고 단정하기 전에 이 설정을 확인하세요. Adobe: Animate에서 심볼 인스턴스, 프레임 선택기, 자동 립싱크 사용하기

정렬 문제는 오류가 발생한 수준에서 수정하세요. 중첩된 머리 전체를 옮겨야 한다면 외부 인스턴스를 조정하세요. 머리 안에서 동공 하나만 잘못된 경우 해당 내부 요소를 확인하세요. 두 수준을 동시에 변경하면 원래 포즈와 비교하기가 더 어려워집니다.

조립된 머리로 간단한 검증을 진행하세요. 먼저 머리를 고정한 상태로 눈 시퀀스를 확인합니다. 그런 다음 외부 인스턴스를 움직이고 같은 포즈를 다시 살펴봅니다. 이렇게 하면 내부 눈 문제와 캐릭터를 변형하는 과정에서 생긴 문제를 구분할 수 있습니다.

임시 변형에는 테스트 인스턴스를 복제해 사용하고, 완료 후 삭제하세요. 내부 아트워크를 따로 실험해야 한다면 라이브러리 심볼도 복제하세요. 심볼 정의를 편집하면 해당 인스턴스들이 업데이트됩니다. Adobe: Animate에서 심볼 사용하기

의도한 출력물에서 다음 항목을 확인하세요.

• 눈동자가 눈 뜨임 영역 가장자리를 바라볼 때도 마스크로 잘려 표시됩니다.
• 눈을 부분적으로 감았을 때 의도하지 않은 동공 아트워크가 띠처럼 드러나지 않습니다.
• 눈을 완전히 감은 포즈에는 의도한 아트워크만 표시됩니다.
• 머리를 움직이면 눈 구성 요소 전체가 함께 움직입니다.
• 깜박임이 의도한 프레임에서 시작되고 반복됩니다.

실제로 필요한 형식으로 짧은 샘플을 내보내고 같은 포즈를 확인하세요. 차이가 나타나면 처음으로 문제가 발생한 프레임으로 돌아가 위의 진단 순서를 따르세요. 문제를 조사하는 동안 작업 중인 중첩 버전은 보존하세요.

내부 눈 설정을 편집할 수 있고, 애니메이션 전체에서 마스크 관계가 유지되며, 조립된 머리가 의도한 출력물에서 올바르게 작동하면 작업이 완료된 것입니다. 이 항목들을 확인한 뒤에는 눈을 다시 만들지 않고 외부 캐릭터 심볼의 애니메이션을 계속할 수 있습니다.

• Adobe Animate에서 마스크 레이어 사용하기 — Adobe
• Animate에서 타임라인 레이어 만들기 — Adobe
• Animate에서 심볼 사용하기 — Adobe
• Animate에서 심볼 인스턴스, 프레임 선택기, 자동 립싱크 사용하기 — Adobe
• 5분 안에 첫 애니메이션 만들기 — Adobe Animate 2021 출시! — Adobe
• Adobe Animate: 걷기 및 눈 깜박임 사이클 — BMCC, 2D 애니메이션 입문