에프터이펙트 사진 움직 이기 - epeuteoipegteu sajin umjig igi

모션코치의 에펙강좌

이번 시간부터는 예제를 통해 에프터이펙트 모션(움직임) 만들기를 시작해 보겠습니다. 모션 기능은 에프터이펙트의 가장 기초이면서 가장 비중 있게 다뤄지는 기술입니다. 에펙을 하면서 모션을 제대로 배우지 않으면 화려한 이펙트와 합성 기술도 한계가 드러나게 마련입니다. 모션을 할 때 가장 편하게 배울 수 있는 주제가 애니메이션입니다.

애니메이션은 만화, 인형, 캐릭터, 물체 등을 이용해 마치 살아있는 것처럼 움직임을 주는 기술인데요. 애니메이션 효과를 내기 위해 비행기 이미지를 하나 준비했습니다.

비행기가 날아다니는 애니메이션을 통해 모션 효과를 하나씩 배워보도록 하겠습니다.
에프터이펙트 기초강좌니까 차근차근 설명드리겠습니다.

먼저 비행기에 모션을 주기 전에 파일을 먼저 불러와야겠죠. 파일이 필요하면 상단에 첨부한 것을 다운로드해서 사용하면 됩니다. 지난 시간에 에펙을 할 때 가장 먼저 만들어줘야 하다고 했는데 기억하시나요?^^
바로 컴포지션이죠. 지난번에 컴포지션 강좌를 보면서 설정을 미리 해 두신 분들은 Composition Setting에서 그대로 사용하면 되고요.
에프터이펙트 강좌가 처음이신 분들은 세팅값만 간단히 알려드릴게요. 컴포지션이 뭔지 궁금하신 분들은 바로 아래 링크를 클릭해서 확인하시면 돼요.

[에펙의 시작 컴포지션 설정하기]

그럼 컴포지션 설정 창이 나타나게 하겠습니다. Composition메뉴에서 New Compositon을 선택해주세요.

컴포지션 창이 나타나면 Composition Name은 Airplane으로 하고 Preset은 HDV/HDTV 720 29.97로 선택할게요. 그러면 Width, Height 값이 자동으로 가로 1280px, 세로 720px로 나타날 거예요.

그다음은 기본값으로 그냥 사용하면 됩니다. Pixel Aspect Ratio는 Square Pixels, Frame Rate는 29.97로 사용하고 Resolution은 Full, 그리고 Start Frame은 0;00;00;00으로 사용하면 됩니다. Duration은0;00;10;00으로 설정할게요. 모션작업을 할 시간 범위가 10초라는 뜻입니다.

Duration 설정방법은 숫자가 있는 부분을 클릭하면 돼요. Duration 컴포지션을 설정할 때마다 자주 바뀌는 부분이니까 기억해 두세요~! 마지막으로 Background Color는 검은색 그대로 하겠습니다.

컴포지션 값은 똑같이 안 해도 돼요. 개성과 창의성이 중요하니까요ㅎㅎ 하지만 설정값이 다르면 강좌를 보면서 헷갈릴 수 있으니 주의하세요^^; 자~ 설정이 다 되었으면 Ok버튼을 누르면 됩니다.

컴포지션 세팅이 완료되었습니다. Project(프로젝트)에 Airplane 컴포지션이 하나 만들어졌는 것을 볼 수 있습니다.

이제 이미지를 불러오겠습니다. 에프터이펙트에서 이미지를 불러오는 방법은 상단메뉴에서 File을 먼저 클릭하세요.

그러면 중간쯤에 보시면 Import가 있을 거에요. 거기에 마우스를 올리면 메뉴가 몇 개 더 보일텐데요.

제일 위에 있는 File을 클릭하면 됩니다.

Import File이라는 창이 열리면 불러 오고 싶은 파일경로를 찾아 해당 이미지를 클릭하고 Import를 클릭하면 된답니다.
저는 비행기 이미지 하나를 클릭해서 에펙 프로그램으로 가져올게요.

불러온 비행기 파일이 아직 화면(Composition panel)에는 보이지 않는데요.

이미지를 불러오면 프로젝트 패널(Project)에만 airplane 이미지가 나타납니다.

이미지를 클릭한 상태에서 타임라인(Timeline) 패널로 끌고(drag) 옵니다.

그러면 Compositon 화면에 비행기 이미지가 나타납니다.

참고로 타임라인에는 Timeline라는 이름이 나와 있지 않고 컴퍼지션 제목(Composition name)에 적혀 있습니다.
저 같은 경우는 airplane이란 명으로 적혀 있습니다.

타임라인 상에서 이미지에 애니메이션 효과를 적용해 보겠습니다. 타임라인에서 이미지 왼쪽에 보면 삼각형 모양의 버튼이 있습니다. 클릭해 보면 Transform(트랜스폼)이 보입니다.

Transform은 모션을 주는 부분인데요. 삼각형 버튼을 한 번 더 클릭하면 숨겨졌던 5가지 트랜스폼 기능이 나타납니다.

