> ## Documentation Index
> Fetch the complete documentation index at: https://docs.bloomy.casa/llms.txt
> Use this file to discover all available pages before exploring further.

# Generador de videos

> Cómo crear videos de antes y después con transiciones animadas profesionales.

export const Bloomy = () => <span class="bg-gradient-to-r from-[#c36c78] via-[#ef8292] to-[#c36c78] bg-clip-text px-0 font-bold font-sans text-lg text-transparent">
    bloomy
  </span>;

El **Generador de videos** te permite crear videos impactantes de antes y después con transiciones animadas profesionales. Mostrá la transformación de tus espacios de forma dinámica y atractiva para redes sociales y presentaciones.

<img src="https://mintlify.s3.us-west-1.amazonaws.com/bloomy/assets/videos.webp" alt="Generador de videos" class="rounded-3xl" />

## ¿Qué es el Generador de videos?

Es una herramienta que te permite **crear videos animados** que muestran la transformación de un espacio:

* 🎬 **Videos de antes y después** con transiciones profesionales
* ✨ **8 estilos de animación** para elegir
* 📱 **Formato ideal para redes sociales** (Instagram, TikTok, WhatsApp)
* 🎯 **Proceso guiado** en 3 simples pasos
* ⚡ **Generación rápida** en segundos

**Casos de uso:**

* 🏠 Inmobiliarias que quieren mostrar renovaciones virtuales
* 🎨 Diseñadores que presentan propuestas de decoración
* 🏗️ Desarrolladores que muestran el antes y después de obras
* 📲 Creadores de contenido para redes sociales

<Note>Esta funcionalidad consume **10 créditos** por cada video generado.</Note>

***

## Acceso al Generador de videos

Desde la barra lateral de <Bloomy />:

1. **Navegá a "Videos"** en el menú principal
2. Se abre el editor con el flujo completo de 3 pasos
3. Seleccioná, configurá y generá

***

## Flujo de trabajo

El editor de videos sigue un proceso de **3 pasos** simple e intuitivo, con un indicador visual de progreso en la parte superior.

### Paso 1: Seleccionar imágenes

Elegí las dos imágenes que formarán el video:

1. **Seleccioná un proyecto** del desplegable
2. Se muestran las **imágenes originales** del proyecto
3. **Hacé clic en una imagen original** para seleccionarla como inicio
4. Se muestran las **variantes** de esa imagen (generadas por Alma, Pampa o Edición manual)
5. **Hacé clic en una variante** para seleccionarla como final

<img src="https://mintlify.s3.us-west-1.amazonaws.com/bloomy/assets/video-frames.webp" alt="Selección de imágenes para video" class="rounded-3xl" />

**Importante:**

* Solo podés usar **imágenes originales** como inicio del video
* Solo podés usar **variantes de esa imagen** como final (generadas por Alma, Pampa o Edición manual)
* Primero generá transformaciones con Alma para tener variantes disponibles

<Tip>Para tener variantes, primero usá Alma para transformar la imagen original. El video mostrará la transición entre ambas.</Tip>

***

### Paso 2: Configurar transición

Elegí el estilo de animación para la transición entre las dos imágenes:

| Transición                | Descripción                                |
| ------------------------- | ------------------------------------------ |
| **Muebles Deslizantes**   | Los muebles se deslizan elegantemente      |
| **Caída del Cielo**       | Muebles nuevos caen desde arriba           |
| **Paredes Descendentes**  | Las paredes bajan revelando el diseño      |
| **Transformación Fluida** | El espacio se transforma orgánicamente     |
| **Giro Mágico**           | Los muebles giran y se transforman         |
| **Splash de Pintura**     | Pintura revela el nuevo diseño             |
| **Puerta Portal**         | Cámara atraviesa puerta hacia nuevo diseño |
| **Ventana Mágica**        | Panorámica a través de ventana portal      |

<img src="https://mintlify.s3.us-west-1.amazonaws.com/bloomy/assets/video-preview.webp" alt="Opciones de transición para video" class="rounded-3xl" />

**Consejos para elegir:**

* 🪑 **Muebles Deslizantes**: Ideal para cambios de decoración sutiles
* ☄️ **Caída del Cielo**: Impactante para home staging dramático
* ✨ **Transformación Fluida**: Versátil, funciona con cualquier tipo de cambio
* 🎨 **Splash de Pintura**: Perfecto para cambios de color de paredes
* 🚪 **Puerta Portal**: Creativo para mostrar antes y después

Una vez elegida la transición, hacé clic en **"Generar Video"** para iniciar el proceso.

***

### Paso 3: Vista previa

Antes de generar, podés ver una **previsualización** de las imágenes seleccionadas:

* La pantalla muestra las dos imágenes lado a lado
* Un indicador central muestra qué transición se aplicará
* La información técnica del video (duración \~5 segundos, resolución 720p HD)

**Durante la generación:**

* Una animación indica que el video se está procesando
* El proceso típicamente toma unos segundos
* No cierres la página mientras se genera

**Una vez generado:**

* El video se reproduce automáticamente
* Podés reproducirlo en loop para verlo varias veces
* Botón de **descarga directa** disponible
* El video se guarda en tu proyecto para acceso futuro
* Opción de dar **feedback** sobre el resultado

