Zum Hauptinhalt springen
So funktioniert's

Live-Ausgabe der echten Render-Engine — ändere die Einstellungen und sie aktualisiert sich sofort.

Handgezeichneter Pfeil

gestaltete motion-karten

Ein handgezeichneter Pfeil führt von einem Etikett zu einer Stelle Ihres Screenshots.

Ideal für: Auf eine Sache auf der Seite zeigen.

Einstellungen

Schrift
Theme
Größe
Stimmung

Formate, die die Bildprüfung bestanden haben

Handgezeichneter Pfeil
16:9
Handgezeichneter Pfeil
9:16
1:1
1:1

Was du schreibst

  • title Headline over the shot, or empty to hide (≤56)· Pflicht
  • label What the arrow points at, in a few words (≤32)· Pflicht
  • note One line under the label, or empty to hide (≤72)
  • x Where the arrow points. Across the picture: 0 is the left edge, 1 the right (≤1)
  • y Where the arrow points. Down the picture: 0 is the top, 1 the bottom (≤1)
  • pen How the arrow is drawn: a marker stroke, rough chalk or a glowing neon line
  • layout A framed card over its own blurred backdrop, or the picture filling the whole frame

Bilder (image) kommen aus dem Bild der Szene, sonst aus einem Verlauf in deinen Farben.

Eine Code-Vorlage: in jedem Tarif kostenlos, ohne KI-Credits.

In einem Film verwenden

Was du ändern kannst:rushie.props.titlerushie.props.labelrushie.props (others)
Für Entwickler (MCP und JSON)

Das ist genau die Szene für create_animation (MCP): Struktur behalten, Worte ändern und den Sprechertext schreiben — die Stimme bestimmt, wie lange die Szene dauert. Mit set_data in update_storyboard einfügen, um einen fertigen Film zu ändern.

{
  "visual": "rushie",
  "heading": "Arrow pointer",
  "narration": "Write the sentence the voice says over this scene; its length is the scene's.",
  "data": {
    "rushie": {
      "template": "arrow-pointer",
      "props": {
        "image": "https://storage.googleapis.com/pagetovid-media/demo/pagetovid-demo-en-v2.jpg",
        "title": "Start from any page",
        "label": "Paste your link here",
        "note": "Open it on any laptop and your numbers are already there",
        "x": 0.5,
        "y": 0.4,
        "pen": "marker",
        "layout": "framed"
      }
    }
  }
}

Weitere So funktioniert's-Animationen