Framer 시작하기 1화 ⎮ 프레이머 소개 : 레이아웃 기본 이해, 단축키, 예제 만들기 ⎮ 방구석 프레이머

안녕하세요, 방구석 프레이머 입니다. 프레이머를 시작하고자 하시는 분들, 직접 웹페이지를 제작해보고 싶으신 분들을 위해 영상을 만들어보기로 했습니다. 앞으로도 궁금하신 기능이나 보고 싶은 내용이 있으시면 댓글로 달아주세요! 또한, 이번 영상에서 만들어본 예제의 이미지 파일과 폰트가 필요하신 분들은 아래 링크를 통해 다운받아 이용하시면 되겠습니다 :P

예제 이미지 파일 다운로드 ▼
https://drive.google.com/drive/folder...

폰트 다운로드 ▼
강원교육튼튼체: https://www.gwe.go.kr/mbshome/mbs/kr/...
Pretendard: https://cactus.tistory.com/306

00:00 오프닝
02:05 프레이머 설치하기
02:30 프레이머 둘러보기
04:19 예제 둘러보기
04:52 예제 만들기 - 프레임 생성하기
06:01 예제 만들기 - Layout 이해하기
08:18 예제 만들기 - 이미지 업로드하기
10:46 예제 만들기 - 좌우 정렬하기
11:02 예제 만들기 - 텍스트 폰트 변경하기
14:48 예제 만들기 - 그라데이션 채우기
17:15 예제 만들기 - 이미지 필터 추가하기
18:12 예제 만들기 - 섹션 사이 간격 추가하기
19:40 예제 만들기 - 페이지 생성하기
19:52 예제 만들기 - 메뉴 링크 연결하기
21:34 예제 만들기 - 웹페이지 생성하기
22:05 예제 만들기 - 외부 링크 연결하기
22:45 클로징 - 다음 강좌 소개

--------------------------------------

음악 ⎮ taeho9raphy