Q
3D 제품 쇼케이스 비디오란 무엇인가요?
A
3D 모델을 다양한 각도에서 보여주고 라벨이나 빌보드를 추가한 짧은 홍보 비디오입니다. 이 도구를 사용하면 모델에 빌보드를 배치하고 카메라 궤적을 따라 이동하며 생성할 수 있습니다.
3D 제품 쇼케이스 제작 도구
3D 모델 위에 항상 카메라를 향하는 빌보드(사용자 지정 배경 및 텍스트)를 배치하고, 카메라 궤적을 선택해 제품 쇼케이스 비디오를 렌더링하세요. 모든 작업은 브라우저에서 처리되며, 실시간 녹화 또는 고품질 패스 트레이싱 모드 지원, 파일 업로드 없음.
작업 영역
여기에 파일을 드롭하세요
또는 클릭하여 선택, 붙여넣기 지원
이 도구에 대하여
3D 모델을 업로드하고 빌보드(배경 색상, 그라데이션, 이미지 및 텍스트)를 디자인한 뒤, 모델 표면을 클릭하여 스냅 배치하세요. 카메라 궤적 프리셋을 선택하여 비디오를 렌더링할 수 있습니다. 빌보드는 시점 이동에 따라 자동으로 카메라를 향하므로 어느 각도에서나 가독성이 유지됩니다. 빠르게 녹화할 수 있는 실시간 모드와 정교한 빛과 그림자를 표현하는 고품질 패스 트레이싱 모드를 제공합니다. 모든 작업은 브라우저 내에서 로컬로 처리되며 파일이 업로드되지 않습니다.
사용 방법
- 01
모델 불러오기
GLB, glTF, FBX, OBJ 등 흔한 3D 파일을 끌어다 놓습니다. 브라우저 안에서만 열립니다.
팁: 실제 텍스처가 있는 모델은 고품질에서 가장 보기 좋습니다.
- 02
빌보드 디자인
배경을 단색, 그라데이션, 이미지 중에서 고르고 라벨을 입력한 뒤 글자 크기와 색을 정합니다.
팁: 두세 단어에서 다섯 단어 정도의 짧은 라벨이 카메라가 움직여도 잘 읽힙니다.
- 03
클릭해서 고정
라벨이 가리킬 모델 위 지점을 클릭합니다. 빌보드는 항상 카메라를 향하고, 리더 레이아웃으로 지시선 모양을 정합니다.
팁: 카메라 경로 대부분에서 보이는 지점을 고르세요.
- 04
카메라 움직임 고르기
궤도 회전이나 호형 같은 프리셋을 고르고 시간을 정합니다. 경로 표시를 켜면 경로가 보입니다.
팁: 궤도 회전은 쇼핑몰에서 흔한 턴테이블 느낌입니다.
- 05
렌더링하고 내보내기
빠른 초안은 표준, 사실적인 빛과 그림자는 고품질를 쓰고 MP4나 WebM으로 내보냅니다.
팁: 세로형 SNS 영상은 화면비을 9:16으로 두세요.
구성 옵션 설명
자주 쓰는 설정
동료에게 보여 줄 빠른 초안
이렇게: 품질: 표준, 해상도: 720p.
상품 페이지용 완성도 높은 영상
이렇게: 품질: 고품질, 1080p 이상, 프레임당 샘플 수 높게.
SNS용 세로 클립
이렇게: 화면비: 9:16, 궤도 회전 프리셋.
받침대 위에 선 제품
이렇게: 바닥 그림자을 켜고 전시 받침대 모양을 고르세요.
빌보드
배경
색상- 빌보드 배경 채우기 방식을 선택합니다: 단색, 선형 그라데이션 또는 업로드한 이미지.
- 색상: 텍스트 뒤를 채우는 단일 단색입니다.
- 그라데이션: 각도를 조절할 수 있는 2색 선형 그라데이션입니다.
- 이미지: 업로드한 이미지(PNG/JPG/WebP)를 빌보드 배경으로 사용합니다.
배경 색상
#135BEC- 배경 유형이 단색일 때의 채우기 색상입니다.
그라데이션 시작
#135BEC- 선형 그라데이션의 시작 색상입니다.
그라데이션 종료
#ffffff- 선형 그라데이션의 종료 색상입니다.
그라데이션 각도
0°0° – 360° · step 5°- 선형 그라데이션 방향(도), 0-360 범위입니다.
불투명도
10.1 – 1 · step 0.05- 빌보드 배경 전체의 투명도(0.1-1)입니다.
안쪽 여백
28px0px – 64px · step 2px- 텍스트/내용과 빌보드 가장자리 사이의 안쪽 간격입니다.
모서리 반경
16px0px – 64px · step 2px- 빌보드 모서리의 둥근 정도입니다.
서체
system_sans- 빌보드 텍스트에 사용하는 서체. 상업용 내장 폰트, 업로드 파일, 시스템 폰트를 지원합니다.
system_sans · system_serif · system_mono · Oswald (Display Bold) · Inter (Modern Sans) · Cinzel (Classic Serif) · Roboto Mono (Engineering) · Noto Sans SC (CJK) · Noto Sans Arabic
글자 크기
56px24px – 120px · step 2px- 패널 디자인 공간에서의 텍스트 크기입니다. 카드 내에서 텍스트가 얼마나 크게 보일지 결정하며, 세계 공간 크기에는 영향을 주지 않습니다.
텍스트 색상
#ffffff- 빌보드의 라벨 텍스트 색상입니다.
가로 정렬
가운데- 빌보드 내 텍스트의 가로 정렬 방식입니다.
- 왼쪽: 텍스트를 왼쪽으로 정렬합니다.
- 가운데: 텍스트를 가운데로 정렬합니다.
- 오른쪽: 텍스트를 오른쪽으로 정렬합니다.
글자 굵기
600- 텍스트의 두께(300-800)입니다.
300 – 800
크기
0.280.08 – 0.9 · step 0.01- 배치된 빌보드의 세계 공간 크기입니다(글자 크기와 독립적).
회전
0°-180° – 180° · step 5°- 선택한 빌보드의 평면 내 회전 각도(도)입니다.
리더 레이아웃
위로- 라벨이 표면 앵커에 연결되는 방식입니다. 세로는 앵커에서 아래쪽 가장자리로 연결되고, 가로/L자형은 왼쪽 또는 오른쪽 가장자리 중앙에 연결됩니다.
- 위로: 앵커에서 수직으로 올라갑니다. 선이 빌보드 하단 중앙에 연결됩니다.
- L자 굽힘: 먼저 수직으로 올라간 후 바깥쪽으로 굽어집니다(둔각). 선이 빌보드 왼쪽 또는 오른쪽 가장자리 중앙에 연결됩니다.
- 옆으로: 앵커에서 수평으로 바깥쪽으로延伸됩니다. 선이 빌보드 왼쪽 또는 오른쪽 가장자리 중앙에 연결됩니다.
오프셋
0.250.05 – 0.8 · step 0.01- 리더 길이(모델 반경 대비 비율). 위로 및 옆으로 레이아웃에 사용됩니다.
세로 길이
0.20.05 – 0.8 · step 0.01- L자 리더의 세로 구간 길이(모델 반경 대비 비율)입니다.
가로 길이
0.250.05 – 0.8 · step 0.01- L자 리더의 바깥쪽 가로 구간 길이(모델 반경 대비 비율)입니다.
방향
오른쪽- 옆으로 및 L자형 레이아웃의 경우: 모델 중심을 기준으로 바깥쪽 방향을 전환하고, 선이 연결될 빌보드 가장자리를 선택합니다.
- 왼쪽: 왼쪽 바깥 방향을 선호합니다. 선이 빌보드 오른쪽 가장자리 중앙에 연결됩니다.
- 오른쪽: 오른쪽 바깥 방향을 선호합니다. 선이 빌보드 왼쪽 가장자리 중앙에 연결됩니다.
선 색상
#374151- 리더 선과 점의 색상입니다.
선 두께
21 – 8 · step 0.5- 리더 선의 두께(픽셀)입니다.
점선
off- 실선 대신 점선을 사용합니다.
끝 점
off- 리더 끝에 작은 점을 표시합니다(기본값: 꺼짐). 앵커 점은 항상 표시됩니다. 리더는 내보내기 중에 숨겨집니다.
세로 정렬
가운데- 빌보드 내 텍스트 블록의 세로 위치입니다. 기본값은 가운데입니다.
- 위: 텍스트를 위쪽으로 정렬합니다.
- 가운데: 텍스트를 세로로 가운데 정렬합니다.
- 아래: 텍스트를 아래쪽으로 정렬합니다.
테두리 두께
0px0px – 24px- 빌보드 가장자리의 선 두께(픽셀)입니다. 0은 테두리 없음을 의미합니다.
테두리 색상
#ffffff- 빌보드 테두리 색상입니다(테두리 두께가 0보다 클 때 사용).
카메라 궤적
프리셋
궤도 회전- 미리보기 및 비디오 내보내기에 사용되는 카메라 경로 템플릿입니다.
- 궤도 회전: 모델 주위를 수평으로 회전합니다.
- 호형: 모델 위쪽을 수직으로 훑습니다.
- 달리 줌: 시선 방향을 따라 밀고 당깁니다.
- 등각: 약 45° 내려본 등각 회전입니다.
- 8자: 모델 주위를 8자 경로로 움직입니다.
경로 표시
off- 3D 뷰포트에 카메라 궤적 곡선을 그려 미리보기합니다.
재생
한 바퀴 후 종료- 궤적이 반복 재생될지, 한 바퀴 후 정지할지 선택합니다. 시간은 루프 모드에서만 사용 가능합니다.
- 루프: 궤적을 계속 반복합니다. 시간으로 한 주기 길이를 설정합니다.
- 한 바퀴 후 종료: 궤적을 한 번 전체 재생한 후 정지합니다.
시간
8- 한 루프 주기의 길이(초)입니다. 재생 모드가 루프일 때만 표시됩니다.
2 – 30
환경 및 장면
바닥 그림자
on- 모델 아래에 부드러운 접촉 그림자를 투영하여 공간 안착감과 입체감을 높입니다.
배경 모드
물리적 하늘- 3D 뷰포트와 내보낼 동영상의 배경 스타일을 선택합니다.
- 물리적 하늘: 대기 산란 시뮬레이션 기반의 자연광과 화사한 야외 조명을 제공합니다.
- 단색 배경: 제품 프레젠테이션 및 영상 합성에 적합한 깔끔한 단색 배경입니다.
- 사용자 정의 파노라마: 외부 파노라마 또는 HDR 이미지를 로드하여 사실적인 360도 환경 반사를 생성합니다.
배경 색상
#ffffff- 단색 배경 모드의 채우기 색상으로 빠른 프리셋 및 색상 선택기를 지원합니다.
파노라마 맵
- 외부 환경 맵을 업로드합니다 (.hdr, .png, .jpg 지원).
조명 밝기
1x0.2x – 3x · step 0.1x- 주 조명과 주변광의 밝기를 0.2배에서 3.0배 범위로 조절합니다.
조명 색상
#ffffff- 주광색, 따뜻한 색, 차가운 색 프리셋 및 사용자 지정 색상으로 조명 톤을 설정합니다.
전시 받침대
없음- 모델 아래에 받침대를 배치하여 입체감을 더하고 직사광 그림자를 받습니다.
- 없음: 받침대를 표시하지 않고 모델이 바닥에 바로 위치합니다.
- 원형 받침대: 모델 크기에 맞게 자동 조정되는 원기둥 형태의 받침대입니다.
- 사각 받침대: 모델 크기에 맞게 자동 조정되는 사각기둥 형태의 받침대입니다.
받침대 색상
#ffffff- 퓨어 화이트, 흑요석 블랙 프리셋 및 자유로운 색상 선택을 지원합니다.
렌더링 및 내보내기
품질
표준- 실시간 WebGL 캡처 또는 오프라인 패스 트레이싱 프레임 중 선택하여 더 높은 화질을 얻을 수 있습니다.
- 표준: 실시간 녹화. 초안 및 대부분의 내보내기에 적합합니다.
- 고품질: 오프라인 경로 추적으로 더 높은 화질. 프레임당 시간이 더 소요됩니다.
해상도
1080p- 출력 품질 등급(긴 쪽 픽셀 기준). 실제 가로×세로 = 등급 × 화면비(예: 1080p 16:9는 1920×1080).
- 720p: 긴 쪽 1280, 빠른 초안에 적합합니다.
- 1080p: 긴 쪽 1920, 표준 HD(기본값).
- 2K: 긴 쪽 2560(QHD 등급).
- 4K: 긴 쪽 3840(UHD 등급). 인코딩이 느리고 파일이 더 큽니다.
프레임 속도
30- 내보내는 비디오의 초당 프레임 수(24 / 30 / 60)입니다.
- 24: 영화적 프레임 속도입니다.
- 30: 일반 웹 비디오 프레임 속도입니다.
- 60: 더 부드러운 움직임, 더 큰 파일.
프레임당 샘플 수
64- 패스 트레이싱 프레임당 샘플 수(16-256). 값이 높을수록 노이즈가 줄어들지만 렌더링 시간이 증가합니다. 고품질 모드에서만 표시됩니다. 샘플링은 타일 방식으로 처리되며 내보내기 중 메인 스레드를 양보합니다.
16 – 256
화면비
9- 출력 프레임의 화면비율입니다. 해상도 등급과 결합하여 픽셀 가로/세로 크기를 결정합니다.
1 – 16
형식
WebM- 비디오 컨테이너 형식입니다. MP4는 브라우저 지원 여부에 따라 WebM으로 대체될 수 있습니다.
- WebM: Chromium 브라우저에서 널리 지원됩니다.
- MP4: 브라우저가 MediaRecorder MP4를 지원하는 경우 H.264를 선호합니다.
자주 묻는 질문
전체 자주 묻는 질문 보기Q
빌보드가 항상 카메라를 향하나요?
A
네. 빌보드는 카메라 이동에 따라 자동으로 시점 정면을 향해 회전하므로 어떤 각도에서도 명확한 가독성을 제공합니다. 제품 기능 라벨링에 적합합니다.
Q
빌보드가 모델 표면에 어떻게 고정되나요?
A
3D 모델 표면을 클릭하면 시스템이 해당 위치를 자동 인식해 정확히 고정하며, 모델과 겹치지 않도록 스냅 위치가 최적화됩니다.
Q
실시간 모드와 패스 트레이싱 모드의 차이는 무엇인가요?
A
실시간 모드는 미리보기 화면을 빠르게 비디오로 녹화합니다. 패스 트레이싱 모드는 정교한 빛과 그림자, 재질 및 반사 디테일을 표현하여 고화질 영상을 생성합니다.
Q
어떤 비디오 포맷으로 내보내지나요?
A
MP4 또는 WebM으로 내보낼 수 있습니다. 브라우저 MediaRecorder 지원에 따라 MP4가 WebM으로 대체될 수 있습니다. 렌더링과 내보내기는 모두 브라우저에서 로컬로 실행됩니다.