728x90 반응형 2D 모션그래픽32 애프터 이펙트 / 간단한 아이콘(icon) 로딩 애니메이션 영상 ;안녕하세요. 냉칠이입니다! 오늘은 유투브를 보다가 알고리즘에 의해 나온 간단한 아이콘 로딩 애니메이션 영상을 만들어보려고합니다. 동영상 원본에서는 도형을 4개의 파트로 나누어 각각 다른 애니메이션을 잡아주지만 저는 한 도형을 가지고 4개의 애니메이션을 주겠습니다. 영상출처는 글 마지막에 남겨놓겠습니다! 1. 도형(Shape Layer) 만들어주기 * Rectangle Tool을 이용해서 네모 박스 만들기 * Pen Tool을 이용해서 네모 박스 끝에 꼬리표시 만들기 * Ellipse Tool을 이용해서 네모 박스 안 로딩원 만들어주기 2. Scale을 이용한 애니메이션 원(Shape Layer)를 모두 선택한뒤 [S] 버튼을 눌러 Scale 속성이 나오게 해주세요. 0초에서는 100 7프레임 뒤로 가서.. 2021. 6. 18. 애프터 이펙트/ 여러개 원형 인포그래픽(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. 애프터이펙트 / 텍스트 액체(Liquid) 애니메이션 만드는 법! 안녕하세요. 냉칠이입니다! 오늘 해볼 포스팅은 Liquid 애니메이션을 텍스트에 넣어본 것입니다. 우선 사각형 Shape Layer를 하나 만들어주세요. 그런 다음 왼쪽 화면 밖에서 들어오는 [Position 애니메이션을 잡아줍니다.] [Turbulent Displace]라는 효과를 하나 추가해줍니다. 그럼 사각형의 변이 물결 모양처럼 바뀌게 됩니다. Displacement : Twist Amount : 150 넣어주시고 Evloution 옆 스톱워치를 Alt 누르고 클릭 time*100을 입력해주세요. 이 Shape Layer를 복제해주시고 복제한 레이어는 색을 바꾸고 인디케이터를 이동시켜 한 번에 다 같이 나오게 만드는 것이 아닌 순차적으로 나오게 만들어주세요. 이렇게 배경 부분은 끝났습니다. 이제 .. 2021. 6. 11. 애프터 이펙트 / 3D 텍스트 로고(Logo) 애니메이션 안녕하세요. 냉칠이입니다! 오늘 포스팅할 주제는 3D 텍스트 로고 만드는 영상입니다! 우선 애프터 이펙트를 켜주시고 자기 자신의 로고 텍스트나 타이틀을 적어주세요! 저는 [Beom'StudiO] 적어주겠습니다. 그런 다음 솔리드 하나 생성(Ctrl + Y)해주시고 [Gradient Ramp] 효과를 넣어서 배경을 꾸며주세요. 텍스트 레이어를 프리 컴프(Pre-compose) [Ctrl + Shift + C] 해주세요. 그런 다음 3D를 눌러 활성화시켜주세요. Position 애니메이션을 잡아주세요. * 자기가 원하는 시간초에 가서 먼저 포지션 키프레임 찍어주시고 0초로 돌아와서 화면 밖에서 나타나듯이 보이게 Z 축 값을 넣어주세요. Position 애니메이션을 잡아주셨으면 Rotation을 켜서 텍스트가.. 2021. 6. 10. 이전 1 2 3 4 5 ··· 8 다음 728x90 반응형
