시작하기
설치, 로그인, 계정 생성, 기본 화면 구성을 확인합니다.
보기FLATNEEDLE 사용 설명서
3D 뷰포트와 2D 에디터를 활용해 타투 디자인을 시뮬레이션하는 기본 사용법과 단축키를 안내합니다.
1. 시작하기
FLATNEEDLE을 사용하려면 먼저 계정을 만들고 로그인한 뒤, 작업할 프로젝트 또는 디자인 에셋을 준비합니다.
- 계정 생성: 이메일 또는 Google 계정으로 가입합니다.
- 로그인: 로그인 후 개인 프로젝트와 에셋을 사용할 수 있습니다.
- 플랜 확인: 계정 페이지에서 현재 플랜과 구독 상태를 확인합니다.
- 작업 준비: 사용할 타투 이미지 또는 디자인 에셋을 준비합니다.
2. 워크스페이스 개요
FLATNEEDLE의 작업 화면은 크게 3D Viewport, 2D Editor, Management, Asset Panel, Toolbar로 구성됩니다.
3D Viewport
3D 모델 위에서 타투 디자인을 실제 피부 위에 배치하는 공간입니다.
2D Editor
타투 이미지를 편집하고, 아웃라인과 색상을 조정하는 공간입니다.
Management
프로젝트별 디자인 이미지와 일정, 예약, 노트, 페이먼트 정보를 관리하는 공간입니다.
3. Management 사용법
Management 탭에서는 프로젝트와 일정을 관리하고, 고객 상담 및 예약에 필요한 정보를 프로젝트별로 정리할 수 있습니다.
왼쪽 패널
- Calendar / Projects / Project List: 왼쪽 패널 오른쪽 상단의 세 버튼은 상호 배타적으로 동작합니다.
- 선택 화면 표시: 선택한 버튼에 따라 왼쪽 패널에 달력, 프로젝트 생성 화면, 프로젝트 목록이 표시됩니다.
- 프로젝트 생성: Projects 버튼을 눌렀을 때 표시되는 UI에서 새 프로젝트를 생성할 수 있습니다.
- 프로젝트별 저장: 프로젝트별로 디자인 이미지와 기타 데이터베이스 정보를 저장하고 관리할 수 있습니다.
일정과 이벤트
- 이벤트 추가: Management 탭의 오른쪽 패널 또는 Calendar 버튼을 눌렀을 때 표시되는 달력 셀의 + 버튼으로 이벤트를 추가할 수 있습니다.
- 예약 정보 저장: 이벤트마다 예약 시간, 노트, 페이먼트 정보 등 상담과 작업에 필요한 내용을 저장할 수 있습니다.
- 일정 관리: 프로젝트와 연결된 일정 정보를 함께 확인하여 작업 흐름을 체계적으로 관리할 수 있습니다.
4. 3D Viewport 사용법
3D Viewport에서는 디자인을 몸의 원하는 위치에 배치하고, 고객에게 실제 적용 모습을 보여줄 수 있습니다.
- 오르빗: 오른쪽 마우스 버튼을 누른 상태로 드래그하면 3D 모델을 회전하여 볼 수 있습니다.
- 확대 / 축소: 마우스 휠 스크롤로 화면의 줌을 조절할 수 있습니다.
- 패닝: Shift 키를 누른 상태에서 오른쪽 마우스 버튼을 드래그하면 화면을 이동할 수 있습니다.
- 자동 회전: Space 키를 누르면 3D 모델 회전이 동작하고, 회전 중 다시 Space 키를 누르면 회전이 멈춥니다.
- 회전 방향 반전: 회전 중 1초 안에 Space 키를 2번 누르면 회전 방향이 반대로 전환됩니다.
- 회전: 모델을 좌우로 돌려 타투 위치를 확인합니다.
- 이동: 보고 싶은 부위로 카메라를 이동합니다.
- 타투 배치: 디자인을 피부 위 원하는 위치에 올립니다.
- 크기 조절: 고객의 신체 부위에 맞게 타투 크기를 조정합니다.
- 회전 조절: 팔, 등, 어깨 등 곡면에 맞춰 방향을 조정합니다.
- 미리보기: 최종 배치를 확인하고 상담용 이미지로 활용합니다.
5. 2D Editor 사용법
2D Editor에서는 타투 이미지를 정리하고, 3D 적용 전에 디자인 상태를 다듬을 수 있습니다.
- 이미지 가져오기: 사용할 타투 디자인 파일을 불러옵니다.
- 아웃라인 감지: 디자인의 외곽선을 자동으로 감지합니다.
- 색상 조정: 원하는 색상 비율과 톤을 확인합니다.
- 레이어 추가: Shift + A 단축키로 새 레이어를 추가할 수 있으며, 레이어를 선택하면 오른쪽 패널의 레이어 리스트 아래에 표시되는 다이얼로그 버튼으로도 새 레이어를 추가할 수 있습니다.
- 레이어 이동: G 키로 선택한 레이어를 이동할 수 있습니다.
- 레이어 리사이즈: S 키로 선택한 레이어의 크기를 조절할 수 있습니다.
- 레이어 회전: R 키로 선택한 레이어를 회전할 수 있습니다.
- 레이어 관리: 디자인 요소를 분리하여 편집합니다.
- 지우기 / 자르기: 불필요한 영역을 정리합니다.
- 샘플 저장: 편집한 디자인을 에셋으로 저장합니다.
6. 단축키 안내
자주 사용하는 기능은 단축키를 이용해 더 빠르게 조작할 수 있습니다.
2D Editor 단축키
- Shift + A: 새 레이어를 추가합니다.
- 오른쪽 패널 다이얼로그 버튼: 레이어 선택 시 레이어 리스트 아래에서 새 레이어를 추가할 수 있습니다.
- G: 선택한 레이어를 이동합니다.
- S: 선택한 레이어의 크기를 조절합니다.
- R: 선택한 레이어를 회전합니다.
3D Viewport 조작
- 오른쪽 마우스 드래그: 3D 모델을 오르빗합니다.
- 마우스 휠 스크롤: 화면을 확대하거나 축소합니다.
- Shift + 오른쪽 마우스 드래그: 화면을 패닝합니다.
- Space: 3D 모델 자동 회전을 시작하거나 멈춥니다.
- 회전 중 Space 2번 입력: 1초 안에 Space 키를 2번 누르면 회전 방향이 반전됩니다.
7. 기본 작업 흐름
일반적인 타투 시뮬레이션 작업은 아래 순서로 진행하는 것을 권장합니다.
- 타투 디자인 이미지를 준비합니다.
- Management 탭에서 새 프로젝트를 생성하고, 프로젝트별로 디자인 이미지와 관련 데이터를 정리합니다.
- 2D Editor에서 아웃라인과 색상을 정리합니다.
- 필요한 경우 Shift + A로 레이어를 추가합니다.
- G, S, R 단축키로 위치, 크기, 회전을 조정합니다.
- 3D Viewport에서 신체 모델 위에 디자인을 배치합니다.
- 오른쪽 마우스 드래그, 휠 스크롤, Shift + 오른쪽 마우스 드래그로 시점을 조절합니다.
- 필요한 경우 Space 키로 3D 모델 자동 회전을 켜고 끄며, 회전 중 1초 안에 Space 키를 2번 눌러 회전 방향을 반전할 수 있습니다.
- Management의 오른쪽 패널 또는 Calendar 화면의 + 버튼으로 예약 이벤트를 추가하고, 노트와 페이먼트 정보를 기록합니다.
- 고객과 함께 최종 배치를 확인합니다.
- 결과를 저장하거나 상담 자료로 활용합니다.
8. 팀과 스케줄
팀 기능을 사용하면 스튜디오 멤버와 스케줄을 공유하고, Management에서 관리하는 캘린더를 팀 일정과 함께 활용할 수 있습니다.
- 팀 만들기: 회원은 필요에 따라 자유롭게 새로운 팀을 생성할 수 있습니다.
- 멤버 초대: 팀 오너는 웹사이트의 Team 메뉴에서 초대 코드를 발송하고, 팀원을 초대할 수 있습니다.
- 캘린더 공유: Team 탭 상단에서 나의 캘린더 목록 중 원하는 캘린더를 토글하여 팀에 공유할 수 있습니다.
- Management 연동: Management의 Calendar에서 관리하는 예약과 일정 정보를 팀 일정으로 함께 확인할 수 있습니다.
- 스케줄 공유: 팀 단위로 예약, 작업 일정, 공유된 캘린더 이벤트를 확인합니다.
- 공유 이벤트 확인: 팀원이 등록하거나 공유한 이벤트를 확인하여 스튜디오 일정을 함께 관리합니다.
9. 문제 해결
로그인이 되지 않아요
이메일 인증 여부를 확인하고, 비밀번호를 다시 입력해보세요.
3D 화면이 느려요
브라우저 또는 앱을 재시작하고, GPU 드라이버와 시스템 사양을 확인하세요.
이미지가 보이지 않아요
파일 경로와 지원되는 이미지 형식을 확인하세요.
저장이 되지 않아요
로그인 상태와 인터넷 연결을 확인한 뒤 다시 시도하세요.