로티파일즈

UI 내 모션은 이미 대세, 로티 파일즈를 소개해드릴게요! – LottieFiles 강좌

안녕하세요 여러분~! 로티파일즈는 단순히 작업한 애니메이션을 JSON으로 출력해서 로티를 쉽게 사용하도록 도와주는 것 뿐만아니라 작업물을 프라이빗하게 공유하거나 임베드 기능을 통해서 같이 일하는 디자이너, 프론트엔드 개발자와 같은 이해 관계자들과 협업시에 도움을 주는 기능을 제공하고 있습니다. 그 외에도 웹사이트 내에서 로티 관련된 다양한 기능들을 제공합니다. 최근 디자인스펙트럼과 로티파일즈가 개최한 Why Motion 행사에서 모션이 중요해지고 있는 상황을 같이 살펴보면서 로티파일즈를 살펴볼게요.

제가 준비한 로티파일즈 강좌를 크게 구분지어 보자면,

  • 로티파일즈란?
  • 에프터이펙트에서 로티파일즈 사용 방법
  • 피그마에서 로티파일즈 플러그인을 통해 ui내에 gif를 적용하는 방법
  • 로티 인터렉티비티를 통해 실제 코드로 애플 인터렉션을 구현하는 방법
  • 그 외에는 로티파일즈 모바일 앱에서 확인하는 방법부터 로티 파일즈 플랫폼 내에 제공하는 여러 유용한 기능들을 소개

*디자인 베이스 강좌는 Mac OS를 기준으로 해서 윈도우 사용자와 일부 차이가 있을 수 있습니다. 윈도우 사용자분들은 영상에서 커맨드(Cmd)라는 단축키 대신 컨트롤(Ctrl)을, 옵션(Option) 대신 알트(Alt)를 눌러주세요.