에펙 클리핑마스크 - epeg keullipingmaseukeu

1. 마스크 기초 익히기

마스크 기능 알아보고 활용하기

마스크(Mask)는 시각 레이어의 대표적인 기능입니다. 시각 레이어의 일정 부분을 가리거나 일정 부분만 보여줄 수 있기 때문에 합성의 기본이 되고, 여러 가지 미디어 파일을 부분적으로 중첩하는 용도로도 활용됩니다. 애프터 이펙트에서 소스로 사용할 그림을 직접 그려서 애니메이션을 만들 때에도 마스크는 필수라고 할만큼 자주 사용합니다. 마스크는 드로잉 기능으로도 활용할 수 있습니다.

마스크 만들기

비디오나 그림 등 모든 시각 레이어는 도형 도구나 펜 도구를 이용하여 마스크를 만들 수 있습니다. 1 마스크를 적용할 레이어를 선택하고 2 도구바에서 원형 도구 Q 를 클릭합니다. 3 [Composition] 패널을 드래그하여 원을 그립니다. 이때 Shift 를 누른 채 드래그하면 정원을 그릴 수 있습니다. 4 [Timeline] 패널을 보면 레이어에 [Masks] 항목이 생성되고 [Mask1]이 하위에 있는 것을 확인할 수 있습니다.

마스크의 속성

[Masks] 항목이 생성되고 그 하위에 [Mask1]이 있습니다. [Mask] 속성은 네 개의 옵션을 포함합니다.

1 Mask Path : 마스크의 모양을 설정합니다.

2 Mask Feather : 마스크 테두리의 부드러운 정도를 설정합니다. 값이 높을수록 테두리가 부드럽게 처리됩니다.

3 Mask Opacity : 마스크의 투명도를 설정합니다. 값이 낮을수록 투명해집니다.

4 Mask Expansion : 마스크의 팽창 정도를 설정합니다. - 값이면 수축, + 값이면 팽창합니다.

마스크의 모양은 조절점을 클릭하여 움직이거나 기준점 변환 도구 등을 이용하여 조절할 수 있으며 키프레임을 생성하여 모양을 바꿀 수도 있습니다.

※ 기능 꼼꼼 익히기

<마스크(Mask) 단축키>

마스크(Mask) 속성의 옵션을 펼치는 단축키를 외워두는 것이 좋습니다. 일반적으로 많이 사용하는 단축키는 다음과 같습니다.

• M | [Timeline] 패널에서 선택한 레이어의 [Mask Path] 옵션 펼치기
• M , M ( M 두 번) | 마스크와 관련된 모든 옵션 펼치기
• Shift + Alt + M | 현재 시간에서 [Mask Path] 옵션에 키프레임 생성하기

마스크 모드 설정하기

마스크의 옵션 중 모드(mode)를 이용하여 보이는 부분을 설정할 수 있습니다.

1 None 마스크를 무시합니다. 모든 이미지가 드러납니다.

2 Add 마스크의 기본값으로 패스 안쪽만 보이고 바깥쪽 그림은 무시합니다.

3 Subtract [Add]와 반대로 패스 안쪽은 무시하고 바깥쪽만 보이게 합니다.

4 Intersect 두 개 이상의 마스크가 있을 때 마스크가 겹쳐진 부분만 보입니다.

5 Lighten 투명도가 다른 두 개 이상의 마스크가 겹쳐졌을 때 겹쳐진 부분 중 투명도가 높은, 즉 밝은 마스크만 보입니다.

6 Darken 겹쳐진 부분만 보이는 것은 [Intersect]와 같습니다. 그러나 [Lighten]과 반대로 어두운 마스크만 보입니다.

7 Difference 두 개 이상의 마스크가 있을 때 마스크가 겹쳐진 부분을 제외한 나머지 부분만 보입니다.

2. 매트 기초 익히기

트랙 매트 이해하고 적용하기

매트(Matte)는 마스크(Mask)와 유사한 기능으로, 화면의 일부분을 가리거나 일부분만 보이도록 하는 기법입니다. 사진이나 영화 작업 시 한쪽을 가리고 촬영하는 등 합성 장면을 제작하는 특수 이펙트에도 사용하는 기법입니다. 두 개의 레이어를 연결하여 설정할 수 있으며, 레이어의 [Matte] 속성을 다른 레이어에 그대로 적용할 수 있습니다. 알파(Alpha) 채널이나 루마(Luma)를 활용하여 매트를 설정할 수 있습니다.

