Garfi.Studio

어떻게 만들어졌나

원본 첫 화면에는 작업 썸네일도 소개 문장도 없습니다. 쇼릴 위로 주황 띠 한 줄이 가로지릅니다.

로더, 인트로, 헤더, INFO 패널이 모두 이 띠에 걸려 있습니다.

띠가 자리를 잡는 곡선은 표준 이징과 달랐습니다. 800ms의 절반이 지나도 8%만 움직이고 끝에 몰아서 붙습니다.

이 실측 곡선을 표로 옮겨 썼습니다. 포인터로 띠를 찢는 효과는 셰이더를 새로 써서 만들었습니다.

작업 목록은 프로젝트마다 한 줄씩 사진이 다른 속도로 흐릅니다. 쇼릴 영상은 사진 컷 전환으로 바꿨습니다.

케이스 페이지는 왼쪽 사이드바에서 스크롤 위치에 맞는 챕터 하나만 열립니다.

주요 기능

• 로더 · 주황 띠 인트로
• 분류 필터 8종
• 프로젝트별 사진 마퀴 행
• 케이스 사이드바 챕터 · 다음 프로젝트 끝

어디에 어떻게 쓸 수 있나

고객 작업 사진이 많은 디자인·브랜딩 스튜디오에 맞습니다. 목록 한 줄이 프로젝트 하나입니다.

확인할 점

원본의 쇼릴 영상과 소리는 없습니다. 프로젝트마다 사진 9장 이상이 있어야 마퀴 행이 비지 않습니다.