{
  "id": "deck:scroll-motion-depth",
  "slug": "scroll-motion-depth",
  "title": {
    "ja": "画像と奥行き 30–34 — 面を切る、裏返す、飛び込む演出",
    "en": "Imagery and Depth 30–34 — Wipe, Flip and Fly Through a Surface"
  },
  "summary": {
    "ja": "ビフォーアフターからアイリスマスクまで 5 種。画像や面の見せ方を変える動きで、製品紹介の山場に向く",
    "en": "Five effects from the before/after wipe to the iris mask. They change how an image or surface is shown, and suit the high point of a product story"
  },
  "count": 5,
  "slides": [
    {
      "position": 1,
      "slug": "motion-compare-wipe",
      "kind": "motion",
      "title": {
        "ja": "ビフォーアフター",
        "en": "Before/after wipe"
      },
      "useCase": null,
      "role": null,
      "urls": {
        "ja": "https://design-vault.pages.dev/designs/motion-compare-wipe",
        "en": "https://design-vault.pages.dev/en/designs/motion-compare-wipe",
        "json": "https://design-vault.pages.dev/ai/assets/motion-compare-wipe.json",
        "designJson": null
      },
      "reproduction": null
    },
    {
      "position": 2,
      "slug": "motion-card-flip-3d",
      "kind": "motion",
      "title": {
        "ja": "3D カードフリップ",
        "en": "3D card flip"
      },
      "useCase": null,
      "role": null,
      "urls": {
        "ja": "https://design-vault.pages.dev/designs/motion-card-flip-3d",
        "en": "https://design-vault.pages.dev/en/designs/motion-card-flip-3d",
        "json": "https://design-vault.pages.dev/ai/assets/motion-card-flip-3d.json",
        "designJson": null
      },
      "reproduction": null
    },
    {
      "position": 3,
      "slug": "motion-perspective-tilt",
      "kind": "motion",
      "title": {
        "ja": "パースペクティブ",
        "en": "Perspective tilt"
      },
      "useCase": null,
      "role": null,
      "urls": {
        "ja": "https://design-vault.pages.dev/designs/motion-perspective-tilt",
        "en": "https://design-vault.pages.dev/en/designs/motion-perspective-tilt",
        "json": "https://design-vault.pages.dev/ai/assets/motion-perspective-tilt.json",
        "designJson": null
      },
      "reproduction": null
    },
    {
      "position": 4,
      "slug": "motion-tunnel-fly",
      "kind": "motion",
      "title": {
        "ja": "トンネル",
        "en": "Tunnel"
      },
      "useCase": null,
      "role": null,
      "urls": {
        "ja": "https://design-vault.pages.dev/designs/motion-tunnel-fly",
        "en": "https://design-vault.pages.dev/en/designs/motion-tunnel-fly",
        "json": "https://design-vault.pages.dev/ai/assets/motion-tunnel-fly.json",
        "designJson": null
      },
      "reproduction": null
    },
    {
      "position": 5,
      "slug": "motion-iris-mask",
      "kind": "motion",
      "title": {
        "ja": "アイリスマスク",
        "en": "Iris mask"
      },
      "useCase": null,
      "role": null,
      "urls": {
        "ja": "https://design-vault.pages.dev/designs/motion-iris-mask",
        "en": "https://design-vault.pages.dev/en/designs/motion-iris-mask",
        "json": "https://design-vault.pages.dev/ai/assets/motion-iris-mask.json",
        "designJson": null
      },
      "reproduction": null
    }
  ],
  "urls": {
    "ja": "https://design-vault.pages.dev/decks/scroll-motion-depth",
    "en": "https://design-vault.pages.dev/en/decks/scroll-motion-depth",
    "json": "https://design-vault.pages.dev/ai/decks/scroll-motion-depth.json"
  },
  "catalogVersion": 1,
  "designSchemaVersion": 2,
  "notesMarkdown": ""
}