Anchor Point, Position, Scale, Rotation, Opacity가 있습니다. 각각의 설명은 에프터이펙트 강좌를 진행해 가면서 설명해 드리겠습니다.이번 포스팅에서는 Position에 대한 내용만 다루겠습니다.

비행기 캐릭터를 오른쪽에서 왼쪽으로 이동해 보겠습니다. 먼저 처음 위치를 정해보겠습니다. 처음 위치는 화면 오른쪽 아래로 하겠습니다. Position(포지션) 글자 뒤에 640, 360이라는 수치가 나와 있는 것을 볼 수 있습니다.
이 값은 Position의 기본값입니다. (컴포지션 설정할 때 저와 다른 값을 주셨다면 숫자는 차이가 있습니다.)

Position 앞에 있는 숫자는 좌우로 이동할 수 있고 뒤에 있는 값은 상하로 이동하는 것인데요.
앞에 있는 숫자 640을 클릭해서 키보드로 900을 한 번 입력해 보세요.

그리고 나서 뒤에 있는 숫자 360을 클릭해서 500으로 바꾸면 비행기가 오른쪽 아래로 이동합니다.

앞에 있는 숫자 값이 커질수록 오른쪽으로 이동하고 뒤에 있는 값이 클수록 아래쪽으로 이동한다는 걸 알 수 있습니다.

이렇게 이미지의 처음 위치를 설정했다면 애니메이션을 만들기 위해 키프레임을 설정해 보겠습니다.

키프레임은 값에 변화를 주어 움직임을 나타낼 때 사용하는 기능입니다. 키프레임은 에프터이펙트에서 모션을 줄 때 반드시 필요하다는 걸 기억해 두세요^^ 설정 방법은 아래 그림에 있는 알람시계처럼 생긴 버튼을 누르면 됩니다. 그러면 타임라인 오른쪽에 마름모꼴의 도형이 보일 것입니다. 이것이 키프레임입니다.

어떤 변화가 발생했는지 화면에서 미리보기를 해 보겠습니다.
에프터이펙트 화면 오른쪽에 프리뷰(Preview) 패널에서 삼각형 모양(오른쪽에 생선모양 같은 거 있죠ㅋ)으로 된 재생버튼을 누르면 화면에서 미리보기를 할 수 있습니다.

현재 아무런 움직임이 없죠. 정상입니다^^ 키프레임은 2개 이상 있어야 변화가 있습니다.

그럼 키프레임을 하나 더 만들어 보겠습니다. 타임라인 왼쪽 위에 수치가 보일 겁니다. 현재 0;00;00;00으로 설정되어 있는데요. 현재 0초라는 뜻입니다. 시간을 5초로 이동해 볼게요. 시간을 바꾸는 방법은 숫자 부분으로 마우스를 가져가면 손가락 모양이 나오는데요. 이 상태에서 마우스를 클릭해서 키보드로 숫자를 직접 입력할 수 있습니다.

세 번째 구역(두 번째와 세 번째 세미콜론 사이)에서 0으로 된 부분을 마우스로 드래그해서 선택한 후 키보드로 숫자 5를 누르고 엔터키를 누르면 됩니다.

그러면 0;00;00;00에서 0;00;05;00로 이동한 것이 되겠죠. 현재의 시간이 0초에서 5초로 이동한 것입니다.

에펙에서 시간단위는 세미콜론(;)을 기준으로 시간, 분, 초, 프레임 순입니다.

그러니까 '초 단위'로 시간을 이동하려면 세 번째 구역의 수치를 바꾸어주면 되겠죠^^

현재의 시간을 가리키는 빨간색 선모양으로 된 타임바가 5초를 가리키는 것을 확인할 수 있습니다.

타임바가 가리키는 곳이 현재의 시간입니다. 타임바 제일 윗 부분에 노란색 역삼각형 모양을 클릭한 상태로 이동하면 현재의 시간도 바꿀 수 있는 또 한가지의 방법이 된답니다. 편한 방법을 사용하면 돼요^^

5초 지점에서 키프레임을 하나 추가해 보겠습니다. Position에 400, 300을 입력할게요.

5초 지점에 키프레임이 하나 생기고 비행기 캐릭터는 왼쪽 상단으로 이동하는 것을 볼 수 있습니다.

이제 오른쪽 Preview 패널에서 재생버튼을 클릭해 보세요.비행기가 이동하는 것을 볼 수 있습니다.

이번 포스팅에서는 애니메이션 효과를 통해서 에프터이펙트의 모션기능을 배웠습니다.

에프터이펙트 강좌 기초편에서 제가 가장 많이 다루는 부분이 바로 모션일거에요^^
모션은 역동적인 모션그래픽의 토대가 될 뿐만 아니라 화려한 이펙트 효과를 줄 때도 꼭 필요하답니다. 오늘 공부한 내용은 다시 한번 실습해 보길 권해드립니다. 특히 모션을 주기 위해서는 2개 이상의 키프레임을 준다는거 잊지 마세요^^