모양 패스와 마스크 관리 및 애니메이션 적용

Adobe After Effects에서 키프레임을 사용하여 모양과 마스크 패스를 애니메이션하는 다양한 방법을 알아보세요.

마스크 패스 및 모양 패스를 애니메이션 처리하는 방법은 다른 속성을 애니메이션 처리하는 방식과 거의 동일합니다. 마스크 패스 또는 패스 속성에 키프레임을 설정하고, 각 키프레임에 경로를 지정하면 After Effects가 이 지정된 값들 사이를 보간합니다.

로토스코핑(일반적으로 로토라고 함)은 영화의 시각적 요소를 참고로 삼아 영화 프레임 위에 그림을 그리거나 채색하는 작업입니다. 일반적인 로토스코핑에는 동영상에서 오브젝트 주변의 패스를 추적하는 작업과 마스크로 패스를 사용하여 오브젝트를 배경에서 분리하는 작업이 있습니다. 로토스코핑을 통해 오브젝트와 배경을 분리하여 작업할 수 있으므로 배경이 아닌 오브젝트에 서로 다른 효과를 적용하거나 배경을 바꾸는 등의 작업을 수행할 수 있습니다.

After Effects에서 로토스코핑은 대부분 마스크를 그리고 마스크 패스에 애니메이션을 적용하며 이 마스크로 매트를 정의하는 등의 작업과 관련되어 있습니다. 마스크를 그리기 전에 동작 추적을 사용한 다음 동작 추적 데이터를 사용하여 마스크나 매트가 자동으로 개체를 따라오도록 만드는 것과 같은 다양한 추가 작업 및 기법을 사용하여 이 작업을 보다 손쉽게 수행할 수 있습니다.

로토스코핑 팁

• 마스크 그리기를 시작한 직후 Alt+Shift+M(Windows) 또는 Option+Shift+M(Mac OS)을 누르면 해당 마스크에 대한 키프레임이 켜지고 키프레임이 설정됩니다. 이 방법을 사용할 경우 몇 분 또는 그 이상의 시간 동안 프레임별로 마스크를 편집할 수 없습니다. 마스크 패스에 애니메이션을 적용할 때 초시계를 클릭하지 않았기 때문에 이전 프레임의 모든 작업이 손실됩니다.
• 마스크를 흰색 솔리드 레이어에 그리되, 해당 레이어의 비디오 스위치 를 끈 상태로, (잠긴) 영상 레이어 위에 배치하세요. 이 방법을 사용하면 마스크를 조작할 때 푸티지 레이어가 실수로 이동할 위험이 없으며 보다 간편하게 마스크에 추적 데이터를 적용할 수 있습니다. (이 경우 마스크를 고정하는 보이지 않는 단색 레이어에 추적 데이터를 적용하게 됩니다.) 또한 마스크를 조작할 때마다 캐시된 미리 보기 프레임이 손실되지 않습니다. 
• 상수 정점 수 유지 환경 설정을 켭니다.
• 가능한 경우, 개별 정점을 이동하는 대신 전체 마스크 또는 마스크 정점의 하위 집합을 변환(회전, 크기 조정, 이동)하십시오. 그러면 효율적이기도 하고 프레임 간에 일관성 없는 이동으로 인해 발생하는 문제를 방지할 수 있습니다.
• 수동 모션 트래킹은 수동 로토스코핑보다 시간이 덜 소요됩니다. 장면 및 개체의 다양한 구성 요소에 대한 신뢰할 수 있는 추적 데이터를 수집하는 데 많은 시간을 할애할수록 마스크를 그리고 정밀하게 조정하는 데 드는 시간을 줄일 수 있습니다.
• 개체를 페더링할 때 보다 자세히 제어하려면 가변 폭 마스크 페더 기능을 사용합니다.

마스크 패스 및 모양 보기

• 타임라인 패널에서 선택된 레이어의 마스크 패스를 보려면 M을 누르세요.
• 타임라인 패널에서 선택된 마스크 또는 도형을 보려면 SS를 누르세요(S 키를 두 번 누름).
• 컴포지션 패널에서 마스크 및 모양 패스를 보려면, 컴포지션 패널 하단의 마스크 및 모양 패스 표시/숨기기 토글 버튼을 선택하십시오.
• 레이어 패널에서 마스크 패스를 보려면, 레이어 패널의 보기 메뉴에서 마스크를 선택하세요.
• 다른 마스크는 표시하면서 특정 마스크 패스를 숨기려면, 타임라인 패널에서 해당 마스크의 잠금 아이콘을 선택하여 잠근 후, 레이어 > 마스크 > 잠금 마스크 숨기기를 선택하세요.
• 선택한 마스크를 분리하고 다른 마스크를 숨기려면 레이어 > 마스크 > 다른 마스크 잠금을 선택한 다음 레이어 > 마스크 잠긴 마스크 숨기기를 선택하세요.

