디지털로 애니메이션을 만들려면 Adobe After Effects와 같은 소프트웨어를 사용해야 합니다. 그러나 이러한 소프트웨어는 작업이 복잡하기 때문에 누구나 쉽게 사용할 수 있는 것은 아닙니다. 그런 문제를 해결하고 누구나 쉽게 브라우저에서 애니메이션을 만들 수 있는 "Animatize"를 엔지니어 David Miranda 씨가 공개했습니다.
Animatize - animations the easy way
https://animatize.com/
우선 샘플을 보고 애니메이션을 만듭니다. 방법은 간단하며, "Try it out!" 부분에 있는 하늘색 배 아이콘을 검은색 배경 위에서 움직일 뿐.
화면 상단에서 배를 움직이면 하단의 더 큰 이미지에서 애니메이션으로 만들어집니다.
작성한 애니메이션은 아래에 있는 「generate code」를 클릭해 「copy code」를 클릭하면, 웹사이트에 삽입 가능한 코드로 출력됩니다.
Animatize에서는 준비된 이미지뿐만이 아니라, 아무 이미지나 애니메이션으로 만드는 것도 가능합니다. 자신의 애니메이션은 페이지 하단의 "Make your own animation" 부분에서 만듭니다. 「upload a background」 부분에 애니메이션의 배경이 될 이미지, 「upload a character」 부분에 움직이고 싶은 이미지를 업로드하면…
마우스의 드래그로 캐릭터를 움직일 필요가 있기 때문에 섬세한 움직임을 재현할 수는 없습니다만, 문자 그대로 「간단한 애니메이션을 간단하게 작성」할 수 있습니다. 하지만 삽입 코드가 너무 길어 페이지를 로드하는데 시간이 오래 걸리는 경우도 있습니다.
'트렌드 이슈 · 토픽' 카테고리의 다른 글
| 주식이나 금보다 유리한 투자는 ‘레고투자’ 평균 수익률은 무려 연율 11% (0) | 2022.01.23 |
|---|---|
| 백내장 수술을 받은 고령자는 치매 위험이 낮아진다는 연구 결과 (0) | 2022.01.15 |
| 무려「세컨드 라이프」창업자가 메타버스 유행에 맞추어 복귀 (0) | 2022.01.15 |
| 유튜버가 41억에 구입한 포켓몬 카드가 가짜였던 것으로 밝혀져 (0) | 2022.01.15 |
| [2021년판] 세계에서 가장 아름다운 얼굴 Top 100(51~100) (0) | 2021.12.30 |
| [2021년판] 세계에서 가장 아름다운 얼굴 Top 100(1~50) (0) | 2021.12.30 |
| 아이폰에서 안드로이드로 데이터를 변환하는 iOS용 앱 [Switch to Android]를 구글이 개발중 (0) | 2021.07.30 |
| ASUS의 게임폰 최상위 모델 'ROG Phone 5 Ultimate' 및 전용 외장컨트롤러 'ROG Kunai 3 Gamepad' 리뷰 (0) | 2021.07.23 |
