Ir al contenido principal
Datos y ROI

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

Cifra protagonista con acercamiento

motion design

Una cifra aparece sobre una tarjeta (el único rebote de la escena) mientras la cámara se acerca despacio; una línea se dibuja debajo.

Ideal para: La cifra de la que trata toda la película.

Ajustes

Fuente
Tema
Tamaño
Ánimo

Úsala en un vídeo

Lo que puedes cambiar:kickervaluelabelsupport
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": "The number",
  "narration": "Write the sentence the voice says over this scene; its length is the scene's.",
  "data": {
    "motion": {
      "spec": {
        "version": 1,
        "name": "Hero number",
        "intent": "one figure that carries the beat",
        "camera": "pushIn",
        "exit": "mirror",
        "params": [
          {
            "name": "kicker",
            "type": "text",
            "label": "Eyebrow",
            "default": "Time to a film",
            "maxLength": 24
          },
          {
            "name": "value",
            "type": "text",
            "label": "Figure",
            "default": "3 min",
            "maxLength": 8
          },
          {
            "name": "label",
            "type": "text",
            "label": "What it measures",
            "default": "from a URL to a finished video",
            "maxLength": 40
          },
          {
            "name": "support",
            "type": "text",
            "label": "Support line",
            "default": "Voice, captions and music included",
            "maxLength": 48
          }
        ],
        "layers": [
          {
            "id": "card",
            "kind": "shape",
            "shape": "rect",
            "fill": "surface",
            "radius": "lg",
            "elevation": 3,
            "box": {
              "col": 0.5,
              "row": 1.6,
              "cols": 11,
              "rows": 8
            },
            "tall": {
              "col": 0,
              "row": 1.4,
              "cols": 12,
              "rows": 7.6
            },
            "enter": {
              "primitive": "fadeUp",
              "spring": "gentle"
            }
          },
          {
            "id": "kicker",
            "kind": "text",
            "text": "{{kicker}}",
            "role": "body",
            "uppercase": true,
            "color": "c1",
            "align": "center",
            "maxLines": 1,
            "box": {
              "col": 0,
              "row": 0,
              "cols": 12,
              "rows": 1.2
            },
            "tall": {
              "col": 0,
              "row": 0,
              "cols": 12,
              "rows": 1.1
            },
            "enter": {
              "primitive": "fadeUp",
              "distance": "nudge"
            }
          },
          {
            "id": "value",
            "kind": "number",
            "value": "{{value}}",
            "role": "hero",
            "color": "gradient",
            "align": "center",
            "box": {
              "col": 1,
              "row": 2.2,
              "cols": 10,
              "rows": 4.4
            },
            "tall": {
              "col": 0.5,
              "row": 2,
              "cols": 11,
              "rows": 3.6
            },
            "enter": {
              "primitive": "scaleIn",
              "order": 1
            }
          },
          {
            "id": "label",
            "kind": "text",
            "text": "{{label}}",
            "role": "title",
            "align": "center",
            "maxLines": 2,
            "box": {
              "col": 1,
              "row": 6.9,
              "cols": 10,
              "rows": 1.6
            },
            "tall": {
              "col": 0.5,
              "row": 5.9,
              "cols": 11,
              "rows": 2.2
            },
            "enter": {
              "primitive": "fadeUp",
              "order": 2
            }
          },
          {
            "id": "rule",
            "kind": "shape",
            "shape": "line",
            "stroke": "gradient",
            "strokeWidth": "bold",
            "box": {
              "col": 4.5,
              "row": 8.75,
              "cols": 3,
              "rows": 0.6
            },
            "tall": {
              "col": 3.5,
              "row": 8.3,
              "cols": 5,
              "rows": 0.6
            },
            "enter": {
              "primitive": "drawOn",
              "from": "left",
              "order": 2
            }
          },
          {
            "id": "support",
            "kind": "text",
            "text": "{{support}}",
            "role": "body",
            "color": "sub",
            "align": "center",
            "maxLines": 2,
            "box": {
              "col": 1,
              "row": 10,
              "cols": 10,
              "rows": 1.8
            },
            "tall": {
              "col": 0.5,
              "row": 9.6,
              "cols": 11,
              "rows": 2.2
            },
            "enter": {
              "primitive": "fadeUp",
              "order": 3
            }
          }
        ]
      },
      "name": "Hero number",
      "params": {
        "kicker": "Average reply time",
        "value": "38 s",
        "label": "from a question to an answer",
        "support": "Across 12,000 support chats"
      }
    }
  }
}

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: «Hero number».

Más animaciones de Datos y ROI