ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko nb ko ko ko en en ko ko ko ko ko ko ko ko ko en ko ko ko ko ko ko ko ko ko ko fr ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko fr ko ko en ko ko ko en ko ko ko ko en es ko ko ko ko ko ko en
01. UI 내 모션은 이미 대세, 로티 파일즈를 소개해드릴게요! – LottieFiles 강좌 | 디자인베이스
안녕하세요 여러분~! 로티파일즈는 단순히 작업한 애니메이션을 JSON으로 출력해서 로티를 쉽게 사용하도록 도와주는 것 뿐만아니라 작업물을 프라이빗하게 공유하거나 임베드 기능을 통해서 같이 일하는 디자이너, 프론트엔드 개발자와 같은 이해 관계자들과 협업시에 도움을 주는 기능을 제공하고 있습니다. 그 외에도 웹사이트 내에서 로티 관련된 다양한 기능들을 제공합니다. 최근 디자인스펙트럼과 로티파일즈가 개최한 Why Motion 행사에서 모션이 중요해지고 있는 상황을 같이 살펴보면서 로티파일즈를 살펴볼게요.
제가 준비한 로티파일즈 강좌를 크게 구분지어 보자면,
피그마에서 로티파일즈 플러그인을 통해 ui내에 gif를 적용하는 방법
로티 인터렉티비티를 통해 실제 코드로 애플 인터렉션을 구현하는 방법
그 외에는 로티파일즈 모바일 앱에서 확인하는 방법부터 로티 파일즈 플랫폼 내에 제공하는 여러 유용한 기능들을 소개
*디자인 베이스 강좌는 Mac OS를 기준으로 해서 윈도우 사용자와 일부 차이가 있을 수 있습니다. 윈도우 사용자분들은 영상에서 커맨드(Cmd)라는 단축키 대신 컨트롤(Ctrl)을, 옵션(Option) 대신 알트(Alt)를 눌러주세요.
#24 합성의 필수 기능 레이어 마스크 (Layer Mask) – 포토샵 기초 강좌
#5 게슈탈트 이론으로 보는 와이어프레임(지식 UP) – 웹디자인 입문 강좌
04. Lottie interactivity로 애플 웹사이트 따라하기 – LottieFiles 강좌
저작권 완전 무료 이미지 사이트 모음
쉽게 사람 일러스트레이션 믹스 매치 하기 ‘humaaans’
디자인 입문자가 꼭 참고해야 할 사이트
롤업 스탠딩 배너 목업
iPhone 13 Pro Max 목업
10. 자유롭게 화면 조절하는 방법 OrbitControls – Three.js 강좌
27. 귀여운 꿀벌 일러스트 쉽게 만드는 방법 – 일러스트레이터 기초 강좌
09. 3d 물체에 그림자 적용하는 방법 – Three.js 강좌
26. 프리폼 그라디언트로 5초 만에 부드러운 그라데이션 배경 만드는 방법 – 일러스트레이터 기초 강좌
Youtube Instagram Pinterest Naver Blog
포토샵 일러스트레이터 피그마 스케치 XD 프로토파이
웹디자인 웹코딩 인비전 프린서플 Lottie Three.js
소개 매거진 디자인 사전 북마크 무료 소스 문의하기 멤버십
© 2022 Designbase. All rights reserved.