애플 모션5 Motion/애플 모션5 3분강좌

빠르크의 모션5 3분강좌 11강 진행상태표시 그래프 만들기

빠르크의3분강좌 2018. 10. 20. 06:23
반응형

빠르크의 모션5 3분강좌 11강 진행상태표시 그래프 만들기

Create progress graphs with MOTION 5

안녕하세요. 빠르크 입니다. 

오늘은 인포그래픽 쪽에서 많이 사용되는 움직이는 그래프, 진행상태를 표시하는 그래프를 만들어 보겠습니다.

모션에서 만든 그래프를 파이널 컷 프로 X으로 출력해 조정할 수 있습니다.

모션에서 링크 비헤이비어와 슬라이더 위젯을 추가하여 만들어 볼 수 있어요.

가장 기본적인 형태지만 이번 강좌를 통해 슬라이더 위젯 사용 방법을 익혀 볼 수 있습니다.











도형으로 선(Line)을 그어주셔야 합니다.




선의 인스펙터에서 채우기(Fill)은 체크 해제

외곽선은 두께를 140으로 크게




퍼센트 숫자값을 나타낼 수 있는 Numbers를 추가하고 있습니다.



인스펙터에서 들어가 텍스트 제네레이터(Numbers)의 속성을 변경합니다.



Value 값에 링크(Link) 비헤이비어를 추가합니다.




링크 비헤이비어를 추가한 후 Source Object에 Line을 추가합니다.


Source Parameter는 Object-Shape-Outline-Last Point Offset을 추가합니다.




선의 인스펙터에서 Last Point Offset 파라미터에 슬라이더를 추가하겠습니다.



슬라이더를 맞추는 작업입니다.


슬라이더를 0으로 맞춘 후 Edit Mode를 스타트 합니다.


그리고 편집 모드에서 Last Point Offset 슬라이더를 0으로 드래그 합니다.


위의 슬라이더와 밑의 슬라이더가 모두 0으로 맞춘 후 편집 모드를 Stop 시킵니다.



편집이 끝나고 슬라이더와 선의 끝 점이 서로 연동이 되었습니다.


이후 작업은 이렇게 연결된 슬라이더를 퍼블리시 한 후 파이널 컷 프로 템플릿으로 저장합니다.


강의 영상을 보면 더 잘 이해할 수 있을 것입니다.




더 많은 정보는 아래에서 확인하세요.


페이스북 페이지 "빠르크의 3강좌https://www.facebook.com/park3min

인스타그램 https://www.instagram.com/park_3min

티스토리 블로그 https://parkpictures.tistory.com

유튜브 채널 https://www.youtube.com/c/ParkPictures


#빠르크 #모션그래픽 #영상편집 #3분강좌 

#파이널컷프로 #애플모션5 #애프터이펙트 #프리미어프로

#빠르크픽쳐스 #Park Pictures