Para hacer un video de antes y después con deslizador, sube las dos imágenes con el mismo encuadre y pide a Otto que las superponga con una línea vertical que cruza la pantalla y revela el después. Agrega las etiquetas "ANTES" y "DESPUÉS", una pausa en cada lado y un cierre con tu nombre o tu contacto.
Resultados reales de la galería de plantillas de Videotto.
Qué es un antes y después con deslizador
Es un video donde dos imágenes del mismo lugar o la misma cosa están una encima de la otra, y una línea con un pequeño tirador se desliza de un lado a otro para mostrar cuánto cambió. El ojo compara cada detalle en tiempo real, algo que no pasa al ver dos fotos lado a lado.
El deslizador lo genera Otto como animación sobre tus imágenes: la línea, el tirador, las etiquetas y el movimiento. Puedes hacerlo con fotos, con capturas de pantalla (un sitio web viejo y uno nuevo) o con dos estados de un diseño. Si son varios trabajos, se encadenan en un solo video.
Qué define el estilo
| Elemento | Cómo se ve | Por qué funciona |
|---|---|---|
| Composición | Las dos imágenes alineadas a pantalla completa, línea vertical con un tirador circular | Mismo encuadre, así solo cambia lo que importa |
| Tipografía | "ANTES" y "DESPUÉS" en etiquetas pequeñas en las esquinas | Orienta sin tapar la imagen |
| Color | Línea blanca con sombra, etiquetas en tu color de marca | Se ve sobre cualquier foto |
| Movimiento | La línea cruza lento, se detiene, vuelve un poco y termina en el después | El vaivén deja comparar dos veces |
| Ritmo | 1 segundo en el antes, 2 a 3 segundos de deslizamiento, 2 segundos en el después | Tiempo suficiente para ver el cambio completo |
| Sonido | Un "whoosh" suave al deslizar, música positiva | Acompaña la revelación |
Paso a paso
- Toma las fotos desde el mismo lugar. Mismo ángulo, misma distancia y, si se puede, la misma luz. Es lo que hace que el efecto funcione.
- Ordena los pares. Si son varios trabajos, el más impresionante al inicio como gancho.
- Sube las imágenes. Sube a Otto cada par indicando cuál es el antes y cuál el después.
- Elige la dirección. De izquierda a derecha es lo más común. De arriba abajo funciona bien en vertical.
- Pega el prompt. Con el orden, las etiquetas, los tiempos y el cierre.
- Agrega el cierre. Tu nombre o negocio, la ciudad y cómo contactarte.
Prompt para pegar en Otto
Adaptado de peticiones reales que usuarios de Videotto enviaron a Otto.
[sube las fotos del antes y del después] Crea un video vertical 9:16 de 20 segundos de antes y después con deslizador. Alinea las dos imágenes a pantalla completa, una encima de la otra. Una línea vertical blanca con un tirador circular cruza de izquierda a derecha y revela el después. La línea se detiene a la mitad, vuelve un poco y termina de cruzar. Etiquetas pequeñas "ANTES" y "DESPUÉS" en las esquinas, en [color de marca]. Si hay varios pares, encadénalos con el mismo efecto. Whoosh suave al deslizar y música positiva. Final: "[tu negocio]" y "Cotiza por WhatsApp".
Versiones cortas que usa la gente
- "Haz un antes y después de esta remodelación con una línea que se desliza."
- "Que se vea el cambio de la foto original a la editada."
- "Pon varios trabajos seguidos con el mismo efecto."
- "Sube la calidad de la foto del antes para que se vea igual de nítida."
Quién lo usa y cómo
Remodelación y limpieza: la cocina antes y después, el sillón sucio y limpio, el jardín abandonado y arreglado. Ideal para servicios locales que quieren mostrar resultados.
Belleza: cortes, color, uñas y maquillaje, siempre con permiso de la clienta para mostrar su foto.
Fotografía y edición: la foto original y la editada, para mostrar tu estilo de color o retoque.
Diseño web y marcas: el sitio viejo y el nuevo, el logo anterior y el rediseño. Funciona muy bien en un portafolio.
Tu propio progreso: tu espacio de trabajo, tu jardín, un dibujo o un proyecto personal, en fotos tomadas desde el mismo lugar.
Errores comunes
- Fotos con distinto encuadre. Si el ángulo cambia, el deslizador se ve raro y el cambio no se aprecia. Toma las dos desde el mismo lugar.
- Deslizar demasiado rápido. El efecto necesita tiempo para comparar. Dale al menos 2 segundos.
- Exagerar el después. No mejores el después con filtros que el antes no tiene. La gente lo nota y pierdes confianza.
- Fotos de clientes sin permiso. Pide autorización antes de publicar la cara o la casa de alguien.
Preguntas frecuentes
¿Qué pasa si las fotos no están bien alineadas?
Pide a Otto que las ajuste para que coincidan lo más posible. Si el ángulo es muy distinto, mejor usa una transición de fundido en lugar del deslizador.
¿Puedo usar videos en vez de fotos?
Sí. Sube los dos clips con el mismo encuadre y pide el mismo efecto de línea que se desliza.
¿Puedo poner varios antes y después en un video?
Sí. Sube todos los pares en orden y pide que se encadenen con el mismo deslizador.
¿Funciona en horizontal?
Sí. En 16:9 el deslizador de izquierda a derecha se ve muy bien, por ejemplo para la página web de tu negocio.
Haz tu próximo video con Otto
Dile a Otto lo que quieres con tus palabras. Corta, subtitula y anima el video por ti.
