『 MX : 타임라인(Time Line) 패널... 』

어김없이 오늘도 찾아왔습니다. 젠입니다. (__);;꾸벅 날씨 요새 정말 춥죠? 모두들 건강 조심하시구요. 연말이라고 해서 술 너무 마시면 몸에 안 좋습니다. 그리고, 절대 음주운전/고성방가는 금지 아시죠? ^^* 오늘은 타임라인에 대해서 한번 쭉 살펴보겠습니다. ------------------------------------------------------------------------ 타임라인은 플래시 무비를 제작하는데 있어서 상당히 중요한 역할을 합니다. 아무래도 시간의 흐름에 따른 오브젝트들의 여러가지 움직임을 만들고, 또한 제작자가 편집을 하기에 쉽도록 오브젝트들, 액션들등등을 일괄적으로 정리하는데에 있어서 타임라인 패널은 꼭 필요하죠... 먼저, 타임라인 패널중에서 앞쪽을 한번 보겠습니다. 위의 그림처럼 제일 아래쪽에 네개의 아이콘이 있습니다. Insert Layer : 레이어를 추가합니다. 레이어라 함은 아실 분은 아시겠고, 모르실 분은 한없이 헷갈리기도 하죠. 예를 들어서, 위의 그림에서 처럼, Layer 1에 푸른 바다의 그림이 있다고 합시다. 그리고, Layer 2 에는 여객선의 그림이 있다고 합시다. 그러면, 우리들이 이 무비를 만들어서 최종적으로 얻게 되는 그림은 어떤 모양이죠? 맞습니다. 푸른바다(배경)위에 떠 있는 여객선의 모습을 보게 되는 겁니다. 음... 제대로 설명이 되지 않았네요..ㅡㅡ; * 광고 : 네X버에서 "레이어"를 쳐봐!!! ^^ * 아무튼 이 아이콘은 레이어를 하나 추가하는 기능을 가지고 있습니다. Add Motion Guide : 모션가이드 레이어를 추가합니다. 모션가이드 레이어는 어떠한 애니메이션을 만들 때에 그 애니메이션 되는 자취를 나타내 줄 때 사용합니다. 즉, 무슨 소리냐 하면요. 예를 들어서, 동그라미를 왼쪽에서 수평하게 오른쪽 임의의 위치로 애니메이션되게 하려면, 우리는 그냥 쉽게 Motion Tweening 애니메이션을 사용하면 되지요. 역시 아래쪽에서 수직으로 윗쪽으로 올라가는 애니메이션도 이렇게 만들 수 있구요. 그러면, 수평이나 수직이 아닌 S자 모양으로 애니메이션이 되게 하려면, 어쩌면 좋죠? 네. 맞습니다. 이럴 때 모션가이드 레이어를 사용한답니다. 아래의 예제를 보세요. 이 무비가 바로 모션가이드 레이어를 사용해서 나타낸 애니메이션입니다. 회색선이 바로 모션가이드 레이어에 들어가 있는 겁니다. 빨간색 동그라미 심볼은 바로 이 회색선을 따라서 움직이게 되는 것이구요. 이제 모션가이드 레이어의 쓰임새를 아시겠죠? 모션가이드를 이용한 애니메이션 효과를 추후 다룰 것입니다. Insert Layer Folder : 레이어폴더라는 개념은 아마도 MX에서 새로 생긴 것일 겁니다. 즉, 이전 버젼까지는 레이어를 따로 정리할 수 있는 방법이 없었죠. 기껏해야 레이어의 이름을 아주 자~알 지어서 제작자가 보기 쉽게 했던 것 뿐이였죠. 하지만, 복잡한 애니메이션 효과를 구현할 때는 수개에서 수십개에 이르는 레이어를 정해진 화면에서 편집하기란 여간 힘든일이 아닙니다. 그래서 새로 생긴것이 레이어폴더라는 것으로 일정한 같은 조건의 레이어끼리 묶을 수 있게 되었습니다. 아까전에 위에서 본 그림에서 Folder 4 라는 이름의 레이어가 바로 레이어폴더입니다. 그 레이어폴더안에 Layer 3 이라는 레이어가 들어가 있는 겁니다.(Layer 3 레이어는 다른 레이어와 다르게 오른쪽으로 조금 들어가 있죠) 레이어폴더 기능으로 레이어가 많이 있는 애니메이션의 경우 조금이라도 깔끔하고 단순하게 레이어들을 정리할 수 있겠죠? Delete Layer : 레이어를 삭제합니다. 선택된 레이어나 레이어폴더를 삭제하는 기능입니다. 더이상 설명 안드려도 되겠죠? 다음으로, 위에 보시면 이렇게 세개의 아이콘이 보일 겁니다. 각각 눈모양, 자물쇠모양, 사각형모양의 아이콘인데요. 먼저, 눈모양의 아이콘은 선택된 레이어에 들어가 있는 모든 오브젝트들을 안보이게 합니다. 눈모양의 아이콘을 누르면, 전체 레이어에 들어가 있는 모든 오브젝트들이 안보이구요. 일부 레이어만 안 보이게 하려면, 해당 레이어와 눈모양 아이콘이 만나는 곳의 까만색 점 있죠? 이것을 누르면 선택된 레이어만 안보이게 됩니다. 위의 예제는 이름이 'Layer 2'인 레이어만 보이지 않게 했을 때의 모습입니다. 자물쇠 모양은 잠금기능을 하는 아이콘입니다. 즉, 선택된 레이어의 잠금기능을 켜면, 해당 레이어에 들어가 있는 오브젝트들을 편집할 수 없게 잠그게 됩니다. 많은 작업을 하다 보면, 다른 레이어의 심볼이나 그림등을 마우스로 잘못 건드려서 지워지거나 위치가 변하거나 하죠? 이럴 때 편집하고자 하는 레이어를 제외한 다른 레이어를 다 잠궈주면 이런 실수를 할 수 없게 되는 겁니다. 마지막으로 사각형 모양의 아이콘은 해당 레이어에 들어가 있는 오브젝트들의 외곽선만 보여주게 됩니다. 아래의 예제를 보세요. * 적용전 * Layer 2 에 빨간색 동그라미가 있습니다. * 적용후 * Layer 2 의 내부는 지워진 것 같이 비게 되고, 외곽선만 나타나게 되죠... 여기서 나타나는 외곽선의 색은 바로 해당 레이어의 사각형 아이콘의 색깔로 나타나게 됩니다. 물론, 실제 동그라미의 외곽선의 색이 아닙니다. 또한 동그라미를 그릴 때 외곽선이 없는 동그라미를 그려도 이 옵션을 적용하면, 해당 오브젝트의 외곽선이 나타납니다. 즉, 오브젝트의 외형만을 보여주는 것이지요. 타임라인의 아래쪽에는 위의 그림같은 부분이 있습니다. Center Frame : 플레이 헤드가 있는 위치의 프레임을 타임라인 상의 가운데로 정렬합니다. 적용전 적용후 위의 그림에서처럼 85프레임의 위치가 타임라인 상의 가운데로 정렬이 됩니다. Onion Skin : 애니메이션에 있어서 여러프레임을 한번에 보실 수 있습니다. 이 아이콘을 클릭하시면, 아래처럼 Onion Skin이 나타납니다. 스킨의 왼쪽 끝 표시는 Start Onion Skin 이고, 오른쪽 끝은 End Onion Skin입니다. 이 Start/End Onion Skin은 마우스로 움직일 수 있구요, 스킨으로 나타날 프레임의 갯수를 각각 끌어서 많게 하거나 적게 할 수 있답니다. 또한 스테이지 상에서는 여러 프레임이 모습이 한 화면안에 보입니다. 무비를 만들고 난뒤 편집시에 사용하면 좋겠죠? * 참고로 이것은 동그라미 오브젝트를 왼쪽에서 오른쪽으로 모션트위닝 애니메이션 시키는 것입니다 * Onion Skin Outlines : Onion Skin에서 스테이지 상의 오브젝트의 외곽선만 보여줍니다. Edit Multiple Frames : 여러개의 프레임을 편집할 때 사용합니다. Modify Onion Markers : Modify Onion Markers 버튼을 누르면 여러가지 서브메뉴가 나타나는데요.... Always Show Markers 는 항상 Onion Marker를 보여주는 기능... Anchor Onion은 현재 위치의 Onion Markers를 잠궈줍니다. 즉, 마우스가 다른 프레임으로 움직여도 Onion Markers는 그대로 있게 되죠. Onion 2는 현재 플레이헤드가 위치한 프레임을 중심으로 좌우로 2개의 프레임에 Onion Markers를 만듭니다. Onion 5는 현재 플레이헤드가 위치한 프레임을 중심으로 좌우로 5개의 프레임에 Onion Markers를 만듭니다. Onion All은 오브젝트가 삽입된 프레임의 첫부분과 끝부분에 Onion Markers를 만듭니다. 그리고, 옆으로 1(숫자), 30.0fps, 0.0s라는 게 보이죠? 제일 앞의 숫자는 현재 플레이 헤드가 위치한 곳의 프레임번호입니다. 30.0fps의 fps는 frame per seconds의 약자일겁니다. 초당 플레이되는 프레임의 갯수를 나타내는 것인데요. 30.0fps라고 하면, 1초당 30개의 프레임이 지나간다는 소리.. 즉, 초당 30프레임을 플레이 한다는 소리입니다. 마지막의 0.0s는 현재 플레이 헤드의 위치가 전체 무비의 재생시간중에서 얼마만큼의 시간에 속하는지를 보여주는 것입니다. 여러분들이 한번 직접 해보세요...^^ 마지막으로 타임라인 상에서 제일 오른쪽 위에 보시면, 위의 그림과 같은 아이콘이 하나 있고, 이 아이콘을 누르면, 위와 같은 서브메뉴가 나타납니다. 각각의 기능을 알아봅니다. Tiny : 프레임으로 나타나는 조그마한 사각형들 있죠? 이 사각형 즉, 프레임의 좌우폭을 가장 좁게 합니다. Small : 프레임의 좌우폭을 좁게 합니다. Normal : 프레임의 좌우폭을 일반폭으로 합니다. Medium : 프레임의 좌우폭을 넓힙니다. Large : 프레임의 좌우폭을 가장 크게 넓힙니다. Short : 프레임의 상하 높이를 좁힙니다. Tinted Frames : frame, keyframe, blank keyframe, tweening animation등등의 표시방법을 다르게 합니다. Preview : 프레임 상에서 스테이지에 있는 오브젝트들을 미리 볼 수 있습니다. Preview In Context : 프레임 상에서 스테이지에 있는 오브젝트들을 미리 볼 수 있구요, 서로 상대적으로 크기등을 구분할 수 있게 보여줍니다. 오늘은 타임라인에 대해서 이모저모를 알아봤습니다. 꽤 이것저것 많이 있기에 페이지가 길어졌군요. 여러분들도 꼭 한번씩 연습해보셔서 다음에 필요할 때 꼭 써먹을 수 있도록 하세요. ^^; 젠은 이만 물러가겠습니다. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 본 게시물은 //xen.new21.org, //cafe.daum.net/macromedia, //www.bcpark.net 외의 이동/불펌을 금지합니다. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ //xen.new21.org