Tarjeta de resumen de entrenamiento
Una animación de contador numérico para el resumen de tu sesión
Una foto oscurecida, una ruta trazada a mano y un 684 que sube desde cero en tipografía de 260 px. Debajo entran tres datos y luego una barra de meta se dibuja hasta una estrella. Verde kiwi sobre casi negro, seis segundos.
- 6s
- duración
- 4
- relaciones de aspecto
- 7
- controles
- 720p
- exportaciones gratis e ilimitadas
Social Hooks · 6s · 9:16
Stats · Counter · Recap · Fitness
La tarjeta de resumen en la que el número lo pones tú
Todas las apps de fitness incluyen una de estas, y todas se generan a partir de datos. Esta plantilla funciona igual: la cifra principal es un control deslizante y el conteo se calcula a partir de él. Ponlo en 1240 y el conteo corre hasta 1240, mientras el porcentaje de la meta se recalcula debajo respecto al objetivo. No animas dígitos con fotogramas clave: escribes un número.
Alrededor está el resto del resumen: una insignia SESSION COMPLETE, una línea con la fecha, una ruta en bucle dibujada como trazado sobre la foto, tres datos con su etiqueta separados por divisores y una barra de progreso que se dibuja hasta una estrella al final. La foto de fondo es un espacio con nombre que ya tiene aplicada una capa de oscurecimiento, así que cualquier imagen que pongas mantiene el texto legible.
6 segundos, tres momentos
Qué aparece en pantalla y cuándo. Cada elemento nombrado aquí es una capa del documento: puedes hacer clic en cualquiera en el lienzo y cambiarlo.
Momento 1 · 1.1s
Insignia y fecha
La foto ya tiene su capa de oscurecimiento, la insignia SESSION COMPLETE entra deslizándose junto con la línea de la fecha y la ruta empieza a dibujarse por encima.
Momento 2 · 2.4s
El número sube
La cifra principal cuenta hacia arriba en el centro del cuadro con su etiqueta KCAL BURNED encima, mientras la ruta completa su circuito.
Momento 3 · 4.3s
Datos y barra de meta
Los tres datos suben a su lugar entre sus divisores, la barra de meta se dibuja hasta la estrella y el porcentaje aterriza en su valor final.
Tres pasos para una tarjeta de resumen
- 01
Define la cifra principal
Arrastra el control de calorías (Calories) a cualquier valor entre 100 y 2000. La animación del conteo y el porcentaje de la meta salen de él, así que toda la tarjeta se mantiene coherente.
- 02
Completa los datos y la foto
Escribe el tiempo y edita en el lienzo los otros dos pares de datos. Sube tu propia foto de fondo: la capa de oscurecimiento que lleva encima es parte de la plantilla, así que el contraste se mantiene.
- 03
Cambia el color y exporta
El acento colorea la insignia, la ruta, el relleno de la barra y la estrella. Ponle el color de tu app y exporta en vertical para compartir desde el celular o en 1:1 para una publicación en el feed.
Contado, no escrito
El número sube desde cero
La cifra principal se anima de 0 a tu valor durante la parte central del clip, y el porcentaje de la meta que está debajo cuenta al mismo ritmo. Como ambos se generan a partir de un solo control, nunca pueden contradecirse, algo que tarde o temprano pasa con dos capas de texto animadas a mano.
Una barra que se dibuja
Un progreso que ves llegar
La barra de meta se dibuja de izquierda a derecha en lugar de aparecer en fundido a ancho completo, y termina en una estrella que aparece con un pequeño salto al final. Es la forma más clara de mostrar que algo se completó, y configurarla no te cuesta nada.
Legible sobre cualquier foto
La capa de oscurecimiento es parte de la plantilla
Tu foto de fondo queda bajo una capa de oscurecimiento ya diseñada y una viñeta, así que tanto una toma exterior luminosa como una interior con poca luz dejan los números legibles. No tienes que corregir el color de la foto para que la tarjeta funcione.
Qué puedes cambiar
Siete controles, con las etiquetas de los datos, la línea de la fecha y el objetivo de la meta editables directamente en el lienzo.
- Haz clic en cualquier elemento del lienzo para editarlo directamente
- O describe el cambio en una frase y deja que el asistente lo haga
- Exporta en 9:16, 16:9, 1:1, 4:5 desde el mismo documento
Controles del Studio
7 con nombre
- Badge textTextSESSION COMPLETE
- CaloriesSlider 100–2000684
- TimeText42:18
- AccentColour#A3E635
- Number sizeSlider 200–300260
- Background photoPhoto
- SpeedSlider 0.5–21
Por qué una plantilla y no una captura de pantalla
Hacer una captura de la app que usaste te deja con la marca de esa app, su barra de notificaciones y un recorte que nunca encaja en el cuadro. Reconstruir el mismo resumen aquí toma más o menos lo mismo que recortar la captura, y el resultado es tuyo: tu color, tu foto, tu tipografía y un conteo que de verdad se mueve. Además es reutilizable: la próxima sesión está a un número de distancia.
Tarjeta de resumen de entrenamiento: preguntas y respuestas
¿La plantilla de animación de contador numérico es gratis?+
Sí, abrirla y editarla es gratis. Las cuentas gratis pueden exportar en 720p sin límite, con una pequeña marca de agua de LazyKiwi; el 1080p sin marca de agua viene incluido con cualquier plan de pago.
¿En qué relaciones de aspecto puedo exportar?+
9:16, 16:9, 1:1 y 4:5 desde el mismo documento. Está diseñada en vertical a 1080×1920 y se reacomoda en lugar de recortarse.
¿Puedo cambiar los números y los colores?+
La cifra principal es un control deslizante de 100 a 2000, el tiempo es un control de texto y el color de acento colorea la insignia, la ruta, la barra y la estrella. Las demás etiquetas y valores de los datos son texto editable en el lienzo.
¿Necesito After Effects?+
No, y esta es la plantilla donde más se nota. Un conteo en un editor de escritorio suele exigir una expresión o un plugin. Aquí es un campo numérico.
¿Cuánto dura el clip?+
Seis segundos. El conteo ocurre en la parte central y todo está en su sitio a los 4,3 s, lo que deja una pausa al final que funciona como imagen fija.
Más charts & data
Todas las data
Arcos sobre el globoUn globo de malla gira lentamente sobre un escenario azul medianoche mientras seis arcos entre ciudades se encienden uno tras otro, con una tabla de rutas que avanza a su lado.
Gráfico de líneas con datosUna línea blanca de adopción se dibuja de izquierda a derecha sobre una cuadrícula oscura; cada punto se ilumina con su porcentaje y, debajo, un KPI grande cuenta hasta la cifra final.
Cifra financieraUna cifra en dólares sube alineada a la izquierda mientras debajo se dibuja una curva de ingresos y un área suave aparece bajo la línea; cuando el número llega a su valor, entran una píldora de crecimiento y una línea de comparaciónHaz que el número se mueva.
Define la cifra, pon tu foto y exporta una tarjeta de resumen en la que el conteo se genera solo, sin fotogramas clave.