모양 패스, 모양, 모양 그룹 선택

선택 모드라고 하는 네 가지 선택 수준 중 하나로 모양 레이어와 해당 구성 요소를 선택할 수 있습니다.

전체 모양 레이어가 선택됩니다. 변환은 변환 속성 그룹의 레이어 변환 속성에 적용되며, 이 속성 그룹은 콘텐츠 속성 그룹과 동일한 수준에 위치합니다.

전체 모양 그룹이 선택됩니다. 변환은 타임라인 패널의 도형 그룹 내 변환 속성 그룹에 있는 그룹의 변환 속성에 적용됩니다.

하나 이상의 베지어 패스에 있는 여러 정점이 선택됩니다. 컴포지션 패널에서 정점 주변에 자유 변환 바운딩 박스가 표시됩니다. 이 상자에서 작업하여 단일 변형으로 여러 정점을 이동할 수 있습니다. 변환은 정점 자체에 적용되며, 이는 타임라인 패널의 패스 속성에 포함됩니다.

정점만 선택됩니다. 이 모드에서 정점을 패스에 추가하거나 개별 정점을 이동하는 등의 패스 편집 작업을 수행할 수 있습니다

모양 레이어에 있는 모양의 선택 모드

모양 레이어 선택

• 타임라인 패널에서 레이어 이름 또는 레이어 기간 막대를 선택하세요.
• 선택 도구를 사용하여 컴포지션 패널에서 레이어 경계 내부를 클릭합니다.
• 레이어에 있는 모양은 모두 선택 해제하지만 모양 레이어는 선택한 상태로 두려면 레이어 테두리 내부를 클릭하되, 모든 도형 패스 외부에서 클릭하세요.

그룹 선택 모드에서 모양 그룹 선택

• 선택 도구를 사용하여 컴포지션 패널에서 그룹의 멤버를 두 번 클릭합니다. 두 번 클릭할 때마다 그룹 계층에서 한 레벨씩 내려갑니다.
• 직접 선택 도구를 활성화하려면, 선택 도구가 선택된 상태에서 Ctrl(Windows) 또는 Command(macOS) 키를 누르고 계세요. 컴포지션 패널에서 직접 선택 도구를 사용하여 도형을 선택하면, 해당 도형이 그룹 계층 구조에서 얼마나 깊게 중첩되어 있든 상관없이 그 도형의 그룹을 직접 선택할 수 있습니다.
• 이미 선택한 그룹과 같은 그룹 내에 포함된 그룹을 선택하려면 선택할 그룹을 클릭합니다.
• 그룹을 선택 내용에 추가하려면 Shift 키를 누른 상태에서 그룹을 클릭합니다. Shift 키를 더블 클릭 및 직접 선택 도구와 함께 사용하면 선택 영역에 더 깊게 중첩된 그룹을 추가할 수 있습니다.

패스 편집 모드에서 패스 및 정점 선택

• 정점을 선택하려면 선택 도구를 사용하여 정점을 선택하세요. 정점을 선택 내용에 추가하려면 Shift 키를 누른 상태에서 정점을 클릭합니다.
• 패스 세그먼트를 선택하려면 선택 도구를 사용하여 해당 세그먼트를 선택하세요. 선분을 선택 내용에 추가하려면 Shift+클릭합니다.
• 전체 패스를 선택하려면, Selection 도구로 Alt-클릭(Windows) 또는 Option -클릭(macOS)하여 선택하거나, 경로의 임의 부분을 선택한 후 Ctrl+A (Windows) 또는 Command+A (macOS)를 누릅니다.
• 정점을 드래그하여 선택하려면 패스 또는 패스의 일부를 선택하여 패스 편집 모드로 진입한 후, 마키 선택 도구 로 드래그하여 선택할 정점 주위에 마키 선택 상자를 그립니다. 선택 영역에 정점을 추가하려면, 추가 선택 상자를 그리면서 Shift 키를 누르고 계세요.

패스의 모든 점 선택 및 자유 변형 모드 시작

• 단일 모양에 대한 패스 편집 모드나 그룹 선택 모드에서 패스 선분을 두 번 클릭합니다.
• 타임라인 패널에서 패스 속성을 선택한 후 Ctrl+T (Windows) 또는 Command+T (macOS)를 누릅니다.

