1월 2016 ~ Blue Water

애니메이션과 키프레임 용어

애니메이션은 움직이는 그림을 뜻하는데 그림이 살아 움직이는 건 아니고
여러장의 장면을 빠르게 보여줌으로써 움직이는 것처럼 보이게 한다
키 프레임의 경우 보통 중요한 컷을 말한다

애니메이션의 제작, 원화와 동화

애니메이션이 여러장의 그림을 나열하는 것은 알고 있을 것이다
그런데 그러한 그림을 노트에서 페이지 넘겨서 움직이는 졸라맨 그리듯이
무작정 순서대로 그리진 않는다
먼저 원화라고 Key Animation을 그린 후 그것을 연결하는 동화를 그린다
예를들어 공이 위에서 아래로 떨어지는 애니를 만든다면
원화가는 어디에서 공이 떨어질지에 대한 그림을 그리고
어느 바닥에 도착할지에 대한 그림을 그린다
그럼 총 두 장의 키 애니메이션이 만들어진다. 하지만 이 두 장으론 애니가 성립되지
않는다. 그것을 위해 동화맨들이 두 장을 바탕으로 중간에 연결되는 그림을 왕창
그리는 것이다.
만약 원화가가 한 장은 개를 그려놓고 한 장은 우주를 그려놓으면
동화맨으로썬 이 두 장 사이에 뭘 그리라는 건지 혼란에 빠질 것이다
그러므로 키 애니메이션은 거의 모든 중요정보를 담고있는
말 그대로 그 장면 장면의 키가 되어서 누가봐도 중간 장면을 예상할 수 있어야한다

키 프레임

애니메이션과 비교

3D 프로그램에서 동영상편집, 그리고 플래시에 이르기까지 키 프레임은
거의 일상적 용어이며 위의 키 애니메이션 개념과 다르지 않다
프로그램상에서 원화가는 바로 당신을 뜻하며 동화가는 프로그램이다
예를들어 위의 공애니의 경우 공을 일정위치에 놓고 키 프레임을 하나 찍는다
그리고 또 다른 위치에 놓고 10초뒤 키 프레임을 하나 찍으면
그 중간 과정을 프로그램이 알아서 생성한다. 그럼으로써 애니메이션이 완성된다

컷 추가

프로그램상에서 타임라인의 기본은 노컷이다
완전 통짜로 되어 있어서 10초짜리 타임라인이라면 키 프레임이 들어가지 않는다면
한 장면을 10초간 보여줄 뿐이다. 여기서 키 프레임이 바로 컷의 역할을 한다
애니메이션이란게 성립할려면 최소한 2장면은 필요하다.
그래서 키 프레임이 반드시 2개 이상이 되었을때야 비로서 애니메이션이 성립하게 된다

속성

일반 애니메이션의 경우 움직임이 키의 요소지만
프로그램에선 변할 수 있는 것들은 모조리 키로 만들 수 있다
예를들면 불투명도에서 소리에 이르기까지 말이다
1초에서 불투명도를 100%로 놓은 키와 10초에서 불투명도를 0%로 놓은 키가 있다면
10초로 이르는 사이 서서히 투명해지는 애니메이션을 만들 수 있고
1초에서 볼륨을 0%로 해놓은 키와 10초에서 100%로 놓은 키가 있으면
볼륨이 서서히 커지는 효과의 애니메이션(?)을 만들 수 있는 것이다
이때 이것들은 하나의 키 프레임에서 처리하진 않고 속성들이 고유의 키 프레임을 갖는다
위와 같은 경우 키 프레임이 4개가 된다.
속성이 많으면 많을 수록 키 프레임 수도 팍팍 늘어나는데 사실 그렇게까지
많이 쓰진 않으며 각 키 프레임도 드래그로 조정 가능하게 하는 것은 기본이고
snap 기능, 복사 등등 최대한 노가다를 적게하도록 만들어져 있다. ~~그래도 노가다~~

그래프

키 프레임 자체는 잘 보인다. 그게 찍혀있으면 거기에 컷이 한장 있다는 소리고.
키 프레임을 클릭하면 수치창이 나와서 수치를 조정해줄 수 있다.
하지만 전체적인 움직임은 좀 알기 어려운 점이 있다
그래서 그러한 움직임을 직관적으로 보여주자고해서 나온 것이 그래프이다

