토스 홈페이지나 카카오 홈페이지에 있는 움직이는 이미지는 어떻게 만드나요?

Question

토스 홈페이지 들어가면 토스 모양이 돌아가고 있잖아요? 이걸 어떻게 만들 수 있을까요? 포토샵 같은 것으로 만들고 이를 업로드 하여 부착을 하는 걸까요? 아니면 웹 디자인 언어인 HTML을 사용해서 이런 모양을 만드는 걸까요?

아이콘이 움직이는 모습을 만들 수 있는 프로그램이나 강의가 있다면 알려주세요

Answer 1

간단한 에니메니션은 css를 활용하거나 포토샵으로 gif를 만들고 복잡한 에니메니션을 만들어야된다면 어도비사의 에니메이트 프로그램을 활용하기도 합니다.

에니메이트를 활용해 만든 에니메이션은 html, javascript로 랜더링해주기도 하니 편한대로 소스를 사용해도 되고 간단하게 mp4파일로 변환해서 활용하셔도 됩니다.

Answer 2

보통은 포토샵이나 일러스트로 GIF를 이용해서 제작하는게 대부분인데

제작하는 업체마다 방법은 다를겁니다 쉽게 생각해서 애니메이션을 생각하시면 됩니다.

조금씩 움직이는결 겹쳐서 움직이는거 처럼 만들잖아요? 그런거라고 보시면 됩니다.