使用したアバター Milltina_ミルティナ https://dolosart.booth.pm/items/6538026 Ichigo_イチゴ https://booth.pm/ja/items/7328789 Hanka_斑霞 https://booth.pm/ja/items/6970249 Lumina_ルミナ https://booth.pm/ja/items/7502898 mao_真央 https://paryi.booth.pm/items/6846646 Mamehinata_まめひなた https://booth.pm/ko/items/4340548 8月18日から8月25日まで50%割引 Tattelier VRChatアバター向け カスタムタトゥー制作ツール Tattelierは、Unity上でVRChatアバターを確認しながら、タトゥーの配置・編集・合成を行えるUnity Editor専用ツールです。 複雑なUV編集やBlender作業を行わなくても、PNGやGIFを選択し、アバター上の好きな位置を指定するだけでタトゥーを配置できます。 通常のタトゥー配置だけでなく、長い模様を身体に沿って描ける「Pattern Brush」、複数画像から新しいデザインを自動生成する「Auto Tattoo Compose」、GIFを利用したAnimated Tattooにも対応しています。 ━━━━━━━━━━━━━━━━━━ ■ 主な機能 ━━━━━━━━━━━━━━━━━━ ◆ One Click Tattoo 画像を選択し、Scene View上の好きな場所を指定するだけでタトゥーを配置できます。 配置後はいつでも編集可能です。 W：移動 E：回転 R：拡大・縮小 画像の縦横比は自動的に維持されます。 ◆ Surface Projection アバターのメッシュ表面を基準にタトゥーメッシュを生成します。 胸、背中、腕、脚、腰など、曲面にも身体の形状に沿って配置できます。 ※ メッシュ構造や曲率によって結果が異なる場合があります。 ◆ Opposite / Mirror 現在のタトゥーを反対側へ配置したり、画像を左右反転できます。 左右対称のデザイン制作にも利用できます。 ◆ Layer Management 複数のタトゥーをLayerごとに管理できます。 選択、表示/非表示、複製、削除、順序変更、位置・回転・サイズ調整などを個別に行えます。 ◆ Undo / Redo Tattelier全体で編集履歴を管理します。 Undo：Ctrl + Z Redo：Ctrl + Shift + Z 新しいLayerを作成しても、以前の編集履歴をさかのぼることができます。 ━━━━━━━━━━━━━━━━━━ ■ Pattern Brush ━━━━━━━━━━━━━━━━━━ 複数の画像パーツを使い、身体の表面に沿った長いタトゥーを制作できます。 龍、蛇、ツタ、チェーン、花柄、装飾模様などにおすすめです。 使用できるパーツ： Start Main Corner End Scene View上でマウスを押しながら身体の表面をなぞると経路が生成されます。 途中でマウスを離してカメラを回転し、その続きから再び描くこともできます。 作業終了時は素早くダブルクリックします。 完成後はPattern全体をW / E / Rで編集でき、必要に応じて経路ポイントも調整できます。 ━━━━━━━━━━━━━━━━━━ ■ Auto Tattoo Compose ━━━━━━━━━━━━━━━━━━ 複数のタトゥー素材を登録すると、自動的に新しいデザイン候補を生成します。 龍、花、葉、煙、雲、装飾など、複数素材を組み合わせたデザイン制作に利用できます。 ◆ Main Image 最も目立たせたい素材を「MAIN」として指定できます。 未指定の場合は、画像のサイズや形状などから中心素材を自動判定します。 ◆ Auto Harmony Compose 複数の自由配置候補を作成し、 画像サイズ 不透明領域 視覚的な中心 重なり 余白 全体バランス Main Imageとの関係 方向性 黄金比 素材同士のつながり などを評価し、Harmony Scoreの高い候補をRecommendationとして表示します。 ◆ Direct Result Editing 生成された結果はResult Editorで直接調整できます。 W：移動 E：回転 R：サイズ 完成したデザインはTattoo Layerとして使用したり、PNGとして保存できます。 画像はDrag & Dropでも追加できます。 ━━━━━━━━━━━━━━━━━━ ■ Animated GIF Tattoo ━━━━━━━━━━━━━━━━━━ GIF画像を利用した動くタトゥーにも対応しています。 GIFを選択すると、lilToonで利用できるアニメーション用Texture Atlasへ自動変換します。 自動処理： GIFフレーム解析 フレーム配置 FPS設定 X / Y Frame設定 Total Frame設定 lilToon Animation設定 最大4096までのAtlas生成 GIFに白や黒などの単色背景がある場合は、画像外周と接続した背景を分析して透明化します。 同じ色がタトゥー内部に存在する場合でも、外側の背景と接続していなければ可能な限り保持します。 また、全フレームの実際の使用領域を解析し、不要な透明余白を削減してAtlasサイズを最適化します。 ━━━━━━━━━━━━━━━━━━ ■ BlendShape / Bone Follow ━━━━━━━━━━━━━━━━━━ 対象SkinnedMeshRendererのBone情報を使用するため、腕や脚、身体に配置したタトゥーがPoseやアバターの動きに追従します。 BlendShapeによる身体変形にも可能な範囲で追従するよう生成されます。 ━━━━━━━━━━━━━━━━━━ ■ Mesh Optimization ━━━━━━━━━━━━━━━━━━ Apply時には、不要なMeshやRendererが増えすぎないよう最適化を行います。 同じReceiverで共有可能なSurface Meshを統合 複数Texture / Material Slot対応 共有可能なVertexを再利用 完全透明部分の不要なTriangleを削減 使用していないBone情報を整理 画像品質を維持しながら、VRChatでの負荷をできるだけ抑える構造を目指しています。 ━━━━━━━━━━━━━━━━━━ ■ 初心者向けチュートリアル ━━━━━━━━━━━━━━━━━━ 初回起動時にはチュートリアルが自動的に開始されます。 実際に操作するUIをハイライトしながら、操作手順を順番に案内します。 TATTOO / PATTERN / COMPOSEそれぞれ専用のチュートリアルがあります。 右上の「?」ボタンを押すと、現在選択しているモードのチュートリアルをいつでも再確認できます。 ━━━━━━━━━━━━━━━━━━ ■ 対応言語 ━━━━━━━━━━━━━━━━━━ 한국어 日本語 English ウィンドウ上部の言語メニューから切り替えできます。 選択した言語は保存され、次回起動時にも維持されます。 初回起動時はUnityのシステム言語を確認し、日本語環境では日本語、韓国語環境では韓国語、それ以外ではEnglishを自動選択します。 ━━━━━━━━━━━━━━━━━━ ■ 基本的な使い方 ━━━━━━━━━━━━━━━━━━ TattelierをUnityへインポート VRChatアバターをSceneへ配置 NAA > Tattelierを開く Avatar Rootを設定 Tattoo Layerを追加 PNGまたはGIFを選択 Scene View上で配置したい場所を指定 W / E / Rで調整 必要に応じてMirror / Oppositeを使用 Previewを確認 Applyを実行 PoseやBlendShapeを変更して追従を確認 VRChat上で最終確認 Pattern Brush PATTERNを選択 → Start / Main / Corner / Endを登録 → 身体表面に沿って描画 → ダブルクリックで完了 → W / E / Rで調整 → Apply Auto Compose COMPOSEを選択 → Source Imagesを追加 → MAINを指定 → AUTO COMPOSE → Recommendationを選択 → EDIT RESULTで調整 → USE AS TATTOO ━━━━━━━━━━━━━━━━━━ ■ 対応環境 ━━━━━━━━━━━━━━━━━━ Unity 2022.3系 VRChat Creator Companion VRChat Avatars SDK lilToon Windows 10 / 11 ━━━━━━━━━━━━━━━━━━ ■ 注意事項 ━━━━━━━━━━━━━━━━━━ Tattelierは一般的なVRChat HumanoidアバターおよびSkinnedMeshRendererを基準に制作されています。 特殊なMesh、Bone、BlendShape、Custom Shader、暗号化・編集制限されたアバターなどでは正常に動作しない場合があります。 高解像度画像やGIF、非常に多くのタトゥーを使用するとMesh、Material、Texture、VRAM使用量が増加し、VRChat内のパフォーマンスに影響する場合があります。 Apply後は必ずUnityおよびVRChat上で正常に表示・動作することを確認してください。