와… 직관적이네요????
처음보면 무슨 개풀씨나락 까먹는 직관이냐고 생각할지 모르겠지만
우리의 수학이 더러운 주입식이라 그렇지 실제 사용에서 그래프는 매우 편리한 도구다.
저것만 봐도 쪼금이라도 키 프레임 지식이있다면 바로 초록색 수직라인은 현재 타임이고
검은 네모들은 키 프레임이고 각각의 색색 곡선들은 저위의 사각형 상자에 나와있는
방향화살표랑 색깔이 매치되는 것을 알아볼 것이다
예를들면 파란색이 저 상자의 위쪽 화살표니까 10초에서는 -7쯤 위치에 있다가
100초에 다가설수록 곡선형으로 수치가 증가해 7에 다다른다
즉 상자가 10초에서 100초가 되면서 위로 천천히 오르다가 점점 빠르게 오르다가
마지막에 가서는 완만하게 오르게 되는 것을 그래프로 한눈에 알 수 있다
보통은 그러한 움직임을 알려면 직접 플레이 해보는 수밖에 없지만 이처럼 그래프는
어떻게 진행되는 지를 한장으로 보여주는데 반하지 않을 수가 없다
(참고로 본인은 수학은 잼병에 그래프는 인류의 적이라고 생각했던 사람이다 ~~한국교육 ㅅㅂ~~)
왠만한 프로그램에서는 타임라인을 잘 뒤져보면 그래프를 보여주는 옵션이 있는데
거기에 익숙해지면 작업이 엄청 편해지게 되는 것은 말할 것도 없다

3D 애니메이션

본인은 3D 애니메이션이라 하면 엄청나다는 생각만 가지고 있었고
그 실체는 역시 엄청날 것이다 라고만 생각했다
즉, 엄청난 거라고 미리 겁먹고 생각할 의지가 생기지 않았다
사실 나랑 관계없는 세계니 관여할 생각도 없었고
근데 재수없게도 약간 관계가 생겼다
그래서 그 엄청난 세계에 발디뎠는데.. 알고보니 사실 똑같았다
한 장면과 다른 장면을 찍어놓으면 프로그램이 알아서 중간과정 만드는거
위랑 하나도 안다르다.
리깅과 핸들을 만들고 마지막에 애니를 재생하면서 간신히 알아낸거지만..ㅡ,.ㅡ;
단지 똑같긴 한데 보통 2D랑 쪼끔 다른건 원하는 장면을 위한 포즈를 취하게 하는게
여간 힘든게 아니였다는랑 그걸 위해서 리깅과 핸들 같은 생소한 개념이 들어가서
헷갈렸다는 것 정도다.

결론

결국 키 프레임을 만드는 것은 변화 전과 변화 후의 장면을 만드는 것이다
우린 작곡가 처럼 오선지에 음표를 넣듯이 타임라인에 키프레임을 넣어주면 된다
1초에 도를 넣고 10초에 솔을 넣으면 컴터가 알아서 도레미파솔 이라고 연주해주는 것이다
물론 레 미 파 솔도 직접 키프레임으로 찍어 넣을 수 있다. ~~노가다가 그렇게 하고 싶다면~~

여타 프로그래밍이 그렇듯이 본질은 사실 단순한데
그걸 편하게 한다고 덕지덕지 붙이고 보니 실체는 안보이고 복잡한 외부기능들만
보여서 어려워지는 것이다.
개념만 이해하고 나면 이제 어떤 프로그램이더라도 애니메이션을 만드는데
각 프로그램의 세세한 것들만 좀 다를 뿐이지 큰 장애는 없을 것이다

Written with StackEdit.

편집툴 설명

Track Select Forward Tool

커서가 위치한 지점의 전방의 모든 트랙의 클립이 선택된다
Shift를 누르면 단일 트랙만 선택가능하다
Backward는 반대방향

Ripple Edit Tool

클립의 길이를 늘리거나 줄인만큼 다른 공간도 따라 움직인다
예를들어 뒤에 클립과 30초 간격이 있었다면
뒤로 쭈욱 늘리면 뒤의 클립도 밀려나며 30초 간격을 그대로 유지한다
반대로 뒤에 클립과 딱 붙었을 경우 일반 툴로 줄이면 그대로 빈공간이 생기지만
물결툴을 사용하면 뒤의 클립이 따라오며 공간이 생기지 않는다

Rolling Edit Tool

클립들이 붙었을 경우만 작동하는데
물결툴은 다른 클립과 간격만 유지하지 다른 클립의 내용은 건드리지 않는반면
이건 이쪽의 길이를 조정하면 다른 쪽의 길이도 그만큼 조정된다
두 개의 클립의 전체길이는 그대로면서 한쪽을 줄이면 한쪽이 늘어나는 식이다
두 클립간의 % 조정툴 정도로 보면 될것 같다

Rate Strech Tool

위의 툴들은 실제로 내용을 줄이거나 늘리는게 아니라 보여지는 in out 점만
설정하는 것임에 반해 이 툴은 실제 내용을 늘리거나 줄임으로써
슬로우나 패스트 모션이 되게 한다

Razor Tool

이 툴은 클릭해서 사용할 경우는 거의 없고 단축키로 사용한다
Ctrl+k 이지만 엄청나게 사용하므로 1번 키로 변경할 것을 추천한다

Slip Tool

