728x90 반응형 인포그래픽 애니메이션4 애프터 이펙트 / 3D 원형 그래프 인포그래픽(Inforgaphic) 애니메이션 영상 만들어보기! 안녕하세요. 냉칠이입니다! 오늘 게시할 포스팅은 3D 기능을 이용한 인포그래픽 만들기입니다! 시작을 해볼까요!? 1. 도형 만들어주기 배경(Solid)을 하나 만들어주시고 자기가 원하는 도형을 하나 만들어주세요. 저는 이번에 원형으로 해보겠습니다. 2. Trim Paths 넣어주기 도형에 [Add -> Trim Paths]를 넣어주세요. 그런 다음 End의 키프레임 애니메이션을 0초에서 0% 1초 15프레임에서 85% 해주세요. 저는 이런 식의 애니메이션을 만들어주었습니다. 3. 3D 속성 켜주기 이제 도형의 3D속성을 켜주세요. 그럼 [Geometry Options]와 [Material Options]가 생길 텐데 이번에 사용할 것은 [Geometry Options]입니다. 하지만 지금 상태로는 활성화.. 2021. 6. 15. 애프터 이펙트 / 꺾은선 그래프 만들기 인포그래픽(Infographic)애니메이션 / Trimpath , Repeater 활용 안녕하세요. 냉칠이입니다! 오늘 만들어볼 영상은 [Trimpath] , [Repeater] 속성을 활용한 꺾은선 그래프 만들기입니다. 쉬운 작업이니 따라하기 쉬우실겁니다. 그럼 시작해보겠습니다! 1. 그리드(Grid) 만들기 , Repeater 활용 우선 배경 솔리드(Solid)를 만들어주시고 선(Line)을 하나 만들어주세요. 선(Line)에서 [Add 클릭 -> Repeater]를 적용해주세요. [Copies : 5 Transform : Repeater 1의 Position : 0,-100] 을 넣어주세요. 그럼 이런 식으로 완성이 됩니다. 이 방식으로 Y축 선도 만들어주세요. * Y축 선은 해주셔도 되고 안 해주셔도 됩니다. 하지만 X축에 종류 이름이나 그래프 안에 값을 쉽게 넣기 위해서 만들었다가.. 2021. 6. 14. 애프터 이펙트/ 여러개 원형 인포그래픽(Infographics) 애니메이션 만들어보기 ! / Math.round(), Trim Paths, Slider Control 안녕하세요. 냉칠이입니다. 저번 포스팅에서 1개 원형 인포그래픽 애니메이션을 만들어보았는데요. 애프터 이펙트 / 원형 인포그래픽(Infographics) 애니메이션 만들어보기! / Math.round(), Trim Paths, Slider Control 이용 애프터 이펙트 / 원형차트 인포그래픽(Infographics) 만들어보기! /표현식 : Math.round() , Trim Paths 이용 안녕하세요. 냉칠이 입니다! 이번 포스팅은 인포그래픽 영상에 대해서 만들어 보겠습니다! 우선 인포그래픽이란? 복잡한 정보를 쉽고 빠르게 전달하기 위해 차트, 그래픽 등으로 축약해서 표현 beom-studio.tistory.com 이번 포스팅에서는 여러 개 원형 인포그래픽 애니메이션을 만들어보겠습니다. 1. 원형 .. 2021. 6. 13. 애프터 이펙트 / 기본 원형 인포그래픽(Infographics) 애니메이션 만들어보기! / Math.round(), Trim Paths, Slider Control 이용 안녕하세요. 냉칠이 입니다! 이번 포스팅은 인포그래픽 영상에 대해서 만들어 보겠습니다! 우선 인포그래픽이란? 복잡한 정보를 쉽고 빠르게 전달하기 위해 차트, 그래픽 등으로 축약해서 표현한 것. 정보(information)와 그래픽스(graphics)의 합성어로, 정보를 분석 정리하여 차트, 그래프, 아이콘, 그래픽스, 이미지 등을 활용하여 시각화한다. 라고 네이버 지식백과에서 정의합니다. 그럼 한번 만들어 볼까요!? 1. 원형 도형 만들기 애프터 이펙트를 켜주신 다음 Fill은 꺼주시고 Stroke 색만 켜주신 다음 원형 도형 하나 만들어주세요. 저 같은 경우는 Comp 사이즈가 500 X 500이라 작게 만들었습니다. * 2. Trim Paths , Slider Control 넣어주기 도형에서 Add를.. 2021. 6. 12. 이전 1 다음 728x90 반응형