***

## Especificaciones técnicas

| Característica           | Valor                                      |
| ------------------------ | ------------------------------------------ |
| **Duración**             | \~5 segundos                               |
| **Resolución**           | 720p HD                                    |
| **Formato**              | MP4 (compatible con todas las plataformas) |
| **Costo**                | 10 créditos por video                      |
| **Tiempo de generación** | \~30 segundos                              |

***

## Mejores prácticas

### Para videos efectivos

**📸 Imágenes:**

* Usá **imágenes de buena calidad** para mejor resultado
* Las transformaciones más **dramáticas** generan videos más impactantes
* Asegurate de que las imágenes tengan el **mismo encuadre** (original y variante)

**🎬 Transiciones:**

* Probá diferentes transiciones para ver cuál queda mejor
* **Transformación Fluida** es la más versátil
* Para cambios de mobiliario, usá **Muebles Deslizantes** o **Giro Mágico**
* Para renovaciones completas, usá **Paredes Descendentes**

**📱 Redes sociales:**

* Los videos de \~5 segundos son ideales para **Reels e historias**
* Agregá texto o música después de descargar
* Usá como **gancho visual** al inicio de publicaciones

<Tip>Generá varias versiones con diferentes transiciones y elegí la que mejor comunique la transformación.</Tip>

***

## Casos de uso profesionales

### 🏠 Inmobiliarias

**Mostrar potencial de propiedades:**

* Creá videos de home staging virtual
* Mostrá cómo quedaría un departamento amoblado
* Presentá renovaciones virtuales a propietarios

**Ejemplo:** Departamento vacío (Pampa) → Amoblado con estilo moderno (Alma)

### 🎨 Diseñadores de interiores

**Presentar propuestas:**

* Mostrá el antes y después de tus diseños
* Creá contenido atractivo para portfolio
* Facilitá la visualización a tus clientes

**Ejemplo:** Living actual → Propuesta de rediseño (Alma)

### 📲 Marketing inmobiliario

**Contenido para redes:**

* Videos cortos ideales para Instagram y TikTok
* Mayor engagement que fotos estáticas
* Fácil de compartir en grupos de WhatsApp

**Ejemplo:** Reels mostrando transformaciones de propiedades

### 🏗️ Desarrolladores

**Visualización de proyectos:**

* Mostrá renders de espacios terminados
* Comparación entre obra y proyecto final
* Presentaciones a inversores

**Ejemplo:** Espacio en obra gris → Render del acabado final

***

## Preguntas frecuentes

<AccordionGroup>
  <Accordion title="¿Por qué no veo variantes para seleccionar?">
    Las variantes son imágenes generadas por Alma, Pampa o la edición manual, a partir de una imagen original. Si no tenés variantes, primero usá las herramientas de generación para transformar la imagen original (home staging, cambio de decoración, etc.).
  </Accordion>

  <Accordion title="¿Puedo usar cualquier par de imágenes?">
    No, el sistema requiere una imagen original y una de sus variantes generadas por Alma, Pampa o la edición manual. Esto asegura que las imágenes tengan el mismo encuadre para una transición fluida y más natural.
  </Accordion>

  <Accordion title="¿Cuánto tarda en generarse un video?">
    Normalmente toma solo unos segundos. El tiempo puede variar según la carga del servidor.
  </Accordion>

  <Accordion title="¿Puedo editar el video después de generarlo?">
    El video se descarga como MP4, que podés editar con cualquier app de edición de video para agregar música, texto, o combinarlo con otros clips.
  </Accordion>

  <Accordion title="¿En qué formato se descarga el video?">
    El video se descarga en formato MP4, compatible con todas las plataformas y redes sociales.
  </Accordion>

  <Accordion title="¿Cuántos créditos consume cada video?">
    Cada video generado consume **10 créditos** de tu plan.
  </Accordion>

  <Accordion title="¿Puedo generar varios videos del mismo par de imágenes?">
    Sí, podés generar múltiples videos con diferentes transiciones. Cada generación consume 10 créditos.
  </Accordion>

  <Accordion title="¿Los videos se guardan en mi proyecto?">
    Sí, los videos generados se guardan como parte del contenido de tu proyecto y podés acceder a ellos cuando quieras.
  </Accordion>

  <Accordion title="¿Puedo usar el video sin el logo de Bloomy?">
    Los videos generados no incluyen marca de agua de <Bloomy />. Son completamente tuyos para usar como quieras.
  </Accordion>
</AccordionGroup>

***

## Limitaciones actuales

Como esta función está en **Beta**, tiene algunas limitaciones:

* <Icon icon="close" color="red" /> Solo se puede seleccionar un par de imágenes por video
* <Icon icon="close" color="red" /> No se puede ajustar la duración del video
* <Icon icon="close" color="red" /> No hay opción de agregar música o texto
* <Icon icon="close" color="red" /> Resolución fija en 720p

Estas funcionalidades pueden agregarse en futuras actualizaciones.

***

**El Generador de videos transforma tus diseños estáticos en contenido dinámico.** Creá videos profesionales en segundos y destacá tus propiedades y proyectos en redes sociales con transiciones que capturan la atención.