인포그래픽에 유용한 그래프 표현 에프터이팩트. 막대그래프, 원형 그래프, 소수점 지우기는 math.round() expression

오늘은 인포그래픽에 많이 사용하는 라인그래프, 원형 그래프 만들어보기

 

뒤에 배경은 검정색 배경에 비네팅 들어간 화면.

회색 솔리드 만들고 검은 솔리드 만들어서

검은 솔리드 ellipse tool 로 옵션변경한다음 더블클릭해서 마스크

mask에 인버트 체크해서 반대로 만들고

mask feather 값 줘서 부드럽게 해서 비네팅 느낌 만든다.

 

도형 툴로 원형 만드는데 fill 없고 stroke 두께 준다

가운데 기준으로 정확히 그리려면 화면 꾹 누르면서 ctrl shift 같이 누르면서

땡기면 정 원이 만들어짐

중심축 가운데 놓는다. pan behind 툴 누르거나 y 눌러서 ctrl 누르면서 땡기면

자석처럼 걸린다.

 

shape 레이어에 add 에 trim paths 준다

end 값 주면 끝 기준으로 start 값 주면 시작 기준으로 채워짐

그리고 조절할 수 있게 컨트롤러 줘야 하는데

effect - slider control 을 shape에 드래그 앤 드랍

 

slider라는 속성생김. 제어를 당하는 애가 제어를 하는애 한테

expression을 건다 (parent)

end의 값에 스탑워치를 alt 누르며 누르면 픽휩이 생긴다.

end의 픽휩을 slider에 건다. 숫자패드 0 치면 적용 완료

-> slider 값을 움직이면 end 값도 조절됨

 

이제 숫자도 얘한테 조절

t로 수치 입력. 아무 숫자나 입력하고 1의 자리 10의 자리수 생각해서

paragraph 에서 오른쪽 정렬을 선택, y눌러서 중심축 가운데로

 

text의 source text가 slider에 제어당해야함

스탑와치 alt 누르며 클릭 하면 픽휩 생김.

slider에 묶음 그리고 엔터. 누르면 적용 완료

 

shape slider 스탑워치 0에 넣고 2초로 옮겨서 숫자 입력

인디케이터 움직이면 수치가 소수점까지 나옴

 

소수점 지우는게 Math.round expression

expression 문구 앞에 Math.round 주고 () 괄호로 끝까지 닫으면 소수점 짤림

 

slider 키프레임 끝 부분에 easy ease in 줘서 그래프 들어가서

그래프 값을 speed로 두고 곡률 수정하면 빠르게 오르다가 느려짐

(키프레임 앞 부분에 easy ease out 주면 그래프 느리게 가다가 빨라짐)

 

그다음 % 입력, 그래프 그라데이션 주기

stroke option으로 줘도 되고, 우클릭해서 레이어 스타일

그라디언트 오버레이 - 레이어스타일 - 컬러 - 에디트 그라디언트

 

직선은 그리는 순서로 모션 취해짐

위에서 아래로 그리면 위에서 아래로 떨어지고

아래서 위로 그리면 아래에서 위로 올라감.!

 

묶어둘때는 null object 만들어서 쉐입레이어 텍스트 parent 걸기

 

하하하하 재미따...