클립의 내용물을 미끌어 트린다. 무슨 말이냐면 내용물의 in out 점을 변경한다
예를들어 어떤 영상의 클립이 있는데 이 클립의 내용이 영상의 중간지점 10초라고 하자
여기서 영상의 시작부분을 in 점으로 잡는 10초로 만들려면
앞의 in 부분을 시작점까지 쭈욱땡기고 뒷부분도 쭈욱 땡겨줘야한다
하지만 Slip Tool 을 사용하면 클립 10초는 그대로고 안의 in out만 변경할 수 있다
Slip Tool 로 드래깅할때 패널에 현재 시작시간과 끝시간 그리고 각각의 화면이 나타나니
보면서 알맞게 조절할 수 있다

Slide Tool

일반 툴로 이동시키는 것과 다른 점은
연결된 다른 클립의 in out 점을 변경시킨다.
예를들면 1,2,3 클립이 있다고 하자. 여기서 세개는 딱 붙어있고
2번을 3번쪽으로 드래깅하면 1번의 out이 2번에 딱 붙어 늘어난다. 반대로 3번의 in 점은 2번 끝점에
붙어 줄어든다. 이걸 일반툴로 재현하면 3번은 똑같은 현상이 일어나지만 1번은 늘어나지 않고
그냥 공간(Ripple)만 생긴다

Pen Tool

펜툴은 타임라인상에서 키프레임을 쉽게 만들고 조정할때 쓰인다
키프레임의 개념 바로가기
타임라인상에서 키프레임을 조절한 그래프를 보이게 하는 방법은
첫째로, 트랙헤더위쪽의 스페너 모양의 환경설정에서 키프레임을 보이게 하는가를
체크해야한다. 기본적으로 체크되어 있지 않으니 체크해야한다
둘째로, 트랙자체의 높이를 키워야 그 안에 설정선이 보인다. 트랙헤더의 위아래 경계를
드래그해서 확장하거나 트랙헤더의 빈부분을 더블클릭하면 보이게 된다
선부분에 클릭하면 키프레임이 추가되고 이동시에도 그대로 클릭해서 드래그하면된다
곡선효과를 줄려면 Ctrl 키를 누른채로 드래그하면되고 드래그대신 그냥 클릭하면
곡선효과를 취소한다
이펙트 패널과 달리 타임라인상에선 공간의 제약으로 효과 그래프가 한줄만 보이며
기본적으로 비디오의 경우 투명도(opacity), 오디오의 경우 볼륨이다
선을 그대로 올리고 내리면 이펙트의 수치가 전체적으로 변한다
예를들어 오디오 트랙의 선을 아래로 내리면 클립전체 볼륨이 줄고 올리면 볼륨이 오른다
키프레임을 추가하면 원하는 부분만 조정가능하며
이펙트 그래프, 선의 경우 클립 오른쪽 클릭 메뉴의 가장 아래의
Show Clip Keyframes 에서 고를 수 있다.
이때 오디오랑 비디오가 링크되어 있으면 오디오쪽만 고를 수 있으니
처음부터 clip을 선택할때 alt 키로 개별적으로 선택하길 바란다

클립 기초 개념

클립은 원본에서 일정부분을 자른다는 개념이 아니라
원본을 통채로 복사해왔지만 보여질 부분의 시작(in)에서 끝(out) 부분만 보이게
해놓고 가린 상태라고 보면 된다.
결국 클립을 늘이고 줄이는 것은 보여질 부분을 조정하는 것이다

프리뷰 옵션

cc 이전버전은 프리뷰창의 위의 3줄짜리 아이콘을 클릭하면 옵션이 펼쳐졌지만
cc 이후에는 프리뷰 타임근처의 스패너 아이콘을 클릭해야한다

loop를 지정해놓으면 재생시 in 으로 날라가서 out 과의 사이를 반복하고
지정해 놓지 않으면 재생시 현재 타임지시자에서 재생을 시작한다

여러 클립 드래그

클립을 드래깅할때 여러개를 선택했음에도 실질적으론 한개만 드래깅된다
여러개를 하고 싶으면 드래깅 커서]가 나타날때 그냥 클릭하면
그 커서가 그 클립에 달라붙게되는데 shift와 함께 쓰면 여러클립에 붙일 수 있다.
그상태에서 드래깅 하면 여러클립을 함께 드래그가 가능하게 된다

여러 클립 speed/duration

그냥 늘이거나 줄이면 각 클립들이 서로간의 간격따윈 무시하고 줄어들거나
커진다. 그래서 공간(ripple) 이 발생하거나 반대로 겹치게 되는데
speed/duration팝업 아래쪽의 ripple.. shift 어쩌구 체크하면 알아서 간격 조절해준다

여러 클립 fade 등 트랜지션 적용

먼저 이펙창에서 원하는 트랜지션을 오른쪽 클릭해서 디폴트로 설정해준다
그 후 여러 클립 선택해서 ctrl+d
혹은 여러 클립 선택후 그냥 오른쪽 클릭 팝업은 다른 메뉴가 뜨고
위처럼 드래깅 커서 ] 가 뜨게 가장자리로 간후 오른쪽 클릭하면
apply default transitions 가 뜬다. 그거 선택하면 적용