타임라인 시퀀스
카메라 무브 시퀀스를 설정하여 자동으로 재생되는 3D 쇼룸을 만들 수 있습니다.
접속 경로:
좌측 사이드바 > [라이브러리] > 아이템 클릭 > 우측 사이드바 > [고급 에디터] > 우측 사이드바 > [녹화]
타임라인 시퀀스란?
타임라인 시퀀스는 여러 카메라 위치를 키프레임으로 저장하고, 이를 자동으로 부드럽게 연결하여 재생하는 기능입니다. 이를 통해:
- 제품의 다양한 각도를 순차적으로 보여줄 수 있습니다
- 특정 디테일을 강조하는 카메라 무브를 만들 수 있습니다
- 자동 회전보다 더 역동적이고 의도적인 카메라 연출이 가능합니다
타임라인 시퀀스 설정 방법
1. 고급 에디터 열기
- 제품 상세 페이지에서
[고급 에디터]버튼을 클릭합니다
이미지 1. EVOVA 고급 에디터 열기
2. 녹화 탭 선택
- 고급 에디터 우측 사이드바에서
[녹화]탭을 클릭합니다 - 타임라인 패널이 화면 하단에 나타납니다
이미지 2. 녹화 탭 및 타임라인 패널
3. 키프레임 추가하기
키프레임은 카메라가 특정 시간에 위치할 지점을 기록합니다.
3-1. 첫 번째 키프레임 추가
- 마우스로 3D 뷰어를 드래그하여 원하는 첫 번째 카메라 각도로 이동합니다
- 타임라인에서 시간을 0초 위치에 맞춥니다
- 타임라인 하단의
[키프레임 추가]버튼을 클릭합니다 - 타임라인에 주황색 키프레임 마커가 생성됩니다
이미지 3. 첫 번째 키프레임 추가
3-2. 추가 키프레임 생성
- 타임라인의 시간 바를 원하는 시간 (예: 3초)으로 이동합니다
- 3D 뷰에서 마우스로 새로운 카메라 각도로 이동합니다
- 다시
[키프레임 추가]버튼을 클릭합니다 - 이 과정을 반복하여 여러 키프레임을 추가할 수 있습니다
이미지 4. 여러 키프레임 추가
4. 타임라인 재생 및 미리보기
4-1. 재생하기
- 타임라인 하단의
[재생]버튼을 클릭합니다 - 카메라가 설정한 키프레임을 따라 자동으로 이동합니다
- 재생 중
[일시정지]버튼을 눌러 멈출 수 있습니다
이미지 5. 타임라인 재생
4-2. 특정 키프레임으로 이동
- 타임라인의 키프레임 마커를 클릭하면 해당 위치로 바로 이동합니다
- 타임라인 바를 드래그하여 원하는 시간으로 이동할 수 있습니다
5. 키프레임 수정하기
5-1. 키프레임 시간 조정
- 타임라인의 키프레임 마커를 드래그하여 다른 시간으로 이동할 수 있습니다
이미지 6. 키프레임 드래그하여 시간 조정
5-2. 보간 방식 선택
키프레임을 선택하면 보간 방식을 설정할 수 있습니다. 선택된 키프레임부터 다음 키프레임 사이의 움직임에 대한 보간을 정의합니다.
- Linear (선형): 일정한 속도로 이동
- Ease In (천천히 시작): 느리게 시작하여 점점 빨라짐
- Ease Out (천천히 끝): 빠르게 시작하여 점점 느려짐
- Ease In Out (부드럽게): 천천히 시작하고 천천히 끝남
- Step (즉시): 부드러운 전환 없이 즉시 이동
이미지 7. 보간 방식 선택
5-3. 키프레임 삭제
- 삭제할 키프레임을 선택합니다
- 키프레임 우측의
[삭제]아이콘을 클릭하거나 - 타임라인 하단의
[선택된 키프레임 삭제]버튼을 클릭합니다
이미지 8. 키프레임 삭제
6. 타임라인 길이 조정
기본 타임라인 길이는 30초이며, 필요에 따라 조정할 수 있습니다.
- 타임라인 우측 상단의 종료 시간을 클릭합니다
- 원하는 시간을 입력합니다 (최대 300초 / 5분)
[적용]버튼을 클릭합니다- 종료 시간 이후의 키프레임은 자동으로 삭제됩니다
이미지 9. 타임라인 길이 조정
7. 타임라인 저장
타임라인 설정을 완료한 후에는 반드시 저장 버튼을 눌러 저장해야 합니다.
- 모든 키프레임과 설정을 원하는 대로 구성합니다
- 타임라인 하단 우측의
[타임라인 저장]버튼을 클릭합니다 - "저장 완료" 메시지가 표시되면 성공적으로 저장된 것입니다
- 저장하지 않고 페이지를 나가면 변경사항이 사라지니 주의하세요
이미지 10. 타임라인 저장 버튼
주의사항:
- 재생 또는 녹화 중에는 저장 버튼이 비활성화됩니다
- 저장은 키프레임 정보와 타임라인 길이를 모두 포함합니다
- 변경사항이 있을 때마다 저장 버튼을 눌러 저장하는 것을 권장합니다
뷰어에서 타임라인 재생하기
1. 스타일 설정에서 회전 모드 변경
3D 쇼룸 상세 페이지에서 타임라인 시퀀스를 자동 재생하려면:
좌측 사이드바 > [라이브러리] > 아이템 클릭- 우측 사이드바에서
[스타일]탭 클릭 [스타일 세부 설정]클릭- 배경 회전 섹션에서 회전 모드를
[키프레임]으로 선택
이미지 11. Rotate Mode를 Keyframe으로 설정
2. 회전 속도 조정
- 회전 속도 슬라이더로 타임라인 재생 속도를 조정할 수 있습니다
- 1배속: 에디터에서 설정한 시간 그대로 재생
- 2배속: 두 배 빠르게 재생
- 0.5배속: 절반 속도로 천천히 재생
이미지 12. 회전 속도 조정
3. 뷰어에서 확인
- 스타일 설정 완료 후
[스타일 저장]버튼 클릭 - 제품 뷰어 페이지로 이동
- 페이지가 로드되면 타임라인이 자동으로 재생됩니다
- 사용자가 마우스로 드래그하거나 스크롤하면 자동 재생이 멈춥니다
이미지 13. 뷰어에서 타임라인 자동 재생
타임라인 활용 팁
디테일 강조하기
- 제품의 특정 부분을 가까이에서 보여주고 싶다면, 해당 부분으로 줌인하는 키프레임을 추가하세요
- Ease In Out 보간 방식을 사용하면 더 부드러운 카메라 무브를 연출할 수 있습니다
전체 뷰에서 시작하기
- 첫 번째 키프레임은 제품 전체가 보이는 각도로 설정하는 것이 좋습니다
- 사용자가 제품의 전체적인 모습을 먼저 파악할 수 있습니다
적절한 타임라인 길이
- 너무 짧으면 카메라가 빠르게 움직여 어지러울 수 있습니다
- 너무 길면 사용자가 지루해할 수 있습니다
- 일반적으로 10~20초 정도가 적당합니다
키프레임 개수
- 키프레임이 너무 많으면 복잡하고 관리하기 어렵습니다
- 3~5개 정도의 키프레임으로 시작하는 것을 추천합니다
- 필요에 따라 점진적으로 추가하세요
자주 묻는 질문 (FAQ)
Q1. 타임라인이 저장되지 않아요
A: 타임라인은 수동으로 저장해야 합니다. 키프레임을 추가하거나 수정한 후에는 반드시 타임라인 하단의 [저장] 버튼을 클릭해주세요. "저장 완료" 메시지가 표시되면 정상적으로 저장된 것입니다.
Q2. 뷰어에서 타임라인이 재생되지 않아요
A: 스타일 설정에서 Rotate Mode가 Keyframe으로 설정되어 있는지 확인하세요. Auto로 설정되어 있으면 기본 자동 회전만 작동합니다.
Q3. 키프레임 사이가 너무 빠르게 움직여요
A: 키프레임 간 시간 간격을 더 길게 설정하거나, 회전 속도를 낮춰보세요. 또는 보간 방식을 Ease In Out으로 변경하면 더 부드러운 움직임을 얻을 수 있습니다.
Q4. 타임라인 최대 길이는 얼마인가요?
A: 최대 300초(5분)까지 설정할 수 있습니다. 하지만 사용자 경험을 위해 30초 이내로 설정하는 것을 권장합니다.
Q5. 모바일에서도 타임라인이 작동하나요?
A: 네, 모바일 뷰어에서도 동일하게 작동합니다. 터치로 드래그하면 자동 재생이 멈춥니다.
맺음말
이커머스에 차원을 더하다
EVOVA 타임라인 시퀀스를 활용하면 제품을 더욱 역동적이고 매력적으로 보여줄 수 있습니다. 단순한 자동 회전을 넘어, 의도적인 카메라 연출로 제품의 핵심 가치를 전달하세요.
궁금한 점이 있다면 언제든 운영팀에 문의해주세요.
문의 메일: info@metown.co.kr
문의 연락처: 02-6380-0315