8강 : 꺽은선그래프 애니메이션(애프터이펙트)

8강 : 꺽은선그래프 애니메이션(애프터이펙트)

​

​

안녕하십니까?

오늘은 꺽은선그래프 애니메이션 효과를 알아보겠습니다.

​

1. 애프터이펙트를 열고 컴포지션을 하나 만듭니다.

컴포지션 이름은 본인이 원하는대로하고 사이즈는 기본HD사이즈인 1280 X 720 으로하고 프레임레이트는 29.97, 듀레이션은 20초로 합니다.

꺽은선그래프를 만들어주기위해 흰색의 솔리드를 하나 만들어줍니다.(Layer → New → Solid).

비네팅효과를 주기위해 엷은 회색의 솔리드도 하나 만듭니다.

방금만든 회색솔리드를 선택한다음 바의 원형쉐입툴바를 선택하고 원형쉐입툴바를 떠블클릭하여 타원형마스크가 씌워지게 만듭니다.

①마스크의 Inverted를 체크하고 훼더값을 올려서 부드럽게 만들어줍니다.

②꺽은선그래프를 만들기위해 펜툴을 선택한다음 스트록은 검정색으로, 필은 없애줍니다.

쉐입과 솔리드 모두를 자물쇠로 채운다음 펜툴로 그래프를 만들고 수치도 적어 넣습니다.

수치를 모두 선택한다음 ③윈도우의 얼라인 패널에서 중심을 맞춰줍니다.

2. 꼭지점에 원형도형을 만들어 7개를 복제합니다.

선그래프를 선그래프라 이름을 정하고 삼각버튼을 눌러 창을연다음 "Contents"의 ADD버튼을 눌러서 열린메뉴에서 ①"Trim Paths"를 선택한다음 생성된 Trim Paths 패널에서 END의 값을 줄임으로서 패스의 처음으로 값을 이동합니다.

즉 END의 값이 0 이었다가 100 으로 되는 애니메이션을 만들어 보겠습니다.

인디케이터를 0으로 놓고 END 값을 0으로 주어서 스탑워치를 넣습니다. Alt + Shift + J 를 눌러 인디케이터 창을 불러서 5 초를 입력하여 5초로 옮긴다음 END 에 100 을 주고 스탑워치를 넣습니다.

원형 쉐잎에도 각각 넘버를 넣습니다.

원형쉐잎 1번부터 쉬프트키를 누르면서 8번까지 선택한다음 단축키 "S"를 눌러서 Scale 을 꺼냅니다.

스케일을 0으로 만든다음 스탑워치를 누룹니다. 물론 인디케이터는 0으로 옮긴후에 합니다.

인디케이터를 10프레임뒤로 이동한다음 스케일을 100%로 만들어줍니다.(뭔가 액션을 취하면 스탑워치는 자동으로 생성이됩니다.)

생성된 키프레임을 선택한상태에서(현재는 선택이 된상태입니다.) 마우스 우클릭을 하여 Keyframe Assistant → Easy Ease In 을 선택합니다. 그래프에디터 들어가서 핸들을 앞으로 빼주면 애니메이션 딜레이가 심해집니다.

각각의 레이어를 순차적으로 애니매이션작업을 해주면 완성됩니다.

결과물