Ir al contenido principal
Prueba social

Salida en vivo del motor de render real — edita los ajustes y se actualiza al instante.

Cita palabra a palabra

motion design

La frase de un cliente llega palabra a palabra, una línea se dibuja y el nombre surge de un desenfoque.

Ideal para: Una frase de un cliente, con toda la pantalla para ella.

Ajustes

Fuente
Tema
Tamaño
Ánimo

Úsala en un vídeo

Ideal paraTestimonios
Lo que puedes cambiar:quoteauthorrole
Para desarrolladores (MCP y JSON)

Esta es la escena exacta para enviar a create_animation (MCP): mantén la estructura, cambia las palabras y escribe la narración — la voz fija cuánto dura la escena. Pégala en update_storyboard con set_data para cambiar un vídeo que ya hiciste.

{
  "visual": "motion",
  "heading": "Quote",
  "narration": "Write the sentence the voice says over this scene; its length is the scene's.",
  "data": {
    "motion": {
      "spec": {
        "version": 1,
        "name": "Pull quote",
        "intent": "one sentence a customer said, given room",
        "camera": "drift",
        "exit": "fadeOut",
        "params": [
          {
            "name": "quote",
            "type": "text",
            "label": "Quote",
            "default": "We replaced a two-week agency brief with an afternoon.",
            "maxLength": 72
          },
          {
            "name": "author",
            "type": "text",
            "label": "Author",
            "default": "Maya Lindqvist",
            "maxLength": 32
          },
          {
            "name": "role",
            "type": "text",
            "label": "Role",
            "default": "Head of Growth, Northwind",
            "maxLength": 40
          }
        ],
        "layers": [
          {
            "id": "mark",
            "kind": "text",
            "text": "“",
            "role": "display",
            "color": "c1",
            "align": "start",
            "maxLines": 1,
            "box": {
              "col": 0,
              "row": 0,
              "cols": 2,
              "rows": 2.4
            },
            "tall": {
              "col": 0,
              "row": 0.8,
              "cols": 3,
              "rows": 1.8
            },
            "enter": {
              "primitive": "wordStagger"
            }
          },
          {
            "id": "quote",
            "kind": "text",
            "text": "{{quote}}",
            "role": "display",
            "align": "start",
            "maxLines": 3,
            "box": {
              "col": 0,
              "row": 2.7,
              "cols": 12,
              "rows": 5.6
            },
            "tall": {
              "col": 0,
              "row": 2.9,
              "cols": 12,
              "rows": 5.2
            },
            "enter": {
              "primitive": "wordStagger",
              "order": 1
            },
            "emphasis": {
              "primitive": "underline"
            }
          },
          {
            "id": "rule",
            "kind": "shape",
            "shape": "line",
            "stroke": "c1",
            "strokeWidth": "bold",
            "box": {
              "col": 0,
              "row": 8.5,
              "cols": 1.6,
              "rows": 0.5
            },
            "tall": {
              "col": 0,
              "row": 8.4,
              "cols": 2.4,
              "rows": 0.5
            },
            "enter": {
              "primitive": "drawOn",
              "order": 2
            }
          },
          {
            "id": "author",
            "kind": "text",
            "text": "{{author}}",
            "role": "headline",
            "align": "start",
            "maxLines": 1,
            "box": {
              "col": 0,
              "row": 9.2,
              "cols": 8,
              "rows": 1.4
            },
            "tall": {
              "col": 0,
              "row": 9.1,
              "cols": 12,
              "rows": 1.3
            },
            "enter": {
              "primitive": "blurIn",
              "order": 3
            }
          },
          {
            "id": "role",
            "kind": "text",
            "text": "{{role}}",
            "role": "title",
            "color": "sub",
            "align": "start",
            "maxLines": 1,
            "box": {
              "col": 0,
              "row": 10.9,
              "cols": 8,
              "rows": 1.1
            },
            "tall": {
              "col": 0,
              "row": 10.7,
              "cols": 12,
              "rows": 1.1
            },
            "enter": {
              "primitive": "blurIn",
              "order": 3
            }
          }
        ]
      },
      "name": "Pull quote"
    }
  }
}

Reutilízala: guarda data.motion.spec una vez con save_motion_spec (se comprueba como con validate_motion_spec) y cualquier escena podrá usar el visual «motion» con data.motion.specId y sus propios parámetros. Nombre de la spec: «Pull quote».

Más animaciones de Prueba social