728x90 300x250 SMALL 인터랙션6 Lottie 애니메이션 만드는 법(After Effects + Bodymovin) Lottie 애니메이션 만드는 방법Lottie 애니메이션은 주로 After Effectsㄹ 제작된다. AE에서 애니메이션을 만든 후, Bodymovin이라는 플러그인을 통해 JSON으로 추출한다. 준비물Adobe After Effects 설치Bodymovin 플러그인 (AE에서 설치 가능)또는 LottieFiles 웹사이트(직접 다운로드 or 편집)제작 과정1. AE에서 애니메이션 제작텍스트, 도형, 패스 등을 활용한 벡터 애니메이션 제작이미지 사용 시 JSON 파일 크기 증가 주의!2. Bodymovin으로 추출윈도우 메뉴 > Extensions > Bodymovin원하는 컴포지션 선택 후 Render클릭.json 파일 생성됨3. 웹에서 미리보기(LottieFiles 추천)LottieFiles.com에.. 2025. 5. 5. 사용자 클릭 시 애니메이션을 구현하는 방법 사용자 클릭 시 애니메이션을 구현하는 방법예를 들어, 버튼을 클릭하면 버튼이 부풀어오르는 애니메이션을 적용하거나, 클릭을 통해 다른 콘텐츠가 나타는 효과를 만들 수 있다. 클릭하세요 위 코드는 사용자가 버튼을 클릭했을때 transform:scale(1.1)효과로 버튼이 부풀어 오르는 애니메이션을 구현한다.transition: transfrom 0.3s ease로 애니메이션의 속도와 스타일을 설정하여 부드러운 효과를 만들 수 있다. 클릭하세요">클릭하세요 2025. 3. 18. 이전 1 2 다음 728x90 반응형 LIST