FLATNEEDLE ユーザーマニュアル

3D ビューポートと 2D エディターを使ったタトゥーシミュレーションの基本操作とショートカットをご案内します。

はじめに

インストール、ログイン、アカウント作成、基本画面を確認します。

見る

3D Viewport

3D モデル上でタトゥーの位置、サイズ、回転、配置を調整します。

見る

2D Editor

画像編集、輪郭検出、色調整、サンプル保存を行います。

見る

Management

プロジェクト、予定、予約、メモ、支払情報を管理します。

見る

Team

チーム作成、招待コードの送信、カレンダー共有、チームの予定を管理します。

見る

ショートカット

レイヤーの追加、移動、拡大縮小、回転、3D 画面操作のショートカットを確認します。

見る

1. はじめに

アカウントを作成してログインし、作業するプロジェクトやデザイン素材を準備してください。

  • アカウント作成: メールアドレスまたは Google アカウントで登録します。
  • ログイン: ログイン後、自分のプロジェクトや素材を利用できます。
  • プラン確認: アカウントページで現在のプランと契約状況を確認します。
  • 作業準備: 使用するタトゥー画像やデザイン素材を準備します。

2. ワークスペースの概要

作業画面は主に 3D Viewport、2D Editor、Management、Asset Panel、Toolbar で構成されています。

3D Viewport

3D モデル上にタトゥーデザインを配置し、肌に施した際の見え方を確認する画面です。

2D Editor

タトゥー画像を編集し、輪郭や色を調整する画面です。

Management

プロジェクトごとにデザイン画像、予定、予約、メモ、支払情報を管理する画面です。

3. Management の使い方

Management タブではプロジェクトと予定を管理し、相談や予約に必要な情報をプロジェクトごとに整理できます。

左パネル

  • Calendar / Projects / Project List: 左パネル右上の 3 つのボタンは、いずれか 1 つを選択して使います。
  • 表示の切り替え: 選択したボタンに応じて、カレンダー、プロジェクト作成画面、プロジェクト一覧が表示されます。
  • プロジェクト作成: Projects ボタンで表示される画面から、新しいプロジェクトを作成できます。
  • プロジェクト別の保存: プロジェクトごとにデザイン画像やその他のデータを保存・管理できます。

予定とイベント

  • イベント追加: Management タブの右パネル、または Calendar ボタンで表示されるカレンダーのセル内の + ボタンからイベントを追加できます。
  • 予約情報の保存: イベントごとに予約時間、メモ、支払情報など、相談や施術に必要な内容を保存できます。
  • 予定管理: プロジェクトに関連する予定をまとめて確認し、作業の流れを管理できます。

4. 3D Viewport の使い方

デザインを身体の希望する位置に配置し、施術後のイメージをお客様に見せることができます。

  • 視点の回転: マウスの右ボタンを押しながらドラッグすると、3D モデルの周囲を回転して表示できます。
  • 拡大 / 縮小: マウスホイールで画面の倍率を調整できます。
  • 平行移動: Shift キーを押しながら右ドラッグすると、画面を平行移動できます。
  • 自動回転: Space キーで 3D モデルの自動回転を開始し、回転中にもう一度 Space キーを押すと停止します。
  • 回転方向の反転: 回転中に 1 秒以内に Space キーを 2 回 押すと、回転方向が反転します。
  • 回転: モデルを左右に回転させてタトゥーの位置を確認します。
  • 移動: 確認したい身体の部位にカメラを移動します。
  • タトゥーの配置: 肌の希望する位置にデザインを配置します。
  • サイズ調整: お客様の身体の部位に合わせてサイズを調整します。
  • 回転調整: 腕、背中、肩などの曲面に合わせて向きを調整します。
  • プレビュー: 最終的な配置を確認し、相談用の画像として利用します。

5. 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. 基本の作業手順

タトゥーシミュレーションは、次の順序で進められます。

  1. タトゥーデザインの画像を準備します。
  2. Management タブでプロジェクトを作成し、デザイン画像と関連情報を整理します。
  3. 2D Editor で輪郭と色を整えます。
  4. 必要に応じて Shift + Aでレイヤーを追加します。
  5. G、 S、 R で位置、サイズ、回転を調整します。
  6. 3D Viewport で身体モデル上にデザインを配置します。
  7. 右ドラッグ、ホイール、Shift + 右ドラッグで視点を調整します。
  8. 必要に応じて Space キーで自動回転を切り替えます。回転中に 1 秒以内に Space キーを 2 回 押すと回転方向を反転できます。
  9. Management の右パネル、または Calendar 画面の + ボタンから予約イベントを追加し、メモや支払情報を記録します。
  10. お客様と最終的な配置を確認します。
  11. 結果を保存するか、相談資料として活用します。

8. チームと予定

スタジオのメンバーと予定を共有し、Management のカレンダーをチームの予定と一緒に利用できます。

  • チーム作成: 必要に応じて新しいチームを作成できます。
  • メンバーの招待: チームオーナーはウェブサイトの Team メニューから招待コードを送信し、メンバーを招待できます。
  • カレンダー共有: Team タブ上部の自分のカレンダー一覧から、共有したいカレンダーを切り替えられます。
  • Management との連携: Management の Calendar で管理する予約や予定をチームの予定と一緒に確認できます。
  • 予定の共有: チーム単位で予約、作業日程、共有カレンダーのイベントを確認します。
  • 共有イベントの確認: メンバーが登録・共有したイベントを確認して、スタジオの予定を共同で管理します。

9. トラブルシューティング

ログインできない

メール認証の状態を確認し、パスワードをもう一度入力してください。

3D 画面の動作が遅い

ブラウザーやアプリを再起動し、GPU ドライバーとシステム要件を確認してください。

画像が表示されない

ファイルのパスと対応する画像形式を確認してください。

保存できない

ログイン状態とインターネット接続を確認して、もう一度お試しください。