저자: 김진원 WWW.MOTIONLAB.CO.KR WWW.MG25.COM
최근들어 새로운 이펙트들이 발표 됨에 따라 점점 2D와 3D의 경계가 무너지고 있습니다. 애프터 이펙트에서도 3D에서나 가능했던 기능들을 사용할 수 있게 하는 플러그인들이 발표되고 있습니다. 대표적으로 3D 프로그램에서나 가능했던 ‘Dynamic’ 기능을 애프터 이펙트에서도 사용할 수 있는 ‘Newton’, 그리고 3D 오브젝트를 애프터 이펙트 내에서 자유롭게 활용하게 만든 ‘Element 3D’이펙트가 있습니다. 이번 시간에는 이 두 이펙트들을 조합한 예제를 알아 보도록 하겠습니다.
001. 일단 이름은 'Newton', 컴프 사이즈는 1280 X 720, 듀레이션은 10초의 새 컴프를 만들어 줍니다.
002. 다이나믹을 적용할 텍스트 3개를 써줍니다.
003. 그리고 단축키 ‘Ctrl + Y’를 눌러 솔리드를 생성시켜주고, 바닥이 될 부분을 그림 처럼 마스킹 해 줍니다.
004. 텍스트들을 모두 선택한 다음, 화면 상단에서 떨어져야 함으로 텍스트들을 화면 상단으로 위치시켜 줍니다.
005. 텍스트들을 한꺼번에 떨어뜨리는게 아니라 하나씩 차례대로 떨어지게 할 것이기 때문에 그림처럼 가장 아래 있는 텍스트는 그대로 두고, 중간 텍스트는 10프레임에, 가장 상위에 있는 텍스트는 20프레임에 각각 포지션 타임워치를 클릭하여 키프레임을 생성합니다.
006. 그리고 Composition > Newto2 를 클릭합니다. (Newton 이펙트는 다른 이펙트들과 다르게 설치하게 되면 Composition 메뉴에 생성되게 됩니다.)
007. 뉴튼 이펙트를 적용하면 그림처럼 새로운 패널이 열리게 됩니다.
008. 그림 처럼 플레이버튼을 클릭하면 모든 레이어들이 아래로 떨어지게 됩니다. 모든 레이어의 기본 타입은 ;’Dynamic’로 되어 있기 때문에 중력의 영향을 받아 아래로 떨어집니다. 각 레이어들을 용도에 맞게 타입을 설정 해 주어야 합니다.
009. 일단 바닥이 될 솔리드 레이어를 선택 후, 타입을 ‘Static’ 으로 바꿔 주어 고정 시켜 줍니다.
010. 다시 플레이 버튼을 클릭하면 텍스트 레이어들이 고정된 바닥에 떨어지게 됩니다.
011.텍스트 레이어가 한꺼번에 떨어지는 것이 아니라 시간 차를 가지고 떨어지게끔 해줘야 함으로 타입을 바꿔 주어야 합니다. 중간 텍스트와 가장 상위에 있는 텍스트들은 시간 차로 떨어져야 함으로 DESIGN, MOTION 텍스트를 선택한 후, 그림처럼 타입을 ‘Kinematic’으로 바꿔 줍니다. 그러면 기존 애프터 이펙트에서 주었던 키프레임을 유지 하면서 키프레임이 끝나면 다이나믹이 적용되게 됩니다.
(‘Kinematic’타입은 애프터 이펙트에서 준 키프레임을 사용하고 싶은때 사용하는 타입입니다.)
(‘Kinematic’ 을 적용하면 그림처럼 시간차로 텍스트 레이어들이 떨어지게 됩니다.)
012. 세부적으로 더 조절 하고 싶다면, 그림처럼 ‘bounciness’ 값과 ‘Gravity’의 ‘Magnitude’값을 조절 하면 됩니다. ‘bounciness’는 바닥에 튕기는 정도를, ‘Magnitude’는 중력의 강도를 조절할 수 있습니다.
013. 플레이 버튼을 누른 뒤 애니메이션이 끝나면 다시 한번 플레이버튼을 한번 눌러 애니메이션을 멈춰 주고 애니메이션된 프레임을 확인 합니다.
014. Export 패널에서 ‘End frame 에 방금 전 확인한 애니메이션이 끝난 시점 프레임을 입력합니다. 그리고 ‘Apply to New Composition’에 체크가 되어있을 텐데, 체크 되어 있는것을 해지 합니다. 체크가 되어 있으면 새로운 컴포지션에 키프레임이 적용되기 때문에 기존 컴포지션에 그대로 방금 만든 키프레임을 적용하기 위해서 체크를 해지 해 주어야 합니다. 그리고 Render를 클릭 하면 키프레임을 렌더링 하게 됩니다.
015. 램 프리뷰를 해보면 Newton 패널에서 보았던 시물레이션 그대로 키프레임이 설정 되어 있는 것을 확인 할 수 있습니다.
016. 방금 제작한 것은 2D상에서의 시뮬레이션이었습니다. 이것을 3D로 변환해 보도록 하겠습니다. 이제 Element3D 이펙트를 적용할 새 컴포지션을 생성 시킵니다. 이름은 ‘Element’로 해 줍니다. 컴프 사이즈는 기존 1280 X 720 을 유지 합니다.
017. 단축키 ‘Ctrl + Y’를 눌러 솔리드를 생성시킨 후, 이름을 ‘Element’로 해줍니다.
018. 생성된 솔리드에 Effect > Video Copilot > Element 를 적용 시킵니다.
019. Newton 컴포지션으로 다시 돌아가 텍스트 레이어들을 ‘Ctrl + C’를 눌러 복사 해 줍니다.
020. Element 컴포지션으로 돌아와 ‘Ctrl + V’를 눌러 붙여 넣기 해준 다음 그림과 같이 포지션과 로테이션 타임워치를 클릭하여 적용된 키프레임을 모두 삭제 해 줍니다.
021. Element 레이어를 선택후 ‘custom Layer > Custom Text and Masks 옵션의 Path Layer 에 그림과 같이 각각 선택 해 줍니다.
022. 그림과 같이 Scene Setup을 클릭 합니다.
023. 그러면 Newton 이펙트와 마찬가지로 새로운 패널이 나타납니다.
024. EXTRUDE 버튼을를 클릭 하면, Path Layer 1 에 적용 했던 ‘MG25’텍스트가 EXTRUDE 되어져 보여집니다.
025. Material Presets 에서 원하는 Material을 선택하여 더블클릭 하면 텍스트에 맵핑 되게 됩니다.(그림에서 Pro_Shaders 는 이펙트 외에 따로 설치 해 주어야 하는 Videocopilot의 Material Pack 입니다.)
026. 이제 나머지 텍스트 들도 EXTRUDE를 해 주어야 합니다. Extrusion Model을 선택 후 ‘Ctrl + D’를 눌러 복사 해 준 후 그림과 같이 그룹 2 번에 할당 하여 줍니다.
027. Edit 메뉴의 Extrusion > Custom Path 에서 그림과 같이 ‘Custom Path 2’를 선택 해 줍니다.
028. 그러면 그림과 같이 2번째 텍스트가 EXTRUDE 되어 나타 납니다.
029. 같은 방법으로 Extrusion Model을 선택 후 ‘Ctrl + D’를 눌러 복사 해 준 후 그림과 같이 그룹 3 번에도 같은 방식으로 선택하여 줍니다.
030. Edit 메뉴의 Extrusion > Custom Path 에서 그림과 같이 ‘Custom Path 3’를 선택 해 줍니다
031. 그러면 그림과 같이 3번째 텍스트가 EXTRUDE 되어 나타 납니다.
032. 설정이 모두 끝났으면 OK 를 클릭 합니다.
033. 컴포지션 패널을 보면 텍스트 3개가 함께 모여 있는 것을 확인 할 수 있습니다. 텍스트들이 각각 Group 1,2,3 에 할당 되어 같은 위치에 있는 것 입니다.
034. 이제 하나 하나 씩 키프레임을 적용 시키겠습니다. Group1 > Particle Replicator 의 Position XY 와 Rotation > Z Rotation의 타임워치를 클릭하여 키프레임을 생성 시킵니다.
035. Newton 컴포지션으로 가서 MG25 텍스트 레이어의 포지션 키프레임을 ‘Ctrl + C’를 눌러 모두 복사 합니다.
036. Element 컴포지션으로 돌아와 Position XY 에 ‘Ctrl + V’를 눌러 키프레임을 붙여 넣기 해줍니다.
037. 그러면 그림처럼 MG25 텍스트가 바닥으로 떨어지는 애니메이션이 만들어 지게 됩니다.
038. 이번엔 Newton 컴포지션으로 가서 MG25 텍스트 레이어의 로테이션 키프레임을 ‘Ctrl + C’를 눌러 모두 복사 합니다.
039. Element 컴포지션으로 돌아와 Z Rotation에 ‘Ctrl + V’를 눌러 키프레임을 붙여 넣기 해줍니다
040. 그러면 그림처럼 MG25 텍스트가 포지션 뿐만 아니라 로테이션도 함께 애니메이션 되게 됩니다..
041. 이제 같은 방법으로 나머지 텍스트들도 애니메이션을 시켜보겠습니다. 이번엔 Group 2번의 Particle Replicator 의 Position XY 와 Z Rotation 에 타임워치를 클릭하여 키프레임을 생성시킵니다.
042. Newton 컴프로 가서 DESIGN 텍스트 레이어의 포지션과 로테이션 키프레임을 각각 복사합니다. 그런다음 Element 컴포지션의 Group 2 옵션에 각각 붙여 넣기를 합니다.
043. 그러면 DESIGN 텍스트도 떨어지긴 하지만 그림 처럼 텍스트들이 약간 겹치게 됩니다.
044. Group 2번의 Position XY 의 키프레임을 모두 선택 후 Y축을 위로 올려주어서 겹치지 않도록 해 줍니다.
045. 나머지 MOTION 텍스트도 마찬가지 방법으로 이번엔 Group 3번의 Particle Replicator 의 Position XY 와 Z Rotation 에 타임워치를 클릭해 키프레임을 생성시킵니다.
046. Newton 컴프로 가서 MOTION 텍스트 레이어의 포지션과 로테이션 키프레임을 각각 복사 하여 Element 컴포지션의 Group 3 옵션에 각각 붙여 넣기 합니다.
047. 그러면 MOTION 텍스트도 떨어지긴 하지만 마찬가지로 텍스트들이 약간 겹치게 됩니다.
048. Group 3번의 Position XY 의 키프레임을 모두 선택 후 Y축을 위로 올려주어서 겹치지 않도록 해 줍니다.
램 프리뷰로 적용된 애니메이션을 확인 합니다. 다음시간에는 배경 삽입과 색보정을 통하여 디테일과 완성도를 높혀 보도록 하겠습니다.
저자: 김진원 WWW.MOTIONLAB.CO.KR WWW.MG25.COM
최근들어 새로운 이펙트들이 발표 됨에 따라 점점 2D와 3D의 경계가 무너지고 있습니다. 애프터 이펙트에서도 3D에서나 가능했던 기능들을 사용할 수 있게 하는 플러그인들이 발표되고 있습니다. 대표적으로 3D 프로그램에서나 가능했던 ‘Dynamic’ 기능을 애프터 이펙트에서도 사용할 수 있는 ‘Newton’, 그리고 3D 오브젝트를 애프터 이펙트 내에서 자유롭게 활용하게 만든 ‘Element 3D’이펙트가 있습니다. 이번 시간에는 이 두 이펙트들을 조합한 예제를 알아 보도록 하겠습니다.
001. 일단 이름은 'Newton', 컴프 사이즈는 1280 X 720, 듀레이션은 10초의 새 컴프를 만들어 줍니다.
002. 다이나믹을 적용할 텍스트 3개를 써줍니다.
003. 그리고 단축키 ‘Ctrl + Y’를 눌러 솔리드를 생성시켜주고, 바닥이 될 부분을 그림 처럼 마스킹 해 줍니다.
004. 텍스트들을 모두 선택한 다음, 화면 상단에서 떨어져야 함으로 텍스트들을 화면 상단으로 위치시켜 줍니다.
005. 텍스트들을 한꺼번에 떨어뜨리는게 아니라 하나씩 차례대로 떨어지게 할 것이기 때문에 그림처럼 가장 아래 있는 텍스트는 그대로 두고, 중간 텍스트는 10프레임에, 가장 상위에 있는 텍스트는 20프레임에 각각 포지션 타임워치를 클릭하여 키프레임을 생성합니다.
006. 그리고 Composition > Newto2 를 클릭합니다. (Newton 이펙트는 다른 이펙트들과 다르게 설치하게 되면 Composition 메뉴에 생성되게 됩니다.)
007. 뉴튼 이펙트를 적용하면 그림처럼 새로운 패널이 열리게 됩니다.
008. 그림 처럼 플레이버튼을 클릭하면 모든 레이어들이 아래로 떨어지게 됩니다. 모든 레이어의 기본 타입은 ;’Dynamic’로 되어 있기 때문에 중력의 영향을 받아 아래로 떨어집니다. 각 레이어들을 용도에 맞게 타입을 설정 해 주어야 합니다.
009. 일단 바닥이 될 솔리드 레이어를 선택 후, 타입을 ‘Static’ 으로 바꿔 주어 고정 시켜 줍니다.
010. 다시 플레이 버튼을 클릭하면 텍스트 레이어들이 고정된 바닥에 떨어지게 됩니다.
011.텍스트 레이어가 한꺼번에 떨어지는 것이 아니라 시간 차를 가지고 떨어지게끔 해줘야 함으로 타입을 바꿔 주어야 합니다. 중간 텍스트와 가장 상위에 있는 텍스트들은 시간 차로 떨어져야 함으로 DESIGN, MOTION 텍스트를 선택한 후, 그림처럼 타입을 ‘Kinematic’으로 바꿔 줍니다. 그러면 기존 애프터 이펙트에서 주었던 키프레임을 유지 하면서 키프레임이 끝나면 다이나믹이 적용되게 됩니다.
(‘Kinematic’타입은 애프터 이펙트에서 준 키프레임을 사용하고 싶은때 사용하는 타입입니다.)
(‘Kinematic’ 을 적용하면 그림처럼 시간차로 텍스트 레이어들이 떨어지게 됩니다.)
012. 세부적으로 더 조절 하고 싶다면, 그림처럼 ‘bounciness’ 값과 ‘Gravity’의 ‘Magnitude’값을 조절 하면 됩니다. ‘bounciness’는 바닥에 튕기는 정도를, ‘Magnitude’는 중력의 강도를 조절할 수 있습니다.
013. 플레이 버튼을 누른 뒤 애니메이션이 끝나면 다시 한번 플레이버튼을 한번 눌러 애니메이션을 멈춰 주고 애니메이션된 프레임을 확인 합니다.
014. Export 패널에서 ‘End frame 에 방금 전 확인한 애니메이션이 끝난 시점 프레임을 입력합니다. 그리고 ‘Apply to New Composition’에 체크가 되어있을 텐데, 체크 되어 있는것을 해지 합니다. 체크가 되어 있으면 새로운 컴포지션에 키프레임이 적용되기 때문에 기존 컴포지션에 그대로 방금 만든 키프레임을 적용하기 위해서 체크를 해지 해 주어야 합니다. 그리고 Render를 클릭 하면 키프레임을 렌더링 하게 됩니다.
015. 램 프리뷰를 해보면 Newton 패널에서 보았던 시물레이션 그대로 키프레임이 설정 되어 있는 것을 확인 할 수 있습니다.
016. 방금 제작한 것은 2D상에서의 시뮬레이션이었습니다. 이것을 3D로 변환해 보도록 하겠습니다. 이제 Element3D 이펙트를 적용할 새 컴포지션을 생성 시킵니다. 이름은 ‘Element’로 해 줍니다. 컴프 사이즈는 기존 1280 X 720 을 유지 합니다.
017. 단축키 ‘Ctrl + Y’를 눌러 솔리드를 생성시킨 후, 이름을 ‘Element’로 해줍니다.
018. 생성된 솔리드에 Effect > Video Copilot > Element 를 적용 시킵니다.
019. Newton 컴포지션으로 다시 돌아가 텍스트 레이어들을 ‘Ctrl + C’를 눌러 복사 해 줍니다.
020. Element 컴포지션으로 돌아와 ‘Ctrl + V’를 눌러 붙여 넣기 해준 다음 그림과 같이 포지션과 로테이션 타임워치를 클릭하여 적용된 키프레임을 모두 삭제 해 줍니다.
021. Element 레이어를 선택후 ‘custom Layer > Custom Text and Masks 옵션의 Path Layer 에 그림과 같이 각각 선택 해 줍니다.
022. 그림과 같이 Scene Setup을 클릭 합니다.
023. 그러면 Newton 이펙트와 마찬가지로 새로운 패널이 나타납니다.
024. EXTRUDE 버튼을를 클릭 하면, Path Layer 1 에 적용 했던 ‘MG25’텍스트가 EXTRUDE 되어져 보여집니다.
025. Material Presets 에서 원하는 Material을 선택하여 더블클릭 하면 텍스트에 맵핑 되게 됩니다.(그림에서 Pro_Shaders 는 이펙트 외에 따로 설치 해 주어야 하는 Videocopilot의 Material Pack 입니다.)
026. 이제 나머지 텍스트 들도 EXTRUDE를 해 주어야 합니다. Extrusion Model을 선택 후 ‘Ctrl + D’를 눌러 복사 해 준 후 그림과 같이 그룹 2 번에 할당 하여 줍니다.
027. Edit 메뉴의 Extrusion > Custom Path 에서 그림과 같이 ‘Custom Path 2’를 선택 해 줍니다.
028. 그러면 그림과 같이 2번째 텍스트가 EXTRUDE 되어 나타 납니다.
029. 같은 방법으로 Extrusion Model을 선택 후 ‘Ctrl + D’를 눌러 복사 해 준 후 그림과 같이 그룹 3 번에도 같은 방식으로 선택하여 줍니다.
030. Edit 메뉴의 Extrusion > Custom Path 에서 그림과 같이 ‘Custom Path 3’를 선택 해 줍니다
031. 그러면 그림과 같이 3번째 텍스트가 EXTRUDE 되어 나타 납니다.
032. 설정이 모두 끝났으면 OK 를 클릭 합니다.
033. 컴포지션 패널을 보면 텍스트 3개가 함께 모여 있는 것을 확인 할 수 있습니다. 텍스트들이 각각 Group 1,2,3 에 할당 되어 같은 위치에 있는 것 입니다.
034. 이제 하나 하나 씩 키프레임을 적용 시키겠습니다. Group1 > Particle Replicator 의 Position XY 와 Rotation > Z Rotation의 타임워치를 클릭하여 키프레임을 생성 시킵니다.
035. Newton 컴포지션으로 가서 MG25 텍스트 레이어의 포지션 키프레임을 ‘Ctrl + C’를 눌러 모두 복사 합니다.
036. Element 컴포지션으로 돌아와 Position XY 에 ‘Ctrl + V’를 눌러 키프레임을 붙여 넣기 해줍니다.
037. 그러면 그림처럼 MG25 텍스트가 바닥으로 떨어지는 애니메이션이 만들어 지게 됩니다.
038. 이번엔 Newton 컴포지션으로 가서 MG25 텍스트 레이어의 로테이션 키프레임을 ‘Ctrl + C’를 눌러 모두 복사 합니다.
039. Element 컴포지션으로 돌아와 Z Rotation에 ‘Ctrl + V’를 눌러 키프레임을 붙여 넣기 해줍니다
040. 그러면 그림처럼 MG25 텍스트가 포지션 뿐만 아니라 로테이션도 함께 애니메이션 되게 됩니다..
041. 이제 같은 방법으로 나머지 텍스트들도 애니메이션을 시켜보겠습니다. 이번엔 Group 2번의 Particle Replicator 의 Position XY 와 Z Rotation 에 타임워치를 클릭하여 키프레임을 생성시킵니다.
042. Newton 컴프로 가서 DESIGN 텍스트 레이어의 포지션과 로테이션 키프레임을 각각 복사합니다. 그런다음 Element 컴포지션의 Group 2 옵션에 각각 붙여 넣기를 합니다.
043. 그러면 DESIGN 텍스트도 떨어지긴 하지만 그림 처럼 텍스트들이 약간 겹치게 됩니다.
044. Group 2번의 Position XY 의 키프레임을 모두 선택 후 Y축을 위로 올려주어서 겹치지 않도록 해 줍니다.
045. 나머지 MOTION 텍스트도 마찬가지 방법으로 이번엔 Group 3번의 Particle Replicator 의 Position XY 와 Z Rotation 에 타임워치를 클릭해 키프레임을 생성시킵니다.
046. Newton 컴프로 가서 MOTION 텍스트 레이어의 포지션과 로테이션 키프레임을 각각 복사 하여 Element 컴포지션의 Group 3 옵션에 각각 붙여 넣기 합니다.
047. 그러면 MOTION 텍스트도 떨어지긴 하지만 마찬가지로 텍스트들이 약간 겹치게 됩니다.
048. Group 3번의 Position XY 의 키프레임을 모두 선택 후 Y축을 위로 올려주어서 겹치지 않도록 해 줍니다.
램 프리뷰로 적용된 애니메이션을 확인 합니다. 다음시간에는 배경 삽입과 색보정을 통하여 디테일과 완성도를 높혀 보도록 하겠습니다.