포트폴리오로 돌아가기
가상 제품 예시
3D 제품 뷰어
제품을 돌려 보고 색을 바꿔 볼 수 있는 웹페이지를 만듭니다. 이 머그는 예시로 만든 가상 제품입니다.

SAMPLE 세라믹 머그
- 높이
- 95 mm
- 지름
- 82 mm
- 벽 두께
- 4 mm
- 용량
- 약 380 ml
컬러
이 뷰어에 넣은 기능
드래그 회전
마우스나 손가락으로 제품을 돌립니다. 키보드 방향키로도 돌릴 수 있습니다.
컬러 변경
버튼을 누르면 제품 색이 바뀌고, 로고 색도 그 색에 맞춰 바뀝니다.
자동 회전
제품이 천천히 돕니다. 버튼으로 끄고 켭니다.
처음 각도
돌려 본 뒤 버튼 하나로 처음 모습으로 돌아갑니다.
이미지 대체
3D를 켤 수 없는 브라우저에서는 제품 이미지를 보여 줍니다.
페이지 스크롤 유지
마우스 휠과 세로 스와이프는 페이지를 그대로 내립니다.
만드는 순서
- 01
자료 받기
제품 사진과 크기, 색, 로고를 받습니다.
- 02
3D 제작
받은 자료로 3D 모델을 만들고 재질과 로고를 입힙니다. 형태와 색, 로고 위치는 제품 사진에 맞춥니다.
- 03
뷰어 완성
필요한 기능을 넣어 웹페이지로 만듭니다.
준비해 주실 자료
| 자료 | 내용 |
|---|---|
| 제품 사진 | 정면, 측면, 윗면을 찍은 원본 사진입니다. 합성이나 보정을 많이 한 광고 이미지는 기준으로 쓰기 어렵습니다. |
| 제품 크기 | 가로, 세로, 높이입니다. |
| 제품 색 | 판매하는 색 이름입니다. 색상 코드(HEX, Pantone)가 있으면 함께 보내 주십시오. |
| 로고 | AI 또는 SVG 파일과 넣을 위치, 크기입니다. |
| 원하는 기능 | 제품 돌리기, 색 바꾸기처럼 필요한 기능과 보여 줄 기기(휴대폰, PC)입니다. |
있으면 보내 주실 자료
| 설계 파일 | 제품을 만들 때 쓴 CAD 파일입니다. |
|---|---|
| 치수 도면 | 부위별 치수가 적힌 도면입니다. |
| 실물 샘플 | 재질과 광택을 맞출 때 씁니다. |
설계 파일이 없으면 사진과 치수를 보고 모델을 새로 만듭니다. 이 경우 기간과 비용이 늘어납니다.
저희가 맡는 일
- 3D 모델 제작
- 재질과 색, 로고 입히기
- 조명과 그림자 설정
- 돌려 보는 화면과 색 바꾸기 기능 개발
- 휴대폰에서도 열리도록 파일 용량 줄이기
- 웹페이지 제작
고객 제공 자료 예시
모두 가상 제품으로 만든 예시입니다. 제품 사진과 재질 사진은 실제 촬영본이 없어 3D 프로그램으로 만들었습니다.
제품 사진을 보내 주시면 견적을 드립니다.
자료가 일부만 있어도 먼저 보내 주십시오. 영업일 기준 1일 안에 답장드립니다.