마스크, 선분 및 정점 선택

레이어와 달리 마스크에는 둘 이상의 선택 레벨이 있을 수 있습니다. 마스크를 전체 패스로 선택할 수 있는데, 이는 마스크를 이동하거나 크기를 조정하려는 경우에 적합합니다. 그러나 마스크의 패스를 변경하려는 경우에는 마스크에 있는 점을 하나 이상 선택합니다. 선택한 점은 내부가 칠해진 상태로, 선택하지 않은 점은 내부가 칠해지지 않은 상태로 나타납니다.

레이어나 컴포지션 패널에서 마스크 선택/선택 해제

• 마스크에서 정점을 선택하려면 선택 도구를 사용하여 해당 정점을 선택하세요. 선택 영역에 정점을 추가하려면, Shift 키를 누른 상태로 클릭하세요.
• 마스크 세그먼트를 선택하려면 선택 도구를 사용하여 해당 세그먼트를 선택하세요. 선택 영역에 세그먼트를 추가하려면, Shift 키를 누른 상태로 해당 세그먼트를 클릭하세요.
• 마스크 전체를 선택하려면, 선택 도구로 Alt-클릭(Windows) 또는 Option-클릭(macOS)으로 마스크의 세그먼트, 정점 또는 핸들을 선택하거나, 마스크의 임의 부분을 선택한 후 편집을 선택 > 모두 선택을 선택하거나 Ctrl+A(Windows) 또는 Command+A(macOS)를 누릅니다. 선택 영역에 마스크를 추가하려면, 해당 마스크를 Alt+Shift-클릭(Windows) 또는 Option+Shift-클릭(macOS)하세요.
• 마스크를 드래그하여 선택하려면, 마스크 또는 마스크의 일부를 선택하여 마스크 편집 모드로 진입한 후 선택 도구를 사용하여 선택하려는 정점이나 마스크를 완전히 둘러싸는 마키 선택 상자를 그립니다. 선택 영역에 마스크나 정점을 추가하려면, 추가 선택 영역 상자를 그리면서 Shift 키를 누르고 계세요.
• 레이어의 모든 마스크를 선택하려면, 해당 레이어의 마스크 하나를 선택한 후 편집 > 모두 선택을 선택하거나 Ctrl+A(Windows) 또는 Command+A(macOS)를 누릅니다.
• 모든 마스크 선택을 해제하려면 Ctrl+Shift+A(Windows) 또는 Command+Shift+A(macOS)를.
• 레이어에서 인접한 마스크를 선택하려면 Alt+악센트 그레이브(`)(Windows) 또는 Option+악센트 그레이브(`)(macOS)를 눌러 다음 마스크를 선택하고, Shift+Alt+악센트 그레이브(`)(Windows)나 Shift+Option+악센트 그레이브(`)를 눌러 이전 마스크를 선택합니다.
• 마스크를 선택 해제하려면 마스크 외부의 아무 곳이나 클릭합니다.
• 선택 영역에서 정점이나 세그먼트를 제거하려면 Shift를 누른 채 해당 정점이나 세그먼트를 클릭합니다.

타임라인 패널에서 마스크 선택

마스크 잠금 또는 잠금 해제

마스크를 잠그면 타임라인, 컴포지션, 레이어 패널에서 해당 마스크를 선택하거나 레이어 패널에서 대상으로 설정할 수 없습니다. 이 기능을 사용하면 마스크에 대한 원하지 않는 변경을 방지할 수 있습니다.

자유 변형 모드에서 정점 이동

자유 변형 점 명령을 사용하여 전체 마스크 또는 모양 패스(또는 하나 이상의 패스에서 선택한 정점)의 크기 조정하고 회전할 수 있습니다. 이 명령을 사용하면 자유 변형 테두리 상자가 선택한 정점을 둘러싸고 테두리 상자 중심에 기준점이 나타나 현재 변형의 기준점을 표시합니다. 테두리 상자나 해당 핸들을 드래그하여 선택한 정점을 회전하고 비율을 조정할 수 있습니다. 테두리 상자 기준점을 이동하여 정점이 회전되거나 비율이 조정되는 참조점을 변경할 수도 있습니다. 자유 변형 테두리 상자의 핸들과 기준점은 레이어의 핸들과 기준점에 관계없이 존재합니다.

수동 베지어와 로토베지어 간 패스 변환

수동 베지어 마스크 패스 또는 수동 베지어 모양 패스를 RotoBezier 패스로 변환할 수 있습니다. 수동 베지어 패스에 조정된 방향 핸들이 있는 경우, After Effects가 RotoBezier 세그먼트의 곡률을 자동으로 계산하므로 이 변환 시 패스의 모양이 변경됩니다.

RotoBezier 패스를 수동 베지어 패스로 변환해도 패스의 모양은 변경되지 않습니다.

베지어 마스크 패스 또는 모양 패스 수정

선택 도구와 펜 도구를 사용하여 레이어 또는 컴포지션 패널에서 베지어 마스크 패스를 변경할 수 있습니다. 선택 도구와 펜 도구를 사용하여 컴포지션 패널에서 베지어 모양 패스를 변경할 수 있습니다.

펜 도구—정점 추가, 정점 삭제, 정점 변환 도구—는 도구 패널에서 펜 도구와 함께 그룹화되어 있습니다. 도구 패널에서 이 도구들을 표시하려면 도구 패널에서 펜 도구를 길게 선택합니다.

패스를 수정할 때는 기존 정점 또는 선분만 클릭해야 합니다. 그렇지 않으면 대신에 새 패스가 만들어질 수 있습니다.

정점 이동, 추가 또는 삭제

패스 선분 조정

부드러운 점과 모퉁이 점 간 정점 전환

로토베지어 마스크 압력 조정

숫자를 사용하여 마스크 패스 변경

베지어 패스의 첫 번째 정점 지정

패스에 애니메이션을 적용하기 위해 After Effects에서는 초기 키프레임의 최상위 정점을 첫 번째 정점으로 지정하고 연속하는 정점 각각의 번호를 첫 번째 정점부터 오름차순으로 매긴 다음 연속하는 키프레임 모두에서 해당 정점에 같은 번호를 할당합니다. After Effects는 한 키프레임에서 각 정점의 초기 위치부터 다음 키프레임에서 대응하는 번호의 정점 위치까지의 이동을 보간합니다. 애니메이션을 적용하는 동안 언제든지 다른 정점을 첫 번째 정점으로 지정할 수 있습니다. 그러면 패스 정점의 번호가 다시 매겨집니다. 정점의 번호를 다시 매기면 새 정점 번호가 여전히 연속하는 키프레임에 저장된 이전 정점 번호에 매핑되기 때문에 패스 애니메이션이 변경됩니다.

닫힌 패스를 동작 패스에 복사하면 닫힌 패스의 첫 번째 정점으로 지정된 정점이 동작 패스의 시작 지점으로 사용됩니다. 모든 동작 패스는 열린 패스입니다.

패스 트림 등 일부 모양 패스 작업도 첫 번째 정점을 입력으로 사용하여 패스 수정 방법을 결정합니다.

스마트 마스크 보간을 사용하여 마스크 패스에 애니메이션 적용

스마트 마스크 보간은 마스크 패스 키프레임과 부드럽고 사실적인 애니메이션을 만드는 데 높은 수준의 제어를 제공합니다. 보간할 마스크 패스 키프레임을 선택하면 스마트 마스크 보간이 사용자가 지정한 설정에 따라 중간 키프레임을 생성합니다. 정보 패널에는 보간 진행률과 만들어진 키프레임 수가 표시됩니다.

마스크 이동 또는 마스크 뒤로 레이어 패닝

뒤로 팬(기준점) 도구를 컴포지션 패널에서 사용하면 After Effects가 자동으로 두 가지를 조정합니다. 레이어 패널에서는 마스크가 레이어를 기준으로 이동하고, 컴포지션 패널에서는 레이어가 컴포지션을 기준으로 이동합니다. 아래 예시는 컴포지션 패널에서 레이어가 컴포지션을 기준으로 어떻게 배치되는지 보여줍니다.

마스크 이동

마스크 뒤로 레이어 팬

얼굴 추적 및 마스크 추적

마스크 추적기를 사용하여 마스크를 변형해 동영상에서 한 오브젝트(또는 여러 개의 오브젝트)의 움직임을 따라가도록 할 수 있습니다. 

마스크 추적기를 사용하여 사람 얼굴을 정확하게 감지하고 추적할 수도 있습니다.

표현식을 사용하여 마스크, 베지어 모양, 브러시 선의 패스 지점에 액세스

표현식을 사용하여 다음 항목에 있는 패스 지점(정점)의 x 및 y 좌표를 읽고 쓸 수 있습니다.

• 레이어 마스크
• 베지어 모양   
• 페인트 및 로토 브러시 및 가장자리 다듬기 효과의 브러시 획.

표현식 메서드는 스크립팅을 통해 패스 정점에 액세스하는 것과 비슷합니다. 표현식 메서드는 익숙함을 위해 vertices() 대신 points()로 명명되었습니다.

표현식 메서드 액세스

다음 단계에 따라 표현식 메서드에 액세스할 수 있습니다.

아래에는 다음 패스 개체의 예제 표현식 메서드가 나와 있습니다.

• 레이어 마스크 패스: layer("Dark Gray Solid 1").mask("Mask 1").path or .maskPath
• 베지어 모양 패스: layer("Shape Layer 1").content("Shape 1").content("Path 1").path
• 페인트 효과 선 패스: layer("Dark Gray Solid 1").effect("Paint").stroke("Brush 1").path
• 로토 브러시 및 가장자리 다듬기 효과 획 패스: layer("Dark Gray Solid 1").effect("Roto Brush & Refine Edge").stroke("Foreground 1").path

이 표현식 메서드로 작업할 때의 팁:

• 지점 및 접선 값은 정점 좌표에 대한 [x,y] 숫자 쌍 배열의 배열로 반환됩니다. 좌표 값은 4번째 소수 자릿수로 반올림됩니다.
• 지점 및 접선 배열은 패스의 첫 번째 정점에서 시작됩니다. 레이어 > 마스크 및 모양 패스 > 첫 번째 정점 설정 명령을 사용하여 레이어 마스크 패스와 베지어 모양 패스의 첫 번째 정점을 변경할 수 있습니다.
• 레이어 마스크 패스 지점의 좌표는 왼쪽 위 모퉁이의 레이어 원점을 기준으로 합니다.
• 베지어 모양 패스 점의 좌표는 패스 모양 그룹의 기준점을 기준으로 합니다. 예를 들어, 변형 > 모양 1 > 기준점입니다.
• 브러시 선 패스 지점의 좌표는 선의 시작 부분을 기준으로 하며 첫 번째 지점은 [0,0]입니다.
• toComp() 메서드 또는 기타 레이어 공간 변환 메서드는 서로 다른 레이어의 좌표를 공통 공간으로 변환하거나 컴포지션 공간 기준의 좌표를 반환하는 데 유용합니다.
• 베지어 모양 패스는 레이어가 아닌 로컬 모양 그룹의 기준점을 기준으로 하므로 값이 예상 위치에서 오프셋될 수 있습니다. 이 문제를 해결하려면 모양 그룹의 모든 변형 속성을 0으로 설정합니다. 파라메트릭 모양을 베지어 모양으로 변환하는 경우 모양 그룹 위치에 영향을 줄 수 있습니다.
• createPath() 메서드에 동일한 패스 또는 다른 패스의 점, 접선, isClosed 메서드를 전달할 수 있습니다. 이러한 메서드를 변경하지 않고 전달하여 패스를 복제할 수도 있고, 지점 및 접선 값을 전달하기 전에 변형하여 패스를 수정하거나 애니메이션을 적용할 수도 있습니다.

패스에서 Null 만들기 패널

패스에서 널 생성 scriptUI 패널을 사용하면 표현식을 직접 작성하지 않고도 표현식 기반의 직관적인 애니메이션을 만들 수 있습니다. 서로 다른 패스를 모양에, 모양을 단색에 직접 연결하는 등의 작업을 할 수 있습니다. 패스에서 널 생성 패널은 패스 점에 대한 표현식 액세스를 사용하여 널을 자동으로 연결하므로 표현식을 직접 작성할 필요가 없습니다.

이 패널에서는 마스크 패스 또는 베지어 모양 패스의 각 패스 지점에 대해 Null을 만듭니다. 패널의 다음 버튼을 사용하여 Null의 작동 방식을 조정할 수 있습니다.

• 점이 널을 따름: 이 버튼은 패스 점의 위치를 제어하는 널을 생성합니다. 패스 지점이 Null에 연결되며, Null에 애니메이션을 적용하여 패스 지점을 구동할 수 있습니다.
• 널이 점을 따름: 이 버튼은 패스 점에 의해 위치가 제어되는 널을 생성합니다. Null이 패스 지점에 연결되며, 패스 지점에 애니메이션을 적용하여 Null을 이동할 수 있습니다.
• 패스 추적: 이 버튼은 패스를 따라가는 단일 널을 생성합니다. Null의 위치는 해당 패스의 좌표에 연결됩니다. Null의 회전 방향은 패스를 따르도록 자동으로 조정됩니다. 패스 추적은 패스를 따른 널의 이동과 루프 여부를 제어합니다. 기본적으로 키프레임은 1초 동안 패스를 추적하도록 설정되며 루프가 활성화됩니다.

패널 작업