アセット作成ガイド（MOD作成者向け）

このガイドについて

このガイドは、レンアイシステムのMODを作成する際に必要な画像アセット（背景、立ち絵、一枚絵）の作成方法を解説します。

対象者: MOD作成者、イラストレーター、画像編集初心者

必要なアセット一覧

🔴 最重要: 必須立ち絵

spring.casual.normal立ち絵は絶対に必要です！

portraits/
└── spring/
    └── casual/
        └── normal.png  ← これが必須！

理由:

• この立ち絵がないとバリデーションエラー（MISSING_NORMAL_PORTRAIT）になり、MODが選択不可になります
• 他の立ち絵がなくても、これ1枚あればMODは動作します
• フォールバック機能により、他の表情・服装・季節が未定義でも自動的にこの立ち絵が使用されます

最小構成（キャラクター1人のMOD）

✓ 必須:
  - 立ち絵（必須）: 最低1枚
    - spring.casual.normal（必須！）

✓ 推奨:
  - 立ち絵（表情違い）: 3-5枚
    - 通常（normal） ← 必須
    - 喜び（happy）
    - 悲しみ（sad）
    - 驚き（surprised）
    - 怒り（angry）※任意

✓ オプション（システム背景を使用する場合は不要）:
  - 背景画像: 0枚（システム提供の背景を使用）
  - 一枚絵（CG）: 0-3枚（特別なイベント用）

推奨構成（充実したMOD）

✓ 立ち絵: 7-10枚
  - 基本表情: 5枚（通常、喜び、悲しみ、驚き、怒り）
  - 追加表情: 2-5枚（照れ、困惑、真剣など）
  - 特別衣装: 1-3枚（夏祭り、水着、クリスマスなど）

✓ 一枚絵（CG）: 2-5枚
  - 告白シーン
  - デートイベント
  - エンディング専用CG

✓ 背景画像（特別な場所のみ）: 0-2枚
  - 特殊なロケーション（システム提供外の場所）

立ち絵（キャラクターポートレート）の作成

ステップ1: 仕様を確認

重要: ファイルサイズ制限

MOD全体の制限:

• MOD全体（全ファイル合計）: 200MB以下（必須）
• この制限を超えるとMOD_SIZE_EXCEEDEDエラーになり、MODが選択不可になります

個別ファイルの推奨サイズ:

• 立ち絵1ファイル: 500KB～2MB推奨（最大5MB）
• 背景1ファイル: 500KB～2MB推奨（最大5MB）
• CG1ファイル: 1MB～5MB推奨（最大5MB）
• 音声1ファイル: 最大10MB

ファイルサイズを抑える方法:

1. 画像最適化ツールを使用:
   • TinyPNG: https://tinypng.com/ （オンライン、無料）
   • OptiPNG: コマンドラインツール
   • GIMP: 「エクスポート」時に圧縮レベルを調整
2. 解像度を下げる（ただし、推奨解像度は維持）
3. 不要な透過領域を削除
4. 色数を減らす（PNGの場合）

ステップ2: キャラクターデザイン

構図のポイント:

┌────────────────┐
│   [余白]       │ ← 上部に少し余白
│   【頭部】     │
│   【顔】       │ ← 表情の描き分けが重要
│                │
│   【上半身】   │ ← 胸元・腕の見え方
│                │
│   【腰・腹部】 │
│                │
│   【太もも】   │
│   【膝】       │
│   【ふくらはぎ】│
│   【足首】     │
│   【足先】     │ ← 切れないように注意！
│   [余白]       │ ← 下部に少し余白
└────────────────┘

重要なチェックポイント:

• ✓ 頭から足先まで完全に収まっているか（途中で切れていないか）
• ✓ 上下左右に適度な余白があるか（画面端ぎりぎりではないか）
• ✓ キャラクターが中央に配置されているか
• ✓ 直立姿勢か、自然なポーズか（極端なポーズは避ける）

ステップ3: 表情バリエーションの作成

基本5表情（推奨）:

追加表情（あると良い）:

表情作成のコツ:

基本の顔（normal）を作成 → コピーして表情パーツだけ変更

変更する部分:
  - 目（開き具合、瞳の位置、ハイライト）
  - 眉（角度、位置）
  - 口（形、開き具合）
  - 頬（赤み、影）
  - その他（汗、涙、エフェクト）

ポイント: 体や髪型は同じでOK！表情だけ変える。

ステップ4: 背景を透過にする

方法1: 生成時に透過（推奨）

AI画像生成時に透過背景を指定：

プロンプト例:
"transparent background, no background, clean cutout,
full body character illustration, standing pose"

方法2: 背景除去ツールを使う（簡単・高精度）

おすすめツール:

1. remove.bg (Webサービス)
   • URL: https://www.remove.bg/ja
   • 使い方: 画像をアップロード → 自動で背景除去 → ダウンロード
   • 料金: 低解像度は無料、高解像度は有料
   • 精度: ★★★★★
2. Adobe Photoshop (ソフトウェア)
   • 使い方: 「背景を削除」機能を使用
   • 料金: 有料サブスクリプション
   • 精度: ★★★★★
3. GIMP (無料ソフトウェア)
   • 使い方: 選択範囲ツール → 背景を削除
   • 料金: 完全無料
   • 精度: ★★★☆☆（手動調整が必要）

背景除去の手順（remove.bg）:

1. https://www.remove.bg/ja にアクセス
2. 「画像をアップロード」をクリック
3. 立ち絵の画像を選択
4. 自動的に背景が除去される（数秒）
5. 「ダウンロード」ボタンでPNG形式で保存

背景除去の手順（GIMP）:

1. GIMPで画像を開く
2. レイヤー → 透明部分 → アルファチャンネルの追加
3. 「ファジー選択ツール」で背景をクリック
4. Delete キーで背景を削除
5. 細かい部分は消しゴムツールで調整
6. ファイル → エクスポート → PNG形式で保存

ステップ5: ファイルサイズを最適化

目標サイズ: 500KB-1MB

圧縮ツール:

1. TinyPNG (Webサービス)
   • URL: https://tinypng.com/
   • 使い方: PNG画像をドラッグ&ドロップ → 圧縮 → ダウンロード
   • 品質: 高品質（見た目ほぼ変わらず）
2. OptiPNG (コマンドライン)

   optipng -o7 character_portrait.png

3. PNGQuant (コマンドライン)

   pngquant --quality=80-95 character_portrait.png -o output.png

ステップ6: ファイル名を付ける

命名規則:

<character_id>_<emotion>.png

例:
sakura_tanaka_normal.png
sakura_tanaka_happy.png
sakura_tanaka_sad.png
sakura_tanaka_surprised.png
sakura_tanaka_angry.png
sakura_tanaka_embarrassed.png
sakura_tanaka_happy_yukata.png  (特別衣装)

ポイント:

• 小文字とアンダースコア _ のみ使用
• 日本語や空白は使わない
• character_id は mod.json の定義と一致させる

背景画像の作成

いつ作成が必要か？

通常は不要！

レンアイシステムは以下の場所の背景を提供しています：

• 学校（教室、廊下、図書館、体育館、校庭など）
• 町（カフェ、駅、商店街、公園など）
• 住宅街（主人公の部屋、住宅街の風景など）

背景の指定方法（background/custom_background_path）は 一枚絵（CG）・背景 を参照してください。

作成が必要な場合:

• システムにない特別な場所（夏祭りの会場、特殊な店舗など）
• 独自の世界観を持つMOD（ファンタジー世界など）

ステップ1: 仕様を確認

💡 どちらを使う？

初心者・シンプル重視:
  → PNG（全部PNGで統一が簡単！）

ファイルサイズ重視:
  → JPEG（MODのダウンロードサイズを抑えたい）

高品質重視:
  → PNG（何度編集しても劣化なし）

ステップ2: 背景を作成

方法1: AI画像生成（推奨）

プロンプト例（日本語）:
"アニメ調のイラスト、高校の教室、昼間、明るい雰囲気、
窓から日差しが差し込む、黒板と机が並ぶ、16:9、
横長、背景イラスト"

プロンプト例（英語）:
"anime style illustration, high school classroom, daytime,
bright atmosphere, sunlight through windows, blackboard and desks,
16:9 aspect ratio, landscape orientation, background art"

方法2: 写真を加工

1. フリー素材サイトから写真を入手
   - Unsplash: https://unsplash.com/
   - Pixabay: https://pixabay.com/ja/

2. 画像編集ソフトでアニメ調に変換
   - Photoshop: フィルター → 油彩
   - GIMP: フィルター → 芸術的効果 → 油絵

3. 解像度を1920×1080にリサイズ

4. 明るさ・コントラストを調整

5. PNG形式で保存（推奨）
   または JPEG形式（品質85-90%、ファイルサイズ重視）

方法3: イラストを描く

1. キャンバスサイズ: 1920×1080
2. レイヤーを分けて作業（空、建物、小物など）
3. 遠近法・パース定規を活用
4. 細部は描き込みすぎない（キャラクターが目立つように）
5. PNG形式でエクスポート（推奨）
   または JPEG形式（ファイルサイズ重視）

ステップ3: ファイルサイズを最適化

PNG圧縮（推奨）:

# TinyPNG（Webサービス）
https://tinypng.com/

# OptiPNG（コマンドライン）
optipng -o7 background.png

# 目標サイズ: 2-5MB

JPEG圧縮（ファイルサイズ重視の場合）:

# ImageMagickを使用（コマンドライン）
convert input.jpg -quality 85 output.jpg

# TinyJPG（Webサービス）
https://tinyjpg.com/

# 目標サイズ: 500KB-1.5MB

ステップ4: ファイル名を付ける

命名規則:

<location_id>_<season>_<time_of_day>.png または .jpg

例:
festival_entrance_summer_evening.png（推奨）
special_cafe_spring_afternoon.png（推奨）
secret_place_default.jpg（ファイルサイズ重視）

一枚絵（イベントCG）の作成

いつ作成するか？

一枚絵は特別なイベントシーンで使用します：

• 告白シーン
• 重要なデートイベント
• エンディング専用CG
• 感動的な場面

通常の会話シーンでは 立ち絵 + 背景 を使用するため、一枚絵は不要です。

ステップ1: 仕様を確認

💡 どちらを使う？

重要なCG（エンディングなど）:
  → PNG（最高品質！）

枚数が多い場合:
  → JPEG（ファイルサイズを抑える）

初心者:
  → PNG（シンプル！）

ステップ2: 構図を考える

良い構図の例:

告白シーン:
- 夕焼けの屋上
- キャラクター2人が向かい合う
- 表情がしっかり見える
- 背景はぼかし気味

デートシーン:
- 遊園地、水族館、カフェなど
- 楽しそうな雰囲気
- キャラクターの全身または上半身
- 背景も重要な要素として描き込む

エンディングCG:
- キャラクターのアップ
- 感情が伝わる表情
- 美しい背景（青空、星空など）

ステップ3: 一枚絵を作成

方法1: AI画像生成 + 手直し

プロンプト例:
"anime style illustration, romantic scene,
high school boy and girl, rooftop, sunset,
facing each other, beautiful sky,
emotional moment, detailed background,
16:9 aspect ratio, high quality"

生成後の手直し:
- 顔のバランス調整
- 手や指の修正
- 背景の細部調整
- 色調補正

方法2: イラストを描く

1. ラフを描く（構図決定）
2. 線画を描く
3. 色を塗る（キャラクター → 背景）
4. 陰影をつける
5. ハイライト・効果を追加
6. 全体の色調を調整
7. エクスポート（PNG推奨、品質最高）
   または JPEG（品質90%、ファイルサイズ重視）

ステップ4: ファイル名を付ける

<event_id>_<scene_number>.png または .jpg

例:
confession_rooftop_01.png（推奨）
date_aquarium_02.png（推奨）
ending_good_01.jpg（ファイルサイズ重視）

ツール・ソフトウェアの選び方

初心者向け（無料）

中級者向け（有料）

AI画像生成（有料）

AI画像生成の活用

おすすめ: NovelAI（アニメ調に特化）

メリット:

• アニメ・マンガ風のイラストに特化
• 高品質な立ち絵が生成できる
• プロンプトが比較的シンプル
• 日本語対応

デメリット:

• 有料（月額$10〜）
• 背景透過は別ツールが必要

立ち絵生成のコツ

基本プロンプト（テンプレート）:

ポジティブプロンプト:
masterpiece, best quality, highly detailed, clean lineart,
crisp lines, detailed eyes, beautiful shading, soft lighting,
high contrast, illustration, full body, head to toe,
standing, centered, simple background,
1girl, school uniform, [表情の説明], [髪型・髪色],
[体型・特徴]

ネガティブプロンプト:
cropped feet, cropped head, cropped image, out of frame,
low resolution, bad hands, extra fingers, deformed,
text, logo, watermark, worst quality, low quality,
blurry, bad anatomy, bad proportions, extra limbs

表情の指定:

キャラクター特徴の指定:

髪型・髪色:
- short hair, brown hair（ショート、茶髪）
- long hair, black hair（ロング、黒髪）
- ponytail, blonde hair（ポニーテール、金髪）
- twin tails, red hair（ツインテール、赤髪）

体型:
- petite（小柄）
- tall（背が高い）
- average height（普通の身長）

性格の表現:
- energetic pose（活発）
- shy posture（控えめ）
- confident stance（自信あり）

生成サイズの設定

NovelAIの場合:

Portrait (縦長):
- 832×1216
- 768×1344
- カスタム: 1024×1536

推奨: 832×1216 または 768×1344
→ 生成後に1024×1536にリサイズ

Stable Diffusionの場合:

直接 1024×1536 で生成
または
512×768 で生成 → アップスケール → 1024×1536

背景画像生成のコツ

プロンプト例:

学校の教室（昼）:
"anime style background art, high school classroom,
daytime, bright, sunlight through windows,
blackboard, desks arranged in rows,
clean and tidy, no people,
16:9 aspect ratio, landscape orientation,
highly detailed, beautiful lighting"

公園（夕方）:
"anime style background art, park, evening,
sunset, orange sky, trees, path, bench,
peaceful atmosphere, no people,
16:9 aspect ratio, landscape orientation,
beautiful scenery, detailed"

生成サイズの設定:

Landscape (横長):
- 1344×768
- 1216×832
- カスタム: 1920×1080

推奨: 1344×768で生成 → 1920×1080にアップスケール

AI生成の後処理

立ち絵の場合:

1. AI画像生成
2. 背景除去（remove.bg等）
3. 細部修正（手、指、目など）
4. リサイズ（1024×1536）
5. 圧縮（TinyPNG）
6. PNG形式で保存（必須）

背景・一枚絵の場合:

1. AI画像生成
2. リサイズ（1920×1080）
3. 色調補正（明るさ・コントラスト）

4. 形式選択:
   【PNG推奨】
   - 圧縮（TinyPNG）
   - PNG形式で保存
   - 目標: 2-5MB

   【JPEG可】（ファイルサイズ重視）
   - JPEG圧縮（品質85-90%）
   - JPEG形式で保存
   - 目標: 500KB-1.5MB

よくある質問（FAQ）

Q1: 絵が描けなくてもMODを作れますか？

A: はい、作れます！

以下の方法があります：

• AI画像生成サービスを使う（NovelAI、Stable Diffusionなど）
• フリー素材を使用する（利用規約を確認）
• イラストレーターに依頼する
• コミッション（有料依頼）を出す

Q2: 立ち絵は何枚必要ですか？

A: 最低3枚、推奨は5-7枚です。

最低限:
- normal（通常）
- happy（喜び）
- sad（悲しみ）

推奨:
- normal（通常）
- happy（喜び）
- sad（悲しみ）
- surprised（驚き）
- angry（怒り）
- embarrassed（照れ）
- serious（真剣）

Q3: 背景画像は必ず必要ですか？

A: いいえ、通常は不要です。

システムが提供する背景（学校、カフェ、公園など）を使えば、背景を作る必要はありません。

特別な場所（夏祭り、独自の店舗など）を使う場合のみ作成してください。

Q4: 一枚絵（CG）は必須ですか？

A: いいえ、任意です。

立ち絵だけでもMODは完成します。一枚絵は特別なイベントをより印象的にするための追加要素です。

Q5: ファイルサイズが大きすぎる場合はどうすればいいですか？

A: 圧縮ツールを使うか、JPEG形式に変更してください。

PNG（推奨）:
- TinyPNG: https://tinypng.com/
- 立ち絵の目標: 500KB-1MB
- 背景・一枚絵の目標: 2-5MB

JPEG（ファイルサイズ重視）:
- TinyJPG: https://tinyjpg.com/
- 背景・一枚絵の目標: 500KB-2MB
- 品質: 85-90%

注意: 立ち絵は必ずPNG（透過が必要）

Q6: 解像度を間違えてしまった場合は？

A: 画像編集ソフトでリサイズしてください。

GIMP:
1. 画像 → 画像の拡大・縮小
2. 幅: 1024、高さ: 1536（立ち絵の場合）
3. 補間方法: NoHalo または LoHalo
4. 「拡大・縮小」をクリック

Photoshop:
1. イメージ → 画像解像度
2. 幅: 1024、高さ: 1536
3. リサンプル: バイキュービック法（滑らか）
4. OK

Q7: 背景が透過できません

A: PNGで保存していますか？

チェック項目:
- [x] ファイル形式がPNG（.png）か？
- [x] アルファチャンネルが有効か？
- [x] レイヤーに背景レイヤーがないか？

解決方法:
1. remove.bg（自動背景除去）を使う
2. GIMPで背景を手動削除
3. Photoshopの「背景を削除」機能を使う

Q8: AI生成で足が切れてしまいます

A: 以下を試してください：

1. プロンプトに追加:
   "full body, head to toe, standing,
    complete figure, whole body visible"

2. ネガティブプロンプトに追加:
   "cropped feet, cropped legs, cut off"

3. 縦長の比率を使用:
   832×1216、768×1344

4. アウトペイント（キャンバス拡張）:
   上下に拡張して足りない部分を生成

Q9: 季節ごとに背景を変える必要がありますか？

A: いいえ、システムが自動で対応します。

システム提供の背景は季節と時間帯に応じて自動的に変化します。

独自の背景を使う場合も、季節ごとのバリエーションは任意です。

Q10: どのAI画像生成サービスがおすすめですか？

A: 用途によって異なります。

チェックリスト（完成前の確認）

🔴 必須項目

• ☐ spring.casual.normal立ち絵を作成したか？ ← 最重要！
• ☐ MOD全体のサイズが200MB以下か？ ← これを超えるとエラー
• ☐ すべての画像ファイルが存在するか？
• ☐ character.jsonで定義した立ち絵パスが実際のファイルと一致しているか？

立ち絵

• ☐ 解像度は1024×1536または1200×1800か？
• ☐ PNG形式で保存されているか？
• ☐ 背景は完全に透過されているか？
• ☐ 頭から足先まで完全に収まっているか？
• ☐ 各ファイルサイズは5MB以下か？（推奨: 500KB～2MB）
• ☐ ファイル名は命名規則に従っているか？
• ☐ 基本表情（normal, happy, sad）は揃っているか？
• ☐ spring/casual/normal.pngが必ず存在するか？ ← 必須！

背景画像（独自背景を使う場合のみ）

• ☐ 解像度は1920×1080か？
• ☐ PNG形式で保存されているか？（推奨）
• ☐ 各ファイルサイズは5MB以下か？（推奨: 500KB～2MB）
• ☐ JPEG使用時は品質85%以上か？（オプション）
• ☐ ファイル名は命名規則に従っているか？
• ☐ キャラクターが目立つ構図か？（背景が主役になっていないか）

一枚絵（CG）

• ☐ 解像度は1920×1080か？
• ☐ PNG形式で保存されているか？（推奨）
• ☐ 各ファイルサイズは5MB以下か？（推奨: 1MB～5MB）
• ☐ JPEG使用時は品質90%以上か？（オプション）
• ☐ ファイル名は命名規則に従っているか？
• ☐ キャラクターの表情がしっかり見えるか？
• ☐ cg_galleryで定義したCGファイルが存在するか？

MOD全体

• ☐ MOD全体（全ファイル合計）のサイズが200MB以下か？ ← 必須！
• ☐ 不要なファイルを削除したか？
• ☐ 画像を最適化したか？（TinyPNG、OptiPNGなど）
• ☐ 大きすぎる音声ファイルはないか？

次のステップ

画像アセットが完成したら、以下のガイドに進んでください：

1. MOD構造の作成: MOD作成ガイド
2. キャラクター定義: mod.jsonについて / character.jsonについて
3. イベントスクリプト作成: MOD作成ガイド

参考リンク

公式ドキュメント

• アセット技術仕様書（準備中）
• システム背景一覧（準備中）
• AI画像生成プロンプト集（準備中）

外部リンク

画像編集ツール:

• GIMP: https://www.gimp.org/
• Krita: https://krita.org/
• Photopea (Web版Photoshop): https://www.photopea.com/

背景除去:

• remove.bg: https://www.remove.bg/ja
• Adobe Express: https://www.adobe.com/express/feature/image/remove-background

画像圧縮:

• TinyPNG: https://tinypng.com/
• TinyJPG: https://tinyjpg.com/

AI画像生成:

• NovelAI: https://novelai.net/
• Stable Diffusion: https://stability.ai/
• ChatGPT: https://chat.openai.com/

フリー素材:

• いらすとや: https://www.irasutoya.com/
• Unsplash: https://unsplash.com/
• Pixabay: https://pixabay.com/ja/

質問・サポート:

MOD作成でわからないことがあれば、コミュニティフォーラムやDiscordサーバーで質問してください！

Happy MOD Creating! 🎨✨