# 커서를 따라가는 인터랙티브 3D 유체 셰이프 만들기 - Spline의 애니메이션과 인터랙션 - Spline Academy (https://spline.design/ko/academy/tutorials/shape-interactive-3d-fluid-shapes-that-follow-the-cursor)

> 이 튜토리얼에서는 셰이프 블렌딩으로 액체나 유체에서 영감을 받은 디자인을 만드는 방법을 안내합니다. 물처럼 매혹적인 형태를 만들고, 투명도와 여러 효과를 더해 광택 있는 미감을 완성한 뒤, 셰이프가 커서를 따라가는 인터랙션을 구현해 부드러운 애니메이션으로 디자인에 생명을 불어넣습니다!

1. [아카데미](https://spline.design/ko/academy)
2. [코스](https://spline.design/ko/academy/collections)
3. [Spline의 애니메이션과 인터랙션](https://spline.design/ko/academy/collections/animation-interactions-in-spline)
4. 커서를 따라가는 인터랙티브 3D 유체 셰이프 만들기

# 커서를 따라가는 인터랙티브 3D 유체 셰이프 만들기

레슨 4/14Spline 3D초급12분

이 튜토리얼에서는 셰이프 블렌딩으로 액체나 유체에서 영감을 받은 디자인을 만드는 방법을 안내합니다. 물처럼 매혹적인 형태를 만들고, 투명도와 여러 효과를 더해 광택 있는 미감을 완성한 뒤, 셰이프가 커서를 따라가는 인터랙션을 구현해 부드러운 애니메이션으로 디자인에 생명을 불어넣습니다!

🌊 리믹스: <https://app.spline.design/file/7f488663-6208-4bb0-802a-70bfaa865b27>

더 많은 멋진 크리에이터와 프로젝트(#MadeInSpline)를 만나 보세요: <https://community.spline.design/>

## 배울 내용

1. [0:00인트로](https://www.youtube.com/watch?v=5W0BSoS24Jk&t=0s)
2. [0:21추상적인 셰이프 디자인하기](https://www.youtube.com/watch?v=5W0BSoS24Jk&t=21s)
3. [1:46투명하고 광택 있는 머티리얼 만드는 방법](https://www.youtube.com/watch?v=5W0BSoS24Jk&t=106s)
4. [4:38빠른 팁: 반복 애니메이션을 위한 클로너 + 랜덤](https://www.youtube.com/watch?v=5W0BSoS24Jk&t=278s)
5. [5:54인터랙티브 마법: 셰이프가 커서를 따라가게 하기 (Follow 이벤트)](https://www.youtube.com/watch?v=5W0BSoS24Jk&t=354s)
6. [9:31빠른 팁: 눈길을 끄는 회전 턴테이블 애니메이션 만들기](https://www.youtube.com/watch?v=5W0BSoS24Jk&t=571s)

## 관련 자료

- [Water Interaction템플릿](https://app.spline.design/academy/tutorials/shape-interactive-3d-fluid-shapes-that-follow-the-cursor?redirect-duplicate-template-uuid=f4fc1df0-cb80-4a65-9db1-68f1440194c4&is-2d-file=false)
- [Shape Blend문서](https://docs.spline.design/designing-in-3-d/shape-blend)
- [Materials & Shading문서](https://docs.spline.design/#%F0%9F%8C%88-materials-&-shading)
- [Follow Event문서](https://docs.spline.design/interaction-states-events-and-actions/events/follow-event)

## 개요

- Spline 3D
- 12분
- 초급

## 다음 레슨

[인터랙티브 3D 박스 애니메이션 만들기4분중급](https://spline.design/ko/academy/collections/animation-interactions-in-spline/animate-interactive-3d-boxes)[계속하기](https://spline.design/ko/academy/collections/animation-interactions-in-spline/animate-interactive-3d-boxes)

[Spline](https://spline.design/ko)

팀과 AI 에이전트를 위한 3D·2D 에디터. 웹, iOS, Android에 바로 배포하세요.

#### AI에게 Spline에 대해 묻기

#### 제품

- [3D 디자인](https://spline.design/ko/3d-design)
- [Hana](https://spline.design/ko/hana)
- [Omma](https://omma.build)
- [AI 3D 생성](https://spline.design/ko/ai-generate)
- [Spline MCP](https://spline.design/ko/mcp)
- [Spline Arena](https://spline.design/ko/arena)
- [요금제](https://spline.design/ko/pricing)
- [엔터프라이즈](https://spline.design/ko/enterprise)

#### 런타임

- [Web](https://spline.design/ko/web)
- [iOS](https://spline.design/ko/ios)
- [Android](https://spline.design/ko/android)

#### 앱

- [다운로드](https://spline.design/ko/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Spline Mirror 다운로드](https://spline.design/download-mirror)

#### 학습

- [Docs](https://docs.spline.design/)
- [Academy](https://spline.design/ko/academy)
- [Spline API](https://www.npmjs.com/package/@splinetool/runtime)
- [솔루션](https://spline.design/solutions)

#### 커뮤니티

- [Spline 커뮤니티](https://community.spline.design)
- [Blog](https://spline.design/ko/blog)
- [변경 로그](https://spline.design/ko/changelog)
- [교육](https://spline.design/ko/education)
- [Contra](https://spline.design/contra)
- [제휴 프로그램](https://spline.design/ko/affiliate)

#### 회사

- [고객 사례](https://spline.design/ko/customers)
- [채용](https://www.ycombinator.com/companies/spline/jobs)
- [보안](https://spline.design/ko/security)

#### 법적 고지

- [이용약관](https://spline.design/terms)
- [개인정보처리방침](https://spline.design/privacy)

#### 문의

- [help@spline.design](mailto:help@spline.design)
- [jobs@spline.design](mailto:jobs@spline.design)

© 2026 - Spline, Inc.