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 nb ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko ko de 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
#5 로티 출력된 코드 간단하게 정리하기 – Lottie.js 강좌 | 디자인베이스
홈 Lottie #5 로티 출력된 코드 간단하게 정리하기 – Lottie.js 강좌
해당 강좌는 유튜브 멤버십 회원 전용 강좌입니다.
로티 다섯번째 강좌입니다. 이번 lottie 강좌에서는 출력한 코드를 효율적으로 작업하기 위해 코드를 분리 및 정리하는 방법을 알아볼게요. HTML, CSS, JS, Json 파일로 다 쪼개서 HTML은 HTML파일에서, CSS는 CSS파일에서, JS는 JS파일에서 나눠서 작성후 연결해서 가독성과 효율성을 높여보도록 할게요!
*디자인베이스 강좌는 Mac OS를 기준으로 해서 윈도우 사용자와 일부 차이가 있을 수 있습니다. 이 강좌에서 제가 사용하는 툴은 에프터이펙트와 비주얼 스튜디오 코드(Visual Studio Code)를 사용합니다. 여러분이 VS Code 말고 다른 에디터를 사용한다면 환경이 다를 수 있습니다. 하지만 언어는 똑같기 때문에 작업하는 데 문제는 전혀 없습니다.
lottie.js를 사용하기 위한 환경 세팅하기
이벤트 – 탭하면 애니멘이션 실행하기
이벤트 – 느리게 재생, 마우스 오버시 정지, 거꾸로 재생
스크롤 시 애니메이션 재생하기
에펙에서 쉬운예제 제작 후 lottie로 출력하기
26. 프리폼 그라디언트로 5초 만에 부드러운 그라데이션 배경 만드는 방법 – 일러스트레이터 기초 강좌
01. 명함 디자인하기 – 일러스트레이터 강좌
#21 프로토타이핑 실습 예제 01 – 프로토파이 강좌
디자이너에게 가장 힘든 클라이언트 유형은?
오너의 마음으로 프로젝트의 A부터 Z까지
맥북 프로 16인치 목업
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.