베가스 강좌 - 키프레임 이해하기

베가스에서 키프레임에 대해 이전 글들에서 조금씩 언급한 편이 있었습니다.

키프레임의 역할은 시간에 따른 변화를 주는 것으로 움직임이 없는 것을 있게 만듭니다.

키프레임을 빨리 이해하려면 쉬운 것이라도 여러번 연습하는게 중요합니다.

 

 

키프레임을 이해를 돕기위해 예제를 만들었으니 아래를 천천히 보시기 바랍니다.

( 2가지 방법으로 설명합니다.)

[결과물 미리보기 ]

 

1. 먼저 키프레임에 사용되는 아이콘 설명입니다.

 ① l← 과 →l 은 맨 처음 키프레임과 맨 마지막 키프레임으로 이동합니다.

 ② ← 과 →은 이전 키프레임과 다음 키프레임으로 이동합니다.

 ③ + 와 -는 키프레임을 추가하거나 삭제하는 역할입니다.

 

2. 일단 자동차 이미지를 타임라인으로 옮깁니다. (이벤트 길이 1초)

   이때 배경이 투명한 png나 psd등이 좋습니다.

 노란 네모 상자를 클릭하면 창이 나타납니다.

 

3. 왼쪽 노란 네모 상자에 대한 설명은 이전에 한번 (http://ttochappira.tistory.com/22) 설명했습니다.

 아래 노란 네모상자처럼 키프레임이 맨앞에 있는 상태에서 F크기를 크게 한후 그림처럼 오른쪽으로 옮깁니다. 그렇게 되면 자동차는 작게되고, 앞부분부터 보이게 설정됩니다.

 **Position이라고 쓰여있는 곳 (옆으로 쭉)에서 해야합니다.

 

4. 마지막 위치로 갑니다.

 그리고 F를 자동차 뒷쪽으로 옮깁니다. 이 상태에서 창을 빠져나와 재생시켜보면 자동차가 왼쪽에서 오른쪽으로 이동하는 모습을 볼 수 있습니다.

 

5. 이벤트를 복사해 1프레임 뒤에 붙여넣습니다.

 

6. 첫번째 키프레임으로 갑니다.

 마우스 오른쪽을 클릭한 후 Flip Horizontal을 선택합니다. ( 좌우를 바꿔줍니다.)

그런후 F를 약간 줄이고 자동차 앞부분으로 옮깁니다. 그러면 자동차가 조금 커보이게 됩니다.

 

7. 마지막 키프레임으로 갑니다. .

마우스 오른쪽을 클릭한 후 Flip Horizontal을 선택하고, F를 앞에서 했던만큼 똑같이 줄입니다.

 

8. 첫번째 이벤트를 복사해 두번째 이벤트에서 1프레임 떨어진 곳에 붙여넣기 합니다.

그리고 첫번째 이벤트를 조절할때처럼 F를 줄이고 이동시켜주면 됩니다.

 

 

[ 첫번째 방법 - 동영상 설명 (소리 없음) ]

======== 2번째 방법 =========

9. 3초 길이의 자동차 이벤트를 만듭니다.

10. 아래 그림과 같이 만들어 주면 됩니다. 

 

[ 두번째 방법 - 동영상 설명 (소리 없음) ]

[ 응용 예제 ]