오늘은 비개발자도 가능한, 코딩 없이도 빠르게
웹사이트에 3d 디자인을 적용하는 방법에 대해
알아보고자 한다!
위의 영상에서는 spline이라는 프로그램을 소개한다!
Spline - 3D Design tool in the browser with real-time collaboration
Spline is a free 3D design software with real-time collaboration to create web interactive experiences in the browser. Easy 3d modeling, animation, textures, and more.
spline.design
스플라인에 대해 간략하게 소개하자면
3D 디자인 및 애니메이션을 위한 비주얼 툴로, 비전문가 및 전문가 모두에게 접근하기 쉬운 사용자 친화적 인터페이스를 제공한다. 사용자는 실시간으로 3D 모델을 생성하고 편집할 수 있으며, 다양한 미디어 및 형식에서 가져올 수 있는 다양한 기능을 제공한다.
주요 기능으로는,
- 3D 모델링: 사용자는 스플라인을 사용하여 다양한 3D 모델을 만들 수 있습니다. 이를 통해 캐릭터, 물체, 건축물 등 다양한 형태의 3D 모델을 만들 수 있습니다.
- 애니메이션: 스플라인은 강력한 애니메이션 기능을 제공하여 사용자가 자유롭게 오브젝트를 움직이고 변형시킬 수 있습니다. 이를 통해 다이내믹한 3D 애니메이션을 만들 수 있습니다.
- 실시간 렌더링: 스플라인은 실시간 렌더링을 지원하여 사용자가 작업 중에도 모델의 외관을 빠르게 확인할 수 있습니다. 이는 디자인 작업의 효율성을 높여줍니다.
- 다양한 형식 지원: 스플라인은 다양한 3D 파일 형식을 지원하여 사용자가 다른 소프트웨어에서 만든 모델을 가져올 수 있습니다. 이는 워크플로우의 유연성을 높여줍니다.
가장 먼저 홈페이지에 들어가면 이런 화면이 나오는데,
우선 get started 버튼을 눌러 무료로 시작한다.
이후 좌측 패널에 community를 눌러 내가 사용하고 싶은
3d 디자인을 클릭!
원하는 디자인을 클릭했다면
우측 보라색 remix버튼을 다시 클릭!
이후 자신이 원하는 요소들을 추가하거나 수정해
가장 상단에 있는 export -> viewer모드
이후 playsettings 조정,
overview를 통한 코드를 복사하면 끝!
마지막으로 자신의 사이트에 코드를 붙여 넣으면
끝이 난다~!
'공부 > 디자인' 카테고리의 다른 글
| Midjourney 미드저니 튜토리얼 가이드 [가입 방법] (0) | 2024.04.02 |
|---|---|
| 성공적인 UX 리서치 방법 (0) | 2024.03.29 |
| 웹사이트 사용 폰트 확인하는 방법! (0) | 2024.02.29 |
| 사용자 분석 UX Research 정의와 방법 (0) | 2023.12.19 |
| 어떻게 와이어프레임을 만들어야 하는가 (0) | 2023.12.11 |