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 ko ko ko ko ko ko ko fr ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko en ko ko ko en ko ko ko ko en es ko ko ko ko ko ko en
#4 로티 출력된 코드 분석하기 – Lottie.js 강좌 | 디자인베이스
홈 Lottie #4 로티 출력된 코드 분석하기 – Lottie.js 강좌
로티 네번째 강좌입니다. 이번 lottie 강좌에서는 출력한 코드를 분석하는 시간을 가져볼게요. HTML, CSS, JS, Json 타입으로 나뉩니다. 어떻게 동작하는지 살펴보도록 할게요.
이후 강좌부터는 멤버십 회원을 대상으로 제공중입니다. 구독 옆에 ‘가입 버튼’을 통해 가입 후 영상을 시청하실 수 있습니다 🙂
*디자인베이스 강좌는 Mac OS를 기준으로 해서 윈도우 사용자와 일부 차이가 있을 수 있습니다. 이 강좌에서 제가 사용하는 툴은 에프터이펙트와 비주얼 스튜디오 코드(Visual Studio Code)를 사용합니다. 여러분이 VS Code 말고 다른 에디터를 사용한다면 환경이 다를 수 있습니다. 하지만 언어는 똑같기 때문에 작업하는 데 문제는 전혀 없습니다.
lottie.js를 사용하기 위한 환경 세팅하기
이벤트 – 탭하면 애니멘이션 실행하기
이벤트 – 느리게 재생, 마우스 오버시 정지, 거꾸로 재생
스크롤 시 애니메이션 재생하기
에펙에서 쉬운예제 제작 후 lottie로 출력하기
#02 스케치, 피그마, XD 각각에 맞는 제플린 사용법 – 제플린 강좌 (멤버십 전용)
#6 프로토타이핑 마스터하기 – 어도비 XD 강좌
각종 디바이스 무료 목업 (약 90종) by facebook
쉽게 사람 일러스트레이션 믹스 매치 하기 ‘humaaans’
디자이너가 무조건 피해야 할 회사 유형
아이폰 11 Pro 폰케이스 목업
투명 카드 초대장 목업
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.