~에 의해 
튜토리얼 보기
단계 1: Color Matte 만들기
Project 패널에서 New Item을 클릭하고 Color Matte를 선택하세요. OK를 클릭한 뒤 Color Picker에서 사이드바 배경색을 고르고(예제는 흰색) 다시 OK를 클릭합니다. 이어서 이름 대화상자에서도 OK를 클릭하세요.
Mako로 클릭 한 번에: 무료 Mako 패널이 선택한 클립 위, 재생헤드 위치, 첫 번째 빈 트랙에 컬러 매트를 클릭 한 번으로 추가해 줍니다. Mako 무료로 받기
단계 2: 매트 배치하고 위치 잡기
Color Matte를 영상 위 트랙으로 드래그하고 선택한 상태를 유지하세요. Effect Controls를 열고 화면 왼쪽이나 오른쪽 가장자리에 좁은 띠만 보이도록 매트의 Position을 바꿉니다. 이 띠가 바로 사이드바입니다.
단계 3: 텍스트 추가하고 스타일 지정하기
Type Tool로 제목과 본문 텍스트를 추가하고, 사이드바 안에 깔끔하게 들어가도록 원하는 대로 스타일을 지정하세요. 애니메이션을 만들기 전에 텍스트 레이어의 끝을 드래그해 맞춰서 길이가 Color Matte와 같도록 해 두세요.
단계 4: 모두 함께 중첩하기
텍스트, Color Matte, 그 밖에 사이드바용으로 만든 레이어를 모두 선택하세요. 그중 하나를 마우스 오른쪽 버튼으로 클릭하고 Nest를 선택한 다음 OK를 클릭합니다. 중첩하면 사이드바가 하나의 클립이 되어 한 번에 움직일 수 있습니다.
단계 5: 사이드바가 들어오는 애니메이션 만들기
Effects 패널을 열고 Transform을 검색해 중첩한 레이어에 Transform 효과를 적용하세요. 레이어를 선택한 상태에서 Effect Controls를 열고 재생헤드가 클립 시작 지점에 있는지 확인합니다. Transform 아래에서 Position 옆의 스톱워치를 클릭해 키프레임을 만드세요.
사이드바가 지금 위치에서 멈추도록 하려면 이 키프레임을 타임라인에서 조금 앞으로 옮기세요. 그런 다음 맨 처음으로 돌아가 사이드바가 화면 밖에 있도록 Position을 바꿉니다. 재생하면 사이드바가 슬라이드로 들어옵니다.
단계 6: 사이드바가 나가는 애니메이션 만들기
재생헤드를 사이드바가 화면을 떠나기 시작해야 하는 지점으로 옮기세요. 현재 값으로 Position 키프레임을 만든 다음, 사이드바가 완전히 숨겨져야 하는 지점으로 이동해 Position을 다시 바꿔 프레임 밖으로 밀어내세요. 이제 들어오는 애니메이션과 나가는 애니메이션이 모두 완성됩니다.
단계 7: 움직임 부드럽게 만들기
키프레임을 모두 선택하고 마우스 오른쪽 버튼을 클릭해 Temporal Interpolation에서 Ease In을 선택하세요. 같은 방법으로 Ease Out도 선택합니다. 이제 사이드바가 부드럽게 가속하고 감속합니다.
EaseFlow로 더 부드럽게: 베지어 핸들을 직접 끌 필요 없이, 키프레임을 선택하고 클릭 한 번으로 제대로 된 이징 곡선을 적용하세요. EaseFlow 보기
마무리로 Transform 효과에서 아래로 스크롤해 Shutter Angle을 360으로 설정하면 모션 블러가 더해집니다. 그런 다음 Position 옆 화살표를 펼치고 키프레임을 클릭해 파란색 핸들을 표시한 뒤, 움직임이 마음에 들 때까지 핸들을 끌어 속도 그래프를 조절하세요.
팁
- 브랜드에 맞추세요. 매트에는 브랜드 색상을, 텍스트에는 영상의 나머지 부분과 같은 폰트를 사용하세요.
- 머무는 시간은 짧게. 사이드바가 너무 오래 남아 있으면 영상과 시선을 다툽니다.
- 재사용하세요. 중첩한 사이드바를 타임라인의 다른 구간에 복사하고 안의 텍스트만 수정하면 됩니다.
FAQ
애니메이션 전에 레이어를 중첩하는 이유는 무엇인가요?
중첩하면 매트와 텍스트가 하나의 클립으로 묶여서, 한 세트의 Position 키프레임으로 전체를 함께 움직일 수 있습니다.
사이드바를 오른쪽에서 들어오게 하려면 어떻게 하나요?
단계 2에서 매트를 오른쪽 가장자리에 놓고, 애니메이션은 화면 오른쪽 바깥에 있는 위치에서 시작하세요.
애니메이션에 모션 블러는 어떻게 추가하나요?
Transform 효과에서 Shutter Angle을 360으로 설정하세요.
바로 쓸 수 있는 애니메이션 레이아웃이 필요하신가요? 모션 그래픽 템플릿을 둘러보세요.