01. 1 [File]-[Open Project] Ctrl + O 메뉴를 선택하고 매트.aep 준비 파일을 엽니다. 2 [Project] 패널에서 [알파매트_시작]을 더블클릭하여 3 [알파매트_시작] 컴포지션을 엽니다. 4 Spacebar 를 눌러 애니메이션을 확인해보면 해파리를 촬영한 비디오 클립 위에 텍스트가 올라가 있는 영상을 볼 수 있습니다.

02. 1 [Timeline] 패널의 왼쪽 아래에 있는 모드 확장을 클릭하면 2 [Mode], [T], [TrkMat] 옵션이 나타납니다. 여기서 [T]는 ‘Transparency’, [TrkMat]는 ‘Track Matte’를 뜻합니다.

03. 1 [Jellyfish.mp4] 레이어의 [TrkMat]를 클릭하여 2 [Alpha Matte “SUMMER”]로 선택합니다. 바로 위에 있는 텍스트 레이어의 알파 매트를 사용하겠다는 설정입니다. 3 텍스트 레이어의 이 자동으로 꺼지고 텍스트가 사라집니다.

04. Spacebar 를 눌러 애니메이션을 확인합니다. 텍스트가 있던 영역에만 비디오 소스가 나타납니다. 텍스트의 알파 채널을 비디오 레이어의 알파 채널로 설정된 것입니다.

05. 배경이 흰색으로 보이는 이유는 컴포지션의 배경 색상이 흰색으로 설정되어있기 때문이며 실제로는 텍스트가 있던 영역을 제외한 부분이 투명한 상태입니다. [Composition] 패널의 (투명도 격자 켜기/끄기)를 클릭해 투명한 영역을 표시해봅니다.

06. 1 [ Jel ly f i sh.mp4] 레이어의 [TrkMat]를 클릭하여 2 [Alpha Inverted Matte “SUMMER”]를 선택합니다. 3 이번에는 텍스트 영역을 제외한

배경 부분만 비디오가 표시되고 텍스트가 있던 부분은 투명해집니다. 텍스트 레이어의 알파 채널을 반대로 읽고 적용했기 때문입니다.

맛있는 디자인 에프터 이펫트 CC 2020 자세히 보러가기 ↓

이것도 천계 영상 플젝 할 때 쓴거고 그래서 정리하는 김에 하는거라
제가 아는 것만 아는 대로 소개합니다. 저는 초짜니까(?)...
저번엔 "다음엔 꼭 DOF에 대해 써야지"라고 했지만 정리하다보니 할 얘기가 많네요

이런거 포토샵에서는 클리핑 마스크라고 하는데 에펙에선 뭐라고하죠
그냥 레이어 마스크? 아니면 매트인가 (하지만 매트와는 다름)

어쨌든 이번 글에서는 진스마가 함께합니다
날이갈수록 오타쿠화되어가는 작업용 블로그 (하지만 이해하세요 오타쿠니까)

1. 기본 투명도 유지

이 부분을 활용한 마스킹입니다.
보통 포토샵에서 마스킹 레이어로 만든 다음에 가져와도 이런 식으로 구성이 되어있습니다.
2D, 3D레이어 모두 가능하네요!

1-1. 이미지 가져오기

이미지를 가져옵니다. 마스킹에는 순서가 중요한데, 기본 투명도 유지 방법을 쓸 경우엔
아래쪽에 이미지를 채울 레이어를 두고 (배경이라고 해야하나),
위쪽에 이미지를 둡니다. (잘 모르시겠나요? 과정을 보다보시면 뭔지 아실 수 있으리라 믿습니다)

참고로 하얀색은 다른 이미지가 아니고 컴포지션 색상입니다 (코슥)

1-2. 기본 투명도 유지 활성화

그리고 이 항목 옵션을 눌러서 활성화해주면 뚝딱 완성!
간단하죠?

지금은 아래에 있는 이미지가 투명도 변화가 극적이지 않아서 잘 보이지 않지만
아래 레이어의 투명도를 참조해서 그 투명도대로 맞춰줍니다.
예를들어 투명도 60%인 부분은 60%로 맞춰주기도 해요! (자세한 건 1-3 이미지 참고)

1-3. 주의할 점과 응용

기본 투명도 유지 옵션은 해당 레이어 아래의 모든 레이어를 참조합니다.
즉 아래쪽 레이어는 제대로 배경투명화가 된 레이어여야 원하는 결과물이 나옵니다.

위 이미지처럼, 컴포지션 전체를 덮는 불투명도 100%의 이미지가 아래 레이어에 존재한다면
마스킹 효과는 전혀 없고, 그저 이미지 레이어를 나란히 둔 것과 다를 바가 없겠죠?

이걸 피하기 위해 마스킹이 원하는대로 된 레이어들을 묶어 컴포지션으로 만드는 방법도 있습니다.

그러나 이런걸 애초에 막는 방법이 있었으니...
단일 레이어를 참조하는 마스킹 방식은 아래에서 다룹니다!

이건 복수 레이어를 참조하는 기본 투명도 유지 옵션의 응용.
이런 걸 쉽게 만들 수 있어요!
(근데 왼쪽거는 잘 생각해보니 그냥 투명 이미지 밑에 색깔 처리된 레이어를 넣어도 되긴 할듯..)

...
예쁘다는건 아니고 그냥 할 수 있어요입니다. 아시죠? 저는 디자이너가 아닙니다
일러스트는 예쁘지만! (튀어나와버린 오타쿠 본심!)

오른쪽 이미지가 기본 투명도 유지 옵션에 대한 좋은 예시라고 생각해요~

색이 흐릿한 부분은 실제로 아이올로스 일러스트에서도 색이 반투명한 부분입니다 (바람 효과!)

2. 트랙 매트

이 부분을 활용한 마스킹입니다. 2D, 3D레이어 모두 가능합니다.
위의 기본 투명도 유지 옵션과는 달리 단일 레이어만을 참조합니다.

대신 트랙 매트를 사용하는 레이어들을 나란히 두는 것으로 복수 레이어를 참조하는 것 같은..!
느낌은 낼 수 있어요.

2-1. 이미지 가져오기

이미지를 가져옵니다. 트랙 매트를 쓰려면 위쪽에 이미지를 채울 레이어를 두고,
아래쪽에 이미지를 둬야 합니다. 위 화면처럼요!

2-2. 트랙 매트 설정

트랙 매트를 설정합니다.
트랙 매트에 대해서는 아래 글에서 간단히 설명하지만,
하나씩 눌러서 무슨 일이 일어나는지 확인하는게 빠를 수도 있어요 (ㅋㅋ)

[After Effects] 애프터 이펙트 트랙 매트 - 알파, 루마 차이

저번에 설명해보겠다고 한 트랙 매트에 대해서 .. 써보겠습니다 근데 저는 전문가는 아니니까... 제가 아는대로 와르르 설명해보겠습니다. (?) 언급된 저번글에서는 마스킹 방법에 대해 좀 더 자

drybone-developer.tistory.com

어쨌든, 여기서는 불투명도 100%인 검은색 먹물 이미지에 일러스트를 마스킹하는것이므로,
알파 매트를 선택합니다.
간단히 설명하자면 알파 매트는 '불투명한 곳에 맞춰서 마스킹해라!' 같은 느낌이라고 보시면 돼요.

2-3. 주의할 점과 응용

이번에도 똑같이, 이미지를 채울 (이 경우 위쪽) 레이어는 배경 투명화가 확실히 이뤄진 상태여야 해요.
안그러면 알파 매트를 했을 때 .. 어떻게 되냐면.. 그냥 평범한 네모 모양으로 됩니다. 끔찍하죠?

루마의 경우는 좀 다르긴 한데 그건 그것대로 결과값이 너무 다양하니 .. 관련 글을 써서 첨부하겠습니다.

마스킹할 때 부분적으로 투명한 이미지를 아래쪽 레이어로 할 경우, 위 이미지처럼 됩니다.
뭐냐면.. 먹물의 색깔은 온데간데 없고, 먹물 모양으로 채울 수 있을 만큼만 채워진 이미지가 되는거죠.
이것도 기본 투명도 유지 옵션과는 다른 결과물입니다.

레이어 옵션에서도 보시면 아시겠지만, 먹물 레이어는 안 보이게 처리돼있어요.
참고로 이 상태에서 먹물 레이어를 보이게 하면 먹물 모양이 일러스트를 다 덮어버립니다.

트랙 매트는 오직 위쪽 레이어 단 하나만을 참조합니다.
그렇기 때문에 그 외의 위쪽 레이어나 아래쪽 레이어나 무슨 일이 일어나든 말든 상관 없단 거죠.
영향을 주고받는 것은 오로지 트랙 매트를 설정한 바로 위쪽 레이어이므로,
이 점만 신경써주시면 오케이.