145Biblioteca visual / Motion
Una idea.
Muchas formas.
Escenas para explicar, destacar y marcar el ritmo. Pasa el mouse o enfoca una tarjeta para verla moverse.
- Generales9:16 · 6sDinero subiendoCuando el discurso menciona facturación, ganancias o un resultado en dinero.
- Generales9:16 · 6sTres pasos apiladosCuando el discurso resume un método en tres pasos.
- Generales9:16 · 6sAntes y despuésCuando se compara un resultado anterior con uno nuevo usando dos números.
- Generales9:16 · 6sLlamado final con botónAl final del video, cuando se pide al público que toque un botón.
- Generales9:16 · 6sPregunta y respuestaCuando el discurso responde una duda frecuente.
- Generales9:16 · 6sPaso a paso, uno a la vezCuando el discurso explica cuatro pasos en secuencia.
- Generales9:16 · 6sLista numeradaCuando el discurso enumera errores, consejos o motivos.
- Generales9:16 · 6sComparación lado a ladoCuando el discurso compara dos opciones lado a lado.
- Generales9:16 · 6sCelular con tutorial de pantallaCuando el discurso muestra una secuencia de acciones dentro de una app.
- Generales9:16 · 6sCelular con conversaciónCuando el discurso cuenta una conversación con un cliente que terminó en venta.
- Generales9:16 · 6sLaptop con panel de númerosCuando el discurso presenta los resultados del mes.
- Generales9:16 · 6sNotificaciones cayendoCuando el discurso describe ventas que llegan una tras otra.
- Inmobiliaria9:16 · 6sSimulación de hipotecaCuando el discurso explica la cuota estimada de una hipoteca.
- Inmobiliaria9:16 · 6sFicha del inmuebleCuando el discurso presenta un inmueble con precio y medidas.
- Salud9:16 · 6sSeñales de alertaCuando el discurso enumera síntomas y posibles factores asociados. Reemplaza el contenido ilustrativo por información clínica verificada.
- Salud9:16 · 6sEtiquetas en el cuerpoCuando el discurso señala zonas del cuerpo y posibles causas de dolor. El contenido ilustrativo no reemplaza la orientación médica.
- Nutrición9:16 · 6sPlato por gruposCuando el discurso enseña a dividir el plato por grupos de alimentos.
- Nutrición9:16 · 6sCambio inteligenteCuando el discurso sugiere cambiar un alimento por otro.
- Legal9:16 · 6sPlazo en el calendarioCuando el discurso explica un plazo legal en curso. Verifica la jurisdicción y los hechos aplicables.
- Legal9:16 · 6sFragmento de ley marcadoCuando el discurso cita una disposición legal. Reemplaza el texto jurídico ilustrativo por la fuente verificada aplicable.
- Creadores de contenido9:16 · 6sContador de seguidoresCuando el discurso celebra o comenta una cifra de seguidores.
- Creadores de contenido9:16 · 6sComentario destacadoCuando el discurso responde el comentario de alguien del público.
- Paneles · Legal9:16 · 6sArtículo de ley en la hojaCuando el discurso muestra un artículo de ley en un documento. Verifica la jurisdicción y la norma citada.
- Paneles · Legal9:16 · 6sPlazo en la línea de tiempoCuando el discurso explica un plazo legal en una línea de tiempo.
- Paneles · Legal9:16 · 6sSuma del reembolsoCuando el discurso suma las partes del dinero que se le devuelve al cliente.
- Paneles · Creadores9:16 · 6sLos 3 primeros segundosCuando el discurso explica la importancia de los tres primeros segundos.
- Paneles · Creadores9:16 · 6sOndas de prueba del públicoCuando el discurso explica las pruebas sucesivas de público de un video.
- Paneles · Creadores9:16 · 6sLas tres señales en barrasCuando el discurso enumera señales de interacción del público.
- Paneles · Salud9:16 · 6sCorazón y latidosCuando el discurso introduce la frecuencia cardíaca y la salud cardiovascular.
- Paneles · Salud9:16 · 6sArteria libre y estrechaCuando el discurso explica la presión en una arteria libre o estrechada.
- Paneles · Salud9:16 · 6sGráfico con la franja de riesgoCuando el discurso ilustra una franja de riesgo o una condición sin diagnosticar. Verifica las cifras clínicas antes de usarlo.
- Paneles · Nutrición9:16 · 6sAzúcar del envaseCuando el discurso revela cuánta azúcar tiene una bebida envasada.
- Paneles · Nutrición9:16 · 6sCubos de azúcar en el vasoCuando el discurso traduce gramos de azúcar en cubitos.
- Paneles · Nutrición9:16 · 6sBarra del límite diarioCuando el discurso compara el azúcar con un límite diario y sugiere la fruta entera. Verifica la recomendación prevista.
- Paneles · Inmobiliaria9:16 · 6.3sEdificio que sube piso por pisoCuando el discurso presenta un desarrollo inmobiliario. El edificio sube piso por piso mientras se anima la cantidad de pisos; usa cero pisos para ocultar el número.
- Paneles · Inmobiliaria9:16 · 5.7sMapa con el trayecto a pieCuando el discurso explica una ubicación y la distancia a pie. El conteo puede coincidir con una palabra dicha o con un tiempo definido en el panel; hasta dos lugares extra se iluminan cuando se mencionan.
- Paneles · Inmobiliaria9:16 · 7.3sPlano que nace en trazo y pasa a 3DCuando el discurso muestra el interior de un inmueble: un plano en trazo se convierte en una vista 3D con el área y cuatro etiquetas de ambientes.
- Paneles · Inmobiliaria9:16 · 4.8sEtiqueta de precio sobre el planoCuando el discurso presenta el precio de un inmueble sobre el plano. Cero oculta el valor numérico.
- Transiciones9:16 · 0.4sTransición · Brillo cálidoPara un cambio de escena estándar: una fuga de luz cálida llega a su pico en el corte.
- Transiciones9:16 · 0.3sTransición · Destello blancoPara un corte seco y enfático: un destello blanco corto llega a su pico en el corte.
- Transiciones9:16 · 0.6sTransición · Película quemadaPara un cambio de tema o de tiempo: manchas de película quemada atraviesan la pantalla.
- Transiciones9:16 · 0.4sTransición · GlitchPara tecnología, errores o giros bruscos: canales de color separados, franjas desplazadas, líneas rasgadas y estática llegan a su pico en el corte.
- Transiciones9:16 · 0.6sTransición · Apagar la telePara el final de un bloque o un chiste: la imagen se cierra en una línea y vuelve a abrirse.
- Transiciones9:16 · 0.6sTransición · Cortina de colorPara un nuevo elemento o tema: una franja del color de acento barre la pantalla.
- Transiciones9:16 · 0.5sTransición · Zoom con rayosPara acercarse a un detalle importante: rayos de velocidad y desenfoque refuerzan el corte.
- Transiciones9:16 · 0.6sTransición · PersianaPara un cambio de escenario o de día: siete franjas se cierran y abren en secuencia.
- Transiciones9:16 · 0.7sTransición · IrisPara cerrar una historia o enfocar un detalle: un círculo se cierra en el centro y vuelve a abrirse.
- Transiciones9:16 · 0.5sTransición · Fundido a negroPara una pausa dramática o el paso del tiempo: la imagen se funde brevemente a negro.
- Señaladores9:16 · 2.4sSeñalador · Flecha hacia abajoPara señalar un botón, número, producto o enlace.
- Señaladores9:16 · 2.6sSeñalador · Flecha curva dibujadaPara llamar la atención sobre un detalle con una flecha curva dibujada a mano.
- Señaladores9:16 · 2.4sSeñalador · Flecha lateralPara señalar un texto, botón o elemento cercano en pantalla.
- Señaladores9:16 · 2sSeñalador · X rojaPara descartar una opción o marcar algo como incorrecto.
- Señaladores9:16 · 2sSeñalador · Check verdePara confirmar, aprobar o marcar un elemento como hecho.
- Señaladores9:16 · 2.4sSeñalador · Círculo a manoPara rodear un número, rostro, botón u otro detalle.
- Señaladores9:16 · 2.2sSeñalador · Subrayado a manoPara subrayar una palabra, número o frase importante.
- Señaladores9:16 · 2.6sSeñalador · Recuadro de énfasisPara enmarcar una zona, un detalle de captura, un botón o un objeto.
- Señaladores9:16 · 2.4sSeñalador · ResaltadorPara resaltar una frase escrita, un valor o una línea de una captura.
- Señaladores9:16 · 2.8sSeñalador · FocoPara aislar un rostro, producto o detalle de una captura oscureciendo el resto.
- Señaladores9:16 · 2.6sSeñalador · Franja de censuraPara ocultar una zona, como un rostro, nombre, número o detalle de una captura.
- Señaladores9:16 · 2.6sSeñalador · InterruptorCuando el discurso pide activar o desactivar una función o modo.
- Señaladores9:16 · 2.6sSeñalador · Toque en pantallaCuando el discurso pide tocar o hacer clic en un punto específico.
- Señaladores9:16 · 2.4sSeñalador · Círculo numeradoCuando el discurso numera pasos o elementos sobre el video.
- Señaladores9:16 · 2sSeñalador · Rayos de impactoPara rodear un objeto, rostro o número importante con rayos de énfasis.
- Señaladores9:16 · 2.4sSeñalador · Signo de preguntaCuando el discurso hace una pregunta o muestra duda, cerca de la cabeza de quien habla.
- Señaladores9:16 · 2.2sSeñalador · AlertaCuando el discurso advierte sobre un error, un riesgo o un cuidado importante.
- Efectos de video9:16 · 2.6sEfecto · ViñetaPara crear un clima más oscuro y cinematográfico o llevar la mirada al rostro de quien habla.
- Efectos de video9:16 · 2.8sEfecto · Desenfocar el fondoPara desenfocar el fondo y mantener nítido el rostro, como el modo retrato.
- Efectos de video9:16 · 2.8sEfecto · Brillo de ensueñoPara sueños, recuerdos, lujo o un momento bonito: las zonas claras ganan un halo suave.
- Efectos de video9:16 · 2.6sEfecto · Desenfoque cromáticoPara un aire de lente antigua, sueño o mareo: aparecen franjas rojas y azules en los bordes.
- Efectos de video9:16 · 2sEfecto · Temblor de cámaraPara reforzar una cifra contundente, un giro, una sorpresa o un impacto con temblor de cámara.
- Efectos de video9:16 · 3sEfecto · Lluvia de dineroCuando el discurso habla de ventas, ganancias, facturación o dinero que entra.
- Efectos de video9:16 · 3sEfecto · ConfetiPara celebrar una meta, una venta, un logro o un cumpleaños con confeti.
- Efectos de video9:16 · 2.8sEfecto · Barras de cinePara relatos, revelaciones o momentos épicos con aspecto de tráiler de película.
- Efectos de video9:16 · 2.6sEfecto · Blanco y negro de cinePara una escena seria, un recuerdo, un drama o un secreto con aspecto monocromático.
- Efectos de video9:16 · 2.8sEfecto · Líneas de TVPara un televisor de tubo, una cámara de seguridad, una grabación de archivo o un recuerdo.
- Efectos de video9:16 · 2.4sEfecto · EstáticaPara señal débil, interferencia, un recuerdo que falla o suspenso.
- Efectos de video9:16 · 2.8sEfecto · Cinta VHSPara una grabación nostálgica, video casero de los años 90 o aspecto de archivo en VHS.
- Efectos de video9:16 · 2.8sEfecto · Pantalla prismáticaPara sueños, vértigo, asombro o confusión: copias de la imagen se separan como en un prisma.
- Comedia9:16 · 3sComedia · Frase de piedra que se desplomaPara dar peso físico a una frase: letras de piedra quedan colgadas un instante, caen y rompen el suelo.
- Comedia9:16 · 3sComedia · Pantalla rajadaPara el chiste del golpe a la pantalla: el vidrio se raja en el punto elegido, la imagen tiembla y las grietas quedan.
- Comedia9:16 · 3.5sComedia · Foco de escenarioPara pedir atención o luz: la sala se oscurece y un foco de escenario ilumina a la persona mientras haces laterales barren la escena.
- Comedia9:16 · 3.5sComedia · Se volvió conciertoPara el chiste de concierto o discoteca: la sala se oscurece, un estroboscopio blanco late al ritmo, haces de colores se cruzan y sube niebla.
- Comedia9:16 · 3.2sComedia · Explosión de verdadPara el chiste de la explosión: fuego realista, humo oscuro y chispas estallan en x/y, con un destello blanco y un temblor corto.
- Comedia9:16 · 3.5sComedia · Fuego que subePara el chiste del calor o el fuego: llamas realistas suben desde el borde inferior y un brillo cálido parpadea sobre el video.
- Comedia9:16 · 3.5sComedia · Humo que cubre la pantallaPara una desaparición, un percance o un cambio oculto: humo gris sube, cubre la pantalla y se disipa.
- Comedia9:16 · 3sComedia · Vidrio que estallaPara el chiste de la pantalla rota: el vidrio se raja en x/y y los fragmentos vuelan y caen, con un destello y un temblor cortos.
- Neón9:16 · 3.5sNeón · Título neón en bloquesPara una frase contundente: los bloques de texto alternan pesos y la palabra clave marcada brilla con el color de la luz de la esquina.
- Neón9:16 · 4sNeón · Tarjeta verde partidaPara desmentir un consejo que parecía bueno: una tarjeta verde recibe un rayo de luz, se parte, se vuelve roja y revela el veredicto.
- Neón9:16 · 4.5sNeón · Gráfico de vidrio con curva luminosaCuando una métrica sube o baja: una curva blanca se dibuja mientras el marcador y el contador avanzan hasta el valor final.
- Neón9:16 · 4.5sNeón · Barra que se traba en 99%Para mostrar algo que nunca termina: la barra de progreso se detiene cerca del final, se bloquea y revela una frase de impacto.
- Neón9:16 · 4.5sNeón · Intentos: falla, falla, aciertaCuando el acierto llega tras varios intentos: los fallidos reciben una X roja y una tachadura; el correcto se ilumina en verde.
- Neón9:16 · 4.5sNeón · Lista de vidrio que se enciendeCuando el discurso enumera trabajos hechos o beneficios: elementos apagados se encienden uno a uno con un check verde en una tarjeta de vidrio.
- Objetos en escena9:16 · 4.5sObjeto · Objeto 3D con ficha técnicaCuando el discurso presenta un objeto con datos numéricos: aparece un objeto 3D girando con una ficha de 2×2. Cambia el src del video por un archivo de objeto incluido; el renderizador lee ese recurso directamente del HTML.
- Objetos en escena9:16 · 4.5sObjeto · Casa 3D que se construye por etapasCuando el discurso explica una obra o un proceso por etapas: una casa 3D se arma mientras se encienden las etiquetas de cada etapa. La animación se reproduce una vez a 1,2× y termina en 2,4 segundos; deja al menos 3,5 segundos para que entre el sello.
- Objetos en escena9:16 · 5sObjeto · Mapa de Brasil 3DCuando el discurso trata del alcance o de lugares en Brasil: un mapa inclinado ilumina estados uno a uno, por región o en un grupo elegido, con un contador encima.
- Objetos en escena9:16 · 5sObjeto · Sistema solar en 3DPara presentar el universo, una idea central o relaciones en órbita: cuatro planetas giran alrededor de un Sol 3D, pasando por detrás y por delante.
- Objetos en escena9:16 · 4.5sObjeto · Galería de videos en 3DPara mostrar trabajos en video: seis tarjetas verticales se abren en abanico 3D y una pasa al frente. Reemplaza los degradados de ejemplo por elementos de video sin sonido; define data-start, data-duration y el src correcto. Conteo de visualizaciones opcional debajo.
- Interfaces9:16 · 4.8sInterfaz · Notas con checklistCuando el discurso enumera requisitos, pasos o tareas: se escribe un título y cada elemento recibe un check en secuencia.
- Interfaces9:16 · 5sInterfaz · Chat con IA y video listoCuando el discurso muestra un pedido a la IA: el pedido se escribe, se envía, espera y recibe una respuesta con un video terminado.
- Interfaces9:16 · 4.8sInterfaz · Búsqueda con resultado destacadoPara invitar a una búsqueda o presentar un producto: se escribe la consulta y aparece un resultado destacado.
- Interfaces9:16 · 4.5sInterfaz · Cámara del celular grabandoCuando el discurso trata de grabar o salir en cámara: el video se convierte en el visor de la cámara y una frase aparece palabra por palabra.
- Interfaces9:16 · 4.8sInterfaz · Barra de comandos con etapasCuando el discurso muestra un comando para la computadora o la IA: se escribe el comando, Enter lo envía y las etapas reciben un check una a una.
- Tarjetas de prueba9:16 · 4sPrueba · Recibo de costo y tiempoCuando el discurso explica costo y tiempo empleado: la tarjeta del valor cuenta, se desliza a un lado y da paso a la tarjeta del tiempo.
- Tarjetas de prueba9:16 · 4sPrueba · Lista tachadaCuando el discurso enumera tareas que ya no hacen falta: cada elemento aparece y se tacha.
- Tarjetas de prueba9:16 · 4sPrueba · Presupuesto tachado y el valor nuevoCuando el discurso compara un costo recurrente anterior con un precio nuevo.
- Tarjetas de prueba9:16 · 3.6sPrueba · Medidor con agujaCuando el discurso describe un costo, esfuerzo o riesgo bajo o alto: un medidor indica el nivel.
- Tarjetas de prueba9:16 · 3.6sPrueba · CronómetroCuando el discurso dice cuánto tarda una tarea: un contador llega al tiempo y la unidad elegidos.
- Tarjetas de prueba9:16 · 4.5sPrueba · Detrás de escena del editorCuando el discurso muestra la edición en curso: un panel de editor muestra video, onda de audio, subtítulos, el cabezal avanzando y cortes sucesivos.
- Tarjetas de prueba9:16 · 4.5sPrueba · Pausas cortadas en la onda de audioCuando el discurso explica las pausas eliminadas: los tramos rojos de la onda desaparecen uno a uno, la onda se une y la duración disminuye.
- Demostraciones · Odontología9:16 · 4.6sDentista: cepillado correctoCuando el discurso corrige la técnica de cepillado: cepillar con fuerza marca el diente en rojo, el título incorrecto se tacha y un cepillo suave limpia con delicadeza el diente protegido.
- Demostraciones · Fitness9:16 · 5.4sEntrenador: crece despuésCuando el discurso explica la recuperación muscular: el entrenamiento contrae el músculo; luego el sueño, la proteína y el descanso le envían energía y crece.
- Demostraciones · Legal9:16 · 5sAbogado: derechos que quedan y se vanCuando el discurso explica derechos que se conservan y se pierden: los que se conservan reciben un check y los excluidos se tachan y se alejan. Verifica la jurisdicción y los hechos aplicables.
- Demostraciones · Nutrición9:16 · 5sNutrición: naranjas que se vuelven jugoCuando el discurso compara la fruta entera con el jugo: las naranjas se exprimen en un vaso, el azúcar queda en el jugo y la fibra sale, con etiquetas.
- Demostraciones · Arquitectura9:16 · 5.5sArquitecto: sala pequeñaCuando el discurso explica el diseño de una sala pequeña: la luz de la ventana se refleja en un espejo y luego una cortina de piso a techo muestra la altura.
- Generales9:16 · 4sGancho con año gigantePara un gancho de apertura con un año o un número: dígitos grandes giran sobre un panel oscuro con gráfico y una insignia en píldora refuerza el mensaje.
- Generales9:16 · 4.5sTarjetas de profesiones en abanicoCuando el discurso presenta varias profesiones o nichos: tarjetas apiladas se abren en abanico, cada una con el ícono del oficio.
- Generales9:16 · 4.5sComenta: palabra escritaEn el llamado final: aparece una caja de comentario, se escribe una palabra clave y un dedo toca Enviar.
- Subtítulos y títulos9:16 · 3.4sSubtítulo · Palabra por palabra en amarilloPara el subtítulo estándar de video corto: las palabras blancas siguen visibles mientras la palabra dicha se vuelve amarilla y da un saltito.
- Subtítulos y títulos9:16 · 3.4sSubtítulo · Palabra que estallaPara un gancho o un giro enfático: una o dos palabras grandes estallan al ritmo del discurso; la última queda destacada.
- Subtítulos y títulos9:16 · 3.4sSubtítulo · Letras con colores desplazadosPara subtítulos enérgicos de tecnología, IA o edición, con aspecto de glitch cromático.
- Subtítulos y títulos9:16 · 3.4sSubtítulo · Palabra que sube con brilloPara subtítulos de habla continua: la palabra dicha sube desde detrás de una línea con brillo amarillo y luego se vuelve blanca.
- Subtítulos y títulos9:16 · 3.4sSubtítulo · Palabra que se enciende en rojoPara una advertencia, una promesa o una afirmación contundente: palabras apagadas se encienden en rojo al decirse y siguen encendidas hasta el siguiente grupo.
- Subtítulos y títulos9:16 · 3.4sSubtítulo · Mayúsculas en cursivaPara deporte, acción, desafíos o resultados: subtítulos en cursiva destacan la palabra más larga de cada grupo.
- Subtítulos y títulos9:16 · 3.4sSubtítulo · Fondo redondeado translúcidoPara tutoriales o fondos recargados: una píldora oscura, translúcida y discreta contiene la frase, con la palabra dicha más clara.
- Subtítulos y títulos9:16 · 3.4sSubtítulo · Contorno luminosoPara consejos en tono de conversación, rutinas o detrás de escena, con un contorno delicado y luminoso.
- Subtítulos y títulos9:16 · 3.4sSubtítulo · Máquina de escribir con cursorPara comandos, código o tutoriales de IA: las letras se escriben en una franja oscura con un cursor de bloque que parpadea en las pausas.
- Subtítulos y títulos9:16 · 3.4sTítulo · Título negro contundentePara un titular de apertura: texto corto en negro sobre franjas de color, una franja por línea, en la parte superior.
- Subtítulos y títulos9:16 · 3.4sTítulo · Título en dos líneasPara un gancho clásico de video corto: una línea pequeña blanca sobre una segunda línea grande del color de acento.
- Subtítulos y títulos9:16 · 2.4sTítulo · Proyección de impactoPara un número, precio o promesa enfático: el texto salta, se vuelve nítido y deja un gran eco translúcido. La entrada dura 0,5 segundos y luego queda fija hasta el corte.
- Subtítulos y títulos9:16 · 2.4sTítulo · Entrada con resortePara un llamado corto y enérgico: el texto nace desde cero, se pasa de tamaño y se asienta. Luego queda fijo hasta el corte.
- Subtítulos y títulos9:16 · 3sTítulo · Letras dibujadas a mano que tiemblanPara un llamado que se mantiene varios segundos: las letras aparecen una a una y tiemblan como letras dibujadas a mano, en cuatro poses.
- Subtítulos y títulos9:16 · 3sTítulo · TorsiónPara un llamado a la acción prolongado: las letras se desplazan y los contornos se tuercen sobre una línea base ondulada, en cuatro poses por ciclo, más rápido y fuerte que el Doodle.
- Subtítulos y títulos9:16 · 3sTítulo · Falla de coloresPara un título de tecnología o un aviso de lanzamiento: el texto entra con un sacudón cromático, queda fijo y, por instantes, separa canales rojo y cian en franjas desplazadas.
- Subtítulos y títulos9:16 · 2.4sTítulo · Foco que se apagaPara una salida enfática: el texto se enciende bajo un foco en movimiento; el foco se cierra hacia el centro y desaparece en 0,3 segundos.
- Subtítulos y títulos9:16 · 2.4sTítulo · El texto se evaporaPara una oferta o un plazo que vence: el texto se escribe, queda fijo y luego ondula, se aplana, se desenfoca en horizontal y se evapora en una salida de 0,5 segundos.
- Subtítulos y títulos9:16 · 4sTítulo · Insignia numerada arribaPara listas numeradas: una píldora arriba muestra el número y el nombre del elemento actual. Usa una copia por elemento, con copias contiguas que se tocan en sus límites. Los subtítulos del editor siguen visibles debajo; no los ocultes.
- Entradas de imagen9:16 · 3sEntrada · Caer hacia la izquierdaPara presentar una imagen, captura o clip con impacto: la tarjeta cae desde arriba, queda fija y sale por la izquierda en los últimos 0,3 segundos. Define image con un archivo de la carpeta de imágenes. Para usar video, reemplaza el elemento de imagen por un video con el mismo ID y la misma clase y agrega src, data-start="0", data-duration, data-track-index="2", muted y playsinline. Mantén las tarjetas verticales al lado o debajo del rostro; la tarjeta 16:9 predeterminada va encima.
- Entradas de imagen9:16 · 3sEntrada · Caer hacia la derechaPara presentar una imagen, captura o clip con impacto: la tarjeta cae desde arriba, queda fija y sale por la derecha en los últimos 0,3 segundos. Define image con un archivo de la carpeta de imágenes. Para usar video, reemplaza el elemento de imagen por un video con el mismo ID y la misma clase y agrega src, data-start="0", data-duration, data-track-index="2", muted y playsinline. Mantén las tarjetas verticales al lado o debajo del rostro; la tarjeta 16:9 predeterminada va encima.
- Entradas de imagen9:16 · 3sEntrada · Caer hacia abajo y a la izquierdaPara presentar una imagen o un resultado: la tarjeta entra deslizándose desde la derecha, queda fija y cae hacia abajo en los últimos 0,3 segundos. Define image con un archivo de la carpeta de imágenes. Para usar video, reemplaza el elemento de imagen por un video con el mismo ID y la misma clase y agrega src, data-start="0", data-duration, data-track-index="2", muted y playsinline. Mantén las tarjetas verticales al lado o debajo del rostro; la tarjeta 16:9 predeterminada va encima.
- Entradas de imagen9:16 · 3sEntrada · Caer hacia abajo y a la derechaPara presentar una imagen o un resultado: la tarjeta entra deslizándose desde la izquierda, queda fija y cae hacia abajo en los últimos 0,3 segundos. Define image con un archivo de la carpeta de imágenes. Para usar video, reemplaza el elemento de imagen por un video con el mismo ID y la misma clase y agrega src, data-start="0", data-duration, data-track-index="2", muted y playsinline. Mantén las tarjetas verticales al lado o debajo del rostro; la tarjeta 16:9 predeterminada va encima.
- Entradas de imagen9:16 · 3sEntrada · Zoom 1 (llega grande)Cuando una imagen necesita una revelación contundente: entra a escala 2×, se encoge de golpe con desenfoque radial, queda fija y crece rápido al final. La entrada y la salida duran unos 0,2 segundos cada una. Define image con un archivo de la carpeta de imágenes. Para usar video, reemplaza el elemento de imagen por un video con el mismo ID y la misma clase y agrega src, data-start="0", data-duration, data-track-index="2", muted y playsinline. Mantén las tarjetas verticales al lado o debajo del rostro; la tarjeta 16:9 predeterminada va encima.
- Entradas de imagen9:16 · 3sEntrada · Zoom 2 (se abre por dentro)Cuando una imagen se despliega en pantalla: empieza a 0,5× dentro de una tarjeta rodeada de copias espejadas, crece de golpe a tamaño completo con desenfoque radial, queda fija y vuelve a encogerse. La entrada dura unos 0,2 segundos y la salida unos 0,15 segundos. Define image con un archivo de la carpeta de imágenes. Para usar video, reemplaza el elemento de imagen por un video con el mismo ID y la misma clase y agrega src, data-start="0", data-duration, data-track-index="2", muted y playsinline. Mantén las tarjetas verticales al lado o debajo del rostro; la tarjeta 16:9 predeterminada va encima.
- Entradas de imagen9:16 · 3sEntrada · Zoom lateralCuando una imagen entra de costado y se aleja: un borde espejado acompaña un deslizamiento desenfocado de media pantalla, seguido de un encogimiento gradual y uno final más rápido hasta cerca de 0,8×. El parámetro side elige la dirección. Define image con un archivo de la carpeta de imágenes. Para usar video, reemplaza el elemento de imagen por un video con el mismo ID y la misma clase y agrega src, data-start="0", data-duration, data-track-index="2", muted y playsinline. Mantén las tarjetas verticales al lado o debajo del rostro; la tarjeta 16:9 predeterminada va encima.
- Entradas de imagen9:16 · 3sEntrada · Clic para abrirAl abrir un panel, enlace o resultado: una imagen sube a escala 44%, un cursor hace clic y se expande con un temblor elástico y un desenfoque breve. Luego queda fija hasta el corte. La entrada de 1,3 segundos se comprime por debajo de 2,4 segundos para ocupar el 55% de la escena; el tiempo del sonido debe comprimirse igual. Define image con un archivo de la carpeta de imágenes. Para usar video, reemplaza el elemento de imagen por un video con el mismo ID y la misma clase y agrega src, data-start="0", data-duration, data-track-index="2", muted y playsinline. Mantén las tarjetas verticales al lado o debajo del rostro; la tarjeta 16:9 predeterminada va encima.
- Entradas de imagen9:16 · 3.6sEntrada · Antes y después con cortinaPara la prueba del antes y después: el video original cubre la pantalla con una etiqueta de grabación; luego una cortina brillante con asa barre la pantalla, retrocede un poco y revela el video editado debajo. El barrido empieza después de 1 segundo (antes, si la escena dura menos de 2,5 segundos) y tarda unos 1,8 segundos. Usa el tramo original que coincide con el discurso; quita su filtro CSS para conservar el color original. Define image con un archivo de la carpeta de imágenes. Para usar video, reemplaza el elemento de imagen por un video con el mismo ID y la misma clase y agrega src, data-start="0", data-duration, data-track-index="2", muted y playsinline. Mantén las tarjetas verticales al lado o debajo del rostro; la tarjeta 16:9 predeterminada va encima.