에펙 모션 속도 조절 - epeg mosyeon sogdo jojeol

안녕하세요 빠르크입니다.

모션그래픽 기초에서 중급으로 업그레이드 할 수 있는 간단한 방법들을 알려드리고 있습니다.

오늘은 모션에서 중요한 속도감을 주는 방법, 그래프 에디터를 다루는 방법을 알아보겠습니다.

▲그래프 에디터를 이용하면 모션의 속도감이 달라집니다.

▲예제 영상입니다.

#1 텍스트 레이어 : GRAPH EDITOR 입력 후 ramp 이펙트로 그라디에이션 넣어주기

▲텍스트 레이어를 입력 한 후에 이펙트 ramp 를 적용시킵니다.

▲ "start color"는 #FEF2D8 입니다.

▲ "end color"는 #6D9A93 입니다.

#2 3D 레이어로 변경 후 포지션 z값에 키프레임 애니메이션 

▲ 텍스트 레이어를 3D 레이어로 변경해보겠습니다. 

큐브모양의 아이콘을 눌러주세요.

▲겉으로 볼 때는 큰 변화가 없지만

포지션을 열어보면 z축 값이 새로 생성되었습니다.

z축 값에 애니메이션을 넣어주겠습니다.

0 프레임에서 15819.9 정도로 아주 크게 줍니다.

▲5프레임 정도에서는 z축 값을 평소와 같이 0으로 두었습니다.

글자가 정상적으로 보이는 것을 확인할 수 있습니다.

#3 스크립트 활용(decompose_text)

스크립트를 통해 글자를 한 글자 한 글자 분해하겠습니다.

스크립트 다운로드 및 적용 방법 안내는 다음 포스팅을 참조해주세요.

(#14 시간차 애니메이션 http://parkpic.tistory.com/169) 

▲ Decompose text 스크립트를 적용시키겠습니다.

▲ 키프레임을 앞에서 미리 지정해놓았기에 

한 글자 한 글자 분해되면서 

키프레임 적용된 채로 분해가 되었습니다.

#4 간편하게 속도감 주는 법 (키프레임 어시스턴트)

▲모든 키프레임을 선택해보겠습니다. 드래그로 쭈욱 끌어서 선택해주세요.

▲ 키프레임 위에서 마우스 오른쪽 버튼 누르면

키프레임 어시스턴트를 이용할 수 있습니다.

Easy Ease 단축키는 F9입니다. 완만하게 적용되는 애니메이션입니다.

Easy Ease In은 천천히 시작되다가 마지막에 빨라지는 애니메이션 입니다.

Easy Ease out은 빠르게 시작해서 천천히 느려지는 애니메이션 입니다.

▲Easy Ease를 먹이면 키프레임 아이콘이 모래시계로 바뀝니다.

#5 그래프 에디터로 키프레임 속도 편집하기

▲ 그래프 에디터 버튼입니다. 

저기를 누르면 타임라인이 그래프 에디터 화면으로 변합니다.

▲ 화면이 이렇게 변해있습니다. 

색깔별로 x, y, z축 그래프가 있습니다.

현재는 값(value)을 기준으로 그래프가 있기 때문에

우리가 앞서 애니메이션 효과를 준 z축(파란색) 그래프만 변동이 있고

나머지 x축(빨간색), y축(연두색)은 평평한 선을 보이고 있습니다.

▲ 마우스 오른쪽 버튼을 눌러

"Edit Speed Graph" 로 넘어갑니다.

▲ 그림과 같이 분홍색 곡선이 나옵니다.

우리는 앞서 키프레임 어시스턴트로 easy ease를 먹인 상태라

현재 완만한 곡선 형태로 되어 있습니다.

▲ 곡선이 끝나가는 부분에 클릭 한 번 해주세요.

▲ 노란 곡선이 뜹니다. 저기에 동그란 점을 왼쪽으로 끌어다 줍니다.

▲ 노란 점 클릭 후 화살표 방향으로 드래그 해주시면

곡선이 앞으로 기울어진 형태로 변형됩니다.

#6 pt_shiftLayer로 레이어 배치 다르게 하기 (스크립트) 

시차를 두고 나오는 애니메이션과 같습니다.

▲pt_ShiftLayer 스크립트를 실행시켜 줍니다.

▲2프레임씩 간격을 둡니다.

▲각 레이어들이 2프레임씩 따로 떨어져서 실행되는 상태입니다.

그래서 예제 영상처럼 G R A P H E D I T O R이 순서대로 나옵니다.

정리

1. 키프레임 어시스턴트

- Easy Ease 단축키는 F9입니다. 완만하게 적용되는 애니메이션입니다.

- Easy Ease In은 천천히 시작되다가 마지막에 빨라지는 애니메이션 입니다.

- Easy Ease out은 빠르게 시작해서 천천히 느려지는 애니메이션 입니다.

2. 그래프에디터 속도 조절

- Edit speed graph로 넘어 간 후 조절

애프터이펙트를 이용해 멋진 영상 만드는 데 

이 강좌가 도움이 되었다면 

아래의 공감 버튼을 눌러주시면 감사하겠습니다.

[에프터이펙트(에펙) 영상 속도 조절 슬로우모션 만드는 방법]

​

▶ Slow motion , Fast motion

영상 속도를 편집할 수 있게 되면 슬로우모션,패스트모션 등 여러 가지 연출이 가능합니다

(60프레임 미만의 영상으로 슬로우모션으로 작업할 경우 끊김이 발생할 수 있습니다)

Time Stretch라는 기능을 통해 속도를 조절하는 방법을 한번 알아보겠습니다

​

사용 프로그램: Adobe After Effects CS6

[에프터이펙트(에펙) 영상 속도 조절 슬로우모션 만드는 방법]

​

먼저 에프터 이펙트를 실행시켜 주시고 타임라인에 편집하실 영상 소스를 넣어 줍니다

(저는 편집할 영상이 너무 길어 6~7초 정도로 편집하였습니다)

※영상 자르기 단축키: 컨트롤+시프트+D

[에프터이펙트(에펙) 영상 속도 조절 슬로우모션 만드는 방법]

​

▶ Time Stretch

영상 속도를 조절한 패널을 오른쪽 마우스로 클릭하시고 Time → Time Stretch를 클릭합니다

​

※그 외에도 Enable Time Remapping를 통해 키 프레임으로 속도 조절 등등 여러 가지 방법들이 있지만

이번 글에서는 Time Stretch만 다뤄보도록 하겠습니다

[에프터이펙트(에펙) 영상 속도 조절 슬로우모션 만드는 방법]

​

▶ Time Stretch 설정 창

Time Stretch를 클릭하시면 저러한 창이 하나 열립니다

Stretch Factor : 영상 속도를 조절하는 값입니다 기본값 100 (ex:50일시 속도 2배 200일시 속도 0.5배)

New Duration : 영상의 길이입니다

▶ Slow motion 설정을 해보겠습니다

Stretch Factor 을 50으로 설정해 보겠습니다 영상 길이가 6:20 → 3:10으로 줄은걸 확인할 수 있습니다

※기본값이 100이기 때문에 50으로 설정을 했을 때 영상 길이가 딱 절반으로 줄은걸 확인할 수 있습니다

▶ Slow motion 설정 완료

​

영상 속도 설정이 완료된 모습입니다 보시면 초록색 바 가 반으로 줄은 모습을 확인할 수 있습니다

(아래 영상은 원본 영상과 Stretch Factor을 25로 편집했을 시 영상입니다)

Time Stretch 을 다룰 줄 알게 되면 슬로모션 패스트 모션 등 영상을 쉽게 작업이 가능해집니다

어렵진 않지만 굉장히 많이 사용하는 기능 중에 하나이죠

공유하기

게시글 관리

'Adobe After Effects' 카테고리의 다른 글