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

마스크 패스와 모양 패스에 애니메이션을 적용하는 방법은 다른 속성에 애니메이션을 적용할 때와 거의 동일합니다. [마스크 패스]나 [패스] 속성의 키프레임을 설정하고 각 키프레임에 패스를 설정하면 After Effects에서 이렇게 지정한 값 사이를 보간합니다.

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

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

로토스코핑 팁

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

마스크 패스 및 모양 보기

• [타임라인] 패널에서 선택한 레이어의 마스크 패스를 보려면 M 키를 누릅니다.
• [타임라인] 패널에서 선택한 마스크나 모양을 보려면 SS를 누릅니다(S 키를 두 번 누름).
• [컴포지션] 패널에서 마스크 및 모양 패스를 보려면 [컴포지션] 패널 아래쪽에서 [마스크 및 모양 패스 가시성 켜기/끄기] 버튼을 클릭합니다.
• [레이어] 패널에서 마스크 패스를 보려면 [레이어] 패널의 [보기] 메뉴에서 [마스크]를 선택합니다.
• 마스크 패스는 숨기고 다른 항목은 표시하려면 [타임라인] 패널에서 해당 [잠금] 스위치 를 선택하여 마스크를 잠근 다음 [레이어] > [마스크] > [잠긴 마스크 숨기기]를 선택합니다.
• 선택된 마스크를 분리하고 다른 마스크를 숨기려면 [레이어] > [마스크] > [다른 마스크 잠금]을 선택한 다음 [레이어] > [마스크] > [잠긴 마스크 숨기기]를 선택합니다.

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

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

전체 모양 레이어가 선택됩니다. 변형은 [콘텐트] 속성 그룹과 같은 레벨에 있는 [변형] 속성 그룹에 속한 레이어의 변형 속성에 적용됩니다.

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

하나 이상의 베지어 패스에 있는 여러 정점이 선택됩니다. [컴포지션] 패널에 정점을 둘러싸는 자유 변형 테두리 상자가 표시됩니다. 이 상자에서 작업하여 단일 변형으로 여러 정점을 이동할 수 있습니다. 변형은 [타임라인] 패널의 [패스] 속성 내에 포함된 정점 자체에 적용됩니다.

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

마스크 선택에 대한 자세한 내용은 마스크, 선분, 정점 선택을 참조하세요.

모양 레이어 선택

• [타임라인] 패널에서 레이어 이름이나 레이어 지속 시간 표시줄을 클릭합니다.
• [선택] 도구를 사용하여 [컴포지션] 패널에서 레이어 테두리의 내부를 클릭합니다.
• 레이어에 있는 모양은 모두 선택 해제하지만 모양 레이어는 선택한 상태로 두려면 레이어 테두리의 내부에서 모든 모양 패스의 외부에 해당하는 곳을 클릭합니다.

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

• [선택] 도구를 사용하여 [컴포지션] 패널에서 그룹의 구성원을 두 번 클릭합니다. 두 번 클릭할 때마다 그룹 계층 구조에서 한 수준씩 내려갑니다.
• [직접 선택] 도구를 활성화하려면 [선택] 도구를 선택한 상태에서 Ctrl 키(Windows) 또는 Command 키(Mac OS)를 누르고 있습니다. [컴포지션] 패널에서 [직접 선택] 도구로 모양을 클릭하여 모양이 그룹 계층 구조에서 얼마나 깊이 중첩되었는지에 관계없이 해당 모양의 그룹을 직접 선택합니다.
• 이미 선택한 그룹과 같은 그룹 내에 포함된 그룹을 선택하려면 선택할 그룹을 클릭합니다.
• 그룹을 선택 내용에 추가하려면 Shift 키를 누른 상태에서 그룹을 클릭합니다. Shift 키와 두 번 클릭하는 동작 및 [직접 선택] 도구를 결합하여 더욱 깊이 중첩된 그룹을 선택 내용에 추가할 수 있습니다.

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

• 정점을 선택하려면 [선택] 도구로 정점을 클릭합니다. 정점을 선택 내용에 추가하려면 Shift+클릭합니다.
• 패스 선분을 선택하려면 [선택] 도구로 선분을 클릭합니다. 선분을 선택 내용에 추가하려면 Shift+클릭합니다.
• 전체 패스를 선택하려면 [선택] 도구를 사용하여 패스의 선분 또는 정점을 Alt+클릭(Windows) 또는 Option+클릭(Mac OS)하거나, 패스의 아무 부분이나 선택하고 Ctrl+A(Windows) 또는 Command+A(Mac OS)를 누릅니다.
• 드래그를 통해 정점을 선택하려면 패스나 패스의 한 부분을 선택하여 패스 편집 모드를 시작하고 윤곽 선택 도구로 드래그하여 선택할 정점을 둘러싸는 선택 윤곽 선택 상자를 그립니다. 정점을 선택에 추가하려면 Shift 키를 누른 상태에서 윤곽 선택 상자를 추가로 그립니다.

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

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

마스크, 선분, 정점 선택

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

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

• 마스크에서 정점을 선택하려면 [선택] 도구로 정점을 클릭합니다. 정점을 선택에 추가하려면 Shift+클릭합니다.
• 마스크 선분을 선택하려면 [선택] 도구로 선분을 클릭합니다. 선분을 선택에 추가하려면 Shift+클릭합니다.
• 전체 마스크를 선택하려면 [선택] 도구를 사용하여 마스크의 선분, 정점 또는 핸들을 Alt+클릭(Windows) 또는 Option+클릭(Mac OS)하거나, 마스크의 아무 부분이나 선택하고 [편집] > [모두 선택]을 선택하거나 Ctrl+A(Windows) 또는 Command+A(Mac OS)를 누릅니다. 마스크를 선택에 추가하려면 Alt+Shift+클릭(Windows) 또는 Option+Shift+클릭(Mac OS)합니다.
• 드래그하여 마스크를 선택하려면 마스크나 마스크의 일부를 선택하여 마스크 편집 모드를 시작한 다음 [선택] 도구로 드래그하여 선택할 정점이나 마스크를 완전히 둘러싸는 선택 윤곽 선택 상자를 그립니다. 마스크나 정점을 선택에 추가하려면 Shift 키를 누른 상태에서 윤곽 선택 상자를 추가로 그립니다.
• 레이어에서 모든 마스크를 선택하려면 해당 레이어에서 마스크를 선택하고 [편집] > [모두 선택]을 선택하거나 Ctrl+A(Windows) 또는 Command+A(Mac OS)를 누릅니다.
• 모든 마스크의 선택을 해제하려면 Ctrl+Shift+A(Windows) 또는 Command+Shift+A(Mac OS)를 누릅니다.
• 레이어에서 인접한 마스크를 선택하려면 Alt+`(악센트 기호)(Windows) 또는 Option+`(악센트 기호)(Mac OS)를 눌러 다음 마스크를 선택하거나, Shift+Alt+`(악센트 기호)(Windows) 또는 Shift+Option+`(악센트 기호)(Mac OS)를 눌러 이전 마스크를 선택합니다.
• 마스크의 선택을 해제하려면 마스크 외부의 아무 곳이나 클릭합니다.
• 선택에서 정점이나 선분을 제거하려면 해당 정점이나 선분을 Shift+클릭합니다.

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

마스크 잠금 또는 잠금 해제

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

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

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

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

수동 베지어 마스크 패스나 수동 베지어 모양 패스를 로토베지어 패스로 변환할 수 있습니다. 수동 베지어 패스의 방향 핸들이 조정된 경우 이렇게 변환하면 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 만들기 패널

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

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

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

패널 작업