공지
달콤쌉쌀, 이런 분들에게 추천해요!

Written by 한대표

[Season 02-05] 처음 쓰는 사람도 바로 따라할 수 있는 3D Spline사용법

설치 없이, 코딩 없이 실무에 바로 쓰는 Spline 핵심 기능

2026.04.08 | 조회 57 |
0
|
첨부 이미지

안녕하세요, 구독자님. 달콤쌉쌀 한대표입니다 :) 지난번 ‘코딩없이 AI로 1시간만에 3D홈페이지 만들기‘ 에서 소개했던 Spline사용법에 대해 많은 분들이 질문을 주셨는데요!  그래서 오늘은 Spline의 주요 기능을 좀 더 쉽게, 그리고 구체적으로 설명해드리려고 합니다. 

첨부 이미지

3D라고 하면 '블렌더(Blender)' 같은 복잡한 툴부터 떠올라 한숨부터 나오시죠? 저도 그랬어요. 하지만 걱정 마세요. 오늘은 마우스 몇 번만으로도 화장품 병이나  굿즈 패키지를 뚝딱 만들 수 있는 Spline(스플라인) 활용법을 알려드릴게요!


1. 왜  ‘Spline’일까요? 

첨부 이미지

Spline은 웹 브라우저에서 바로 실행되는 3D 디자인 툴이라, 별도의 무거운 설치 과정 없이 바로 시작 할 수 있어요. 무엇보다 인터페이스가 직관적이라 피그마(Figma)를 사용해보신 분이라면 금방 익숙해지실 거예요. 

 

또한, Spline의 가장 큰 장점은 디자인부터 인터랙션까지 한 번에 가능하다는 점 인데요. 단순히 3D 오브젝트를 만드는 데서 끝나는 것이 아니라, 클릭·스크롤·마우스 움직임 등에 반응하는 인터랙션과 애니메이션까지 바로 적용할 수 있습니다. 

2. Step 1. 막막할 땐 '남의 것'부터 꺼내보세요 (프리셋 활용)

Spline에 접속해서 새 프로젝트를 열면 바로 다양한 템플릿과 프리셋을 확인 할 수 있습니다. 예를 들어, 만약 내가 화장품 브랜드를 준비 중이라면? 검색창에 'bottle'이라고 입력해보세요. 이미 전문가들이 만들어둔 다양한 병 오브젝트를 불러와  바로 활용 할 수 있습니다.  

첨부 이미지

처음에는 직접 모델링하기보다, 완성도 높은 템플릿을 불러와 수정해보는 것을 추천드려요. 색상이나 재질, 크기, 텍스트만 바꿔도 전혀 다른 느낌의 결과물을 만들 수있고, 자연스럽게 툴 사용법도 익힐 수 있으실거에요!  

Step 2. 내 손으로 직접 만드는 '나만의 3D아이템'

처음 보면 살짝 낯설지만 딱 3가지만 알면 됩니다.

1. 좌측 패널 = 오브젝트 구조(레이어 패널)

좌측 패널은 현재 작업 화면에 있는 모든 오브젝트 요소들을 보여주는 영역입니다. 피그마처럼 레이어 구조로 되어 있어, 어떤 요소가 위/아래에 있는지, 특정 오브젝트를 선택하고 수정할 수 있어요. 

첨부 이미지

2. 상단 ‘+’ 버튼  = 기본 도형 & 요소 생성

첨부 이미지

상단 ‘+’를 누르면 다양한 기본 요소를 빠르게 추가할 수 있어요. 

 

- Sphere(구), Cube(큐브), Cone(원뿔) 같은 3D 도형

- Text(텍스트)

- Image 등

 

기본 도형들을 조합하는 것만으로도 대부분의  3D 오브젝트를 만들 수 있어요. 

 

3. 화면 조작법

작업할 때 자주 쓰는 기능 3가지를 소개해드립니다. 

 

- 스페이스바 + 드래그 → 화면 이동

- Command + 마우스 휠 → 확대/축소

- 마우스 우클릭 드래그 → 화면 회전

 

이 3가지만 익혀도 Spline의 3D 공간을 훨씬 편하게 다루실 수 있을거에요! 

 

+ Plus! 

오브젝트를 클릭하면 나타나는 조작 핸들을 활용해보세요. 

- 작은 원(컨트롤 포인트) → 크기 조절

첨부 이미지

- 화살표(축)) → 위/아래, 좌/우, 앞/뒤 이동

- 회전 핸들 → 각도 조절

첨부 이미지

여기에 Option + Shift를 동시에 누른 채 조절하면 비율을 유지한 채 크기 조절이 가능하고 Option + 드래그로 동일한 오브젝트를 빠르게 만들 수도 있습니다. 

 

화면 조작법만 익히면, 복잡해 보이던 Spline사용법도 금방 “손에 익는 툴”이 될거에요! 처음에는 기능을 전부 이해하려고 하기보다, 직접 만져보면서 익히는 것을 추천드려요.  

Step 3. 디테일이 살아나는 '편집의 마법'

병 모양을 만들기 위해 ‘Cylinder(원기둥)’를 클릭해 삽입해주세요. 처음 삽입하면 원기둥이 아니라 직사각형처럼 보일 수 있는데, 이는 3D 뷰의 각도 때문이니 놀라지 않으셔도 됩니다. 

첨부 이미지

1. 기본 형태 다듬기 (Corner 값 활용)

첨부 이미지

오른쪽 패널의 Shape → Corner 값을 조절해 보세요. 모서리를 살짝만 둥글게 만들어도, 단순한 형태에서 벗어나 훨씬 부드럽고 고급스러운 느낌을 줄 수 있습니다. 특히 화장품 용기처럼 “깔끔함”이 중요한 디자인에서는 이 단계가 꽤 중요합니다.

 

2. 구조 이해하기 (Smooth & Edit)

조금 더 깊이 들어가 볼까요? 상단의 Smooth & Edit 버튼을 누르면, 오브젝트가 점(Vertex), 선(Edge), 면(Face)으로 이루어져 있다는 것을 확인할 수 있습니다.

이 모드에서는 단순한 도형이 아니라, 직접 형태를 “조각하듯” 수정할 수 있습니다.

첨부 이미지

3. Subdivision으로 퀄리티 올리기

오른쪽 패널의 Subdivision Modifier 값을 살짝 올려보세요. 각져 있던 면들이 자연스럽게 부드러워지면서, 전체 모델의 완성도가 확 올라갑니다.

첨부 이미지

4. Vertex / Edge / Face 활용하기

이제 실제 형태를 수정해볼 차례입니다.

첨부 이미지
  • Vertex (점) : 개별 점을 움직여 전체 실루엣을 자유롭게 변형할 수 있습니다.
  • Edge (선) : 모서리를 이동하거나 조절해 형태의 흐름을 바꿀 수 있습니다
  • Face (면) : 특정 면을 선택해 늘리거나 줄이는 작업이 가능합니다 

5. Extrude로 병 목부분 만들기

첨부 이미지

상단의 Face 모드로 전환한 뒤, 윗면을 선택하고 Extrude(돌출) 기능을 사용해보세요. 면이 위로 쭉 늘어나면서 자연스럽게 병의 목 부분이 만들어집니다.

첨부 이미지

여기서 중요한 팁! Selection 옵션을 Front로 설정한 후 윗면을 드래그로 선택해야 원하는 면만 정확하게 선택할 수 있습니다.

 

+ 추가 팁 (디테일 업그레이드)

  • Extrude 후 Scale을 살짝 줄이면 병 입구가 더 자연스럽게 표현됩니다.
  • Bevel(모서리 다듬기)를 활용하면 더 정교한 디테일을 줄 수 있습니다.
  • 재질(Material)에서 투명도 + 반사값을 조절하면 유리병 느낌도 연출 가능합니다.

Step 4. 마지막 한 끗, 브랜드 색 입히기

1. Material로 브랜드 느낌 입히기

첨부 이미지

오른쪽 패널의 Material 섹션에서 원하는 색상을 적용해 보세요. 단순히 색을 입히는 것에서 끝나는 것이 아니라 이미지를 업로드해 라벨이나 로고를 직접 입히는 것도 가능합니다. 예를 들어, 브랜드 로고를 병에 적용하거나 패키지 디자인 이미지를 그대로 매핑해 실제 제품처럼 보이는 결과물을 만들 수 있습니다.

 

또한 Material에서는 반사(Reflection), 투명도(Opacity), 거칠기(Roughness) 같은 요소도 조절할 수 있어, 유리·플라스틱·금속 등 다양한 질감을 표현할 수 있습니다.

2. State 기능으로 인터랙션 추가

첨부 이미지

여기에 Spline사용법의 핵심 기능 중 하나인 State를 활용해보세요. State를 사용하면 마우스를 올렸을 때 (Hover), 클릭했을 때 (Click) 오브젝트가 반응하도록 설정할 수 있습니다.

 

예를 들어, 병이 살짝 회전하거나 위로 통통 튀는 애니메이션 부드럽게 확대되는 효과 같은 인터랙션을 아주 간단하게 구현할 수 있습니다.완성된 결과물은 링크로 공유하거나 웹사이트에 embed(삽입) 할 수 있어, 실제 랜딩페이지나 포트폴리오에도 바로 활용 가능합니다.

Spline사용법 : 유튜브 영상
Spline사용법 : 유튜브 영상

글로만 봐서는 헷갈리신다구요? 구독자님을 위해 제가 큰 도움을 받았던 Spline 유튜브 가이드 영상도 함께 참고해보세요. 기초부터 인터랙션까지 단계별로 설명되어 있어 훨씬 빠르게 이해하실 수 있습니다.

 

언제나 여러분의 도전을 응원합니다!

오늘도 나답게, 우리답게.

— 달콤쌉쌀 한대표 드림


첨부 이미지

>> 위 댓글이 달린 네이밍 글이 궁금하다면? (클릭!)

 

여기까지 읽으셨다면, 당신은 상위 1%! 

피드백은 큰 힘이 됩니다!  응원의 말 한 줄, 궁금한 꿀팁 등 달콤쌉쌀의 다음 페이지를 만들어가 주세요! 

 

 

 

 

 

이번 글도 유용하게 읽으셨다면, 달콤쌉쌀을 응원해주세요🧡

첨부 이미지

첨부 이미지

달콤쌉쌀 인재풀 등록하기

다양한 프로젝트가 찾아올 때 마다, 함께 일할 수 있는 디자인, 마케팅 등 다양한 프리랜서 분들을 모집합니다. 자세한 사항은 아래 링크로 확인해주세요!

 

첨부 이미지

달콤쌉쌀 고민상담소

회사 밖 세상, 생각보다 물어볼 곳이 많지 않죠?고민이 있다면 여기 살짝 남겨 주세요. 달콤쌉쌀이 함께 답을 찾아볼게요! 

 

Copyright© BITTERSWEETLETTER All rights reserved

협업문의 - bittersweet.newsletter@gmail.com

다가올 뉴스레터가 궁금하신가요?

지금 구독해서 새로운 레터를 받아보세요

✉️

이번 뉴스레터 어떠셨나요?

달콤쌉쌀 님에게 ☕️ 커피와 ✉️ 쪽지를 보내보세요!

댓글

의견을 남겨주세요

확인
의견이 있으신가요? 제일 먼저 댓글을 달아보세요 !

다른 뉴스레터

© 2026 달콤쌉쌀

“프리랜서? 사업가? 나도 할 수 있을까..?” 매주 수요일 오후 7시, 회사 밖 생존 꿀팁 가이드 A to Z! @bittersweet.letter

메일리 로고

도움말 자주 묻는 질문 오류 및 기능 관련 제보

서비스 이용 문의admin@team.maily.so 채팅으로 문의하기

메일리 사업자 정보

메일리 (대표자: 이한결) | 사업자번호: 717-47-00705 | 서울특별시 송파구 위례광장로 199, 5층 501-8호

이용약관 | 개인정보처리방침 | 정기결제 이용약관 | 라이선스