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 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
#2 인터페이스 파악하기 – 프로토파이 강좌 | 디자인베이스
홈 프로토파이 #2 인터페이스 파악하기 – 프로토파이 강좌
이번 시간에는 프로토파이 인터페이스를 파악하는 시간이에요. 크게 5가지로 나눌 수 있는데요. 상단에 Tool bar, 좌측에 Layer Panel, 가운데 Artboard 영역 우측에 Animation Panel, 그리고 Preview 영역 이렇게 있습니다.
*디자인베이스 강좌는 Mac OS를 기준으로 해서 윈도우 사용자와 일부 차이가 있을 수 있습니다. 윈도우 사용자분들은 영상에서 커멘드(Cmd)라는 단축키 대신 컨트롤(Ctrl)을, 옵션(Option) 대신 알트(Alt)를 눌러주세요.
상단 메뉴바 : 자주 사용하는 기능을 묶은 영역
툴박스 : 임포트, 이미지, 영상, 오디오, 카메라, 로티, 도형툴, 텍스트 등 기능 제공
상단 가운데 – 디바이스 : 디바이스 종류 변경
상단 오른쪽 – 프리뷰, 디바이스, run, 클라우드, 업로드 기능
프리뷰 : 인터렉션을 적용시킨 것을 직접 컨트롤 해볼 수 있는 영역
좌측 레이어 패널 : 레이어 관련해서 보여지는 영역
좌측 하단 – Variable : 변수를 등록하는 영역
Scene : 장면을 추가하는 영역
가운데 : 캔버스 영역
우측 패널 : 도형 레이어, 텍스트 레이어 등의 요소에 스타일 및 옵션값을 설정하는 영역
애니메이션 패널 : 프로토타이핑을 하기위해서 탭, 드래그, 핀치 등 어떠한 이벤트가 발생했을때 그에 따른 동작을 하는 방법을 설정하는 영역
#5 로티 출력된 코드 간단하게 정리하기 – Lottie.js 강좌
#01 제플린 플러그인 설치 방법 – 제플린 강좌 (멤버십 전용)
03. Figma에 LottieFiles 사용하는 방법 – LottieFiles 강좌
그라데이션 컬러 추천해주는 사이트
쉽게 사람 일러스트레이션 믹스 매치 하기 ‘humaaans’
디자이너가 무조건 피해야 할 회사 유형
풍부한 색감의 친근한 일러스트
New 맥북 16인치 목업
날씨 아이콘셋 Frosted Glass
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.