Imagen

El elemento Imagen te permite superponer una imagen adicional sobre cualquier paso de una Guía Paso a Paso o en cualquier momento en demostraciones y vídeos interactivos. Esto es útil para insertar visuales complementarios como anotaciones o activos de marca directamente en un step sin necesidad de volver a grabar.

Cómo añadir un elemento de imagen

Añadir imagen a una guía paso a paso

1. Navega para añadir elementos en el panel derecho.
2. Haz clic en imagen. Si uno o más elementos de imagen ya se han añadido, haz clic en Añadir nuevo para insertar otro.
3. Activa el interruptor Ocultar otros elementos para ocultar temporalmente todos los demás elementos en el paso actual mientras configuras la imagen. Otros elementos quedan ocultos temporalmente y no se eliminan.
4. Para subir una imagen, haz clic en Imagen. Selecciona entre los recursos de imagen predefinidos disponibles.

5. Haz clic en Insertar para añadir la imagen seleccionada.
6. En Tamaño y posición, elige un modo de colocación:
   • Libre - Ajusta el tamaño y la posición libremente. Introduce un valor exacto en el campo Ángulo o usa Rotar a la izquierda o Rotar a la derecha para ajustar manualmente.
   • Ajuste a la pantalla - La imagen llena por defecto el área de imagen del escalón.
7. Alternativamente, arrastra los bordes de la imagen para redimensionarla.
8. Haz clic en el icono de restablecer al tamaño y posición original sobre la imagen para volver al tamaño y posición originales con un solo clic.
9. Haz clic en el icono de rotar y arrastra para girar la imagen.
10. Utiliza la relación de aspecto Bloqueo para mantener las proporciones y evitar que la imagen parezca estirada o distorsionada. Bloquea las proporciones antes de redimensionar para asegurar que la imagen escale de forma uniforme.
11. Haz clic en Aplicar para guardar el elemento de imagen.

Añadir imagen a un vídeo / demo interactiva

1. Navega para añadir elementos en el panel derecho.
2. Haz clic en imagen. Si ya existe una imagen, haz clic en Añadir nueva.
3. Activa Ocultar otros elementos para ocultar todos los demás elementos mientras configuras la imagen.
4. Configura la marca de tiempo usando el campo Tiempo o arrastra el control deslizante de vídeo.
5. Para subir una imagen, haz clic en Seleccionar imagen. Selecciona entre los recursos de imagen predefinidos disponibles.

6. Haz clic en Insertar para añadir la imagen seleccionada.
7. En Tamaño y posición, elige un modo de colocación:
   • Libre - Ajusta el tamaño y la posición libremente. Introduce un valor exacto en el campo Ángulo o usa Rotar a la izquierda o Rotar a la derecha para ajustar manualmente.
   • Ajuste a la pantalla - La imagen ocupa el área de imagen del escalón.
8. Alternativamente, arrastra los bordes de la imagen para redimensionarla.
9. Haz clic en el icono de restablecer al tamaño y posición original sobre la imagen para volver al tamaño y posición originales con un solo clic.
10. Para rotar, haz clic en el icono de girar y arrastra.
11. Utiliza la relación de aspecto Bloqueo para mantener las proporciones y evitar que la imagen parezca estirada o distorsionada.
12. En Comportamiento, configura cómo se muestra la imagen:
    • Quedarse - visible durante un tiempo determinado.
    • Botón Siguiente : visible hasta que el usuario haga clic en Siguiente.
    • CTA - Vinculado a una llamada a la acción.
    • Mostrar hasta - La imagen se muestra hasta que se alcanza una hora especificada.
13. Para añadir narración de voz, activa el interruptor de voz de la IA.
    • Selecciona la voz deseada e introduce el contenido en el campo de texto.
    • Haz clic en el botón Reproducir junto al contenido para previsualizarlo en la voz seleccionada.
14. Haz clic en Aplicar para guardar el elemento de imagen.

Gestión de elementos de imagen

Todas las imágenes añadidas aparecen en el panel de Imágenes, con una vista previa en miniatura y nombre.

• Añadir otra imagen - Haz clic en Añadir nuevo en la parte superior del panel.
• Editar una imagen - Haz clic en cualquier imagen de la lista para editarla. Modifica según sea necesario, luego haz clic en Aplicar para guardar o Cancelar para volver atrás. Usa el icono de Borrar para eliminarlo.
• Eliminar una imagen - Pasa el cursor sobre una imagen, haz clic en el menú de tres puntos y selecciona Eliminar.

Mejores prácticas

• Bloqueo de proporciones antes de redimensionar - En modo libre, activar el bloqueo de relación de aspecto evita la distorsión.
• Utiliza el campo Ángulo para la alineación exacta - Cuando una superposición debe situarse en un ángulo específico, como una bandera diagonal o una insignia girada, introduce el valor directamente en lugar de rotar manualmente.
• Reserva Ajuste para filtrar reemplazos de fondo - Para la mayoría de los casos de uso de superpuestos, Freeform ofrece más control. El ajuste a la pantalla funciona mejor solo al reemplazar el fondo completo del escalón.
• Mantén las superposiciones relevantes para el paso : los visuales no relacionados o excesivos pueden distraer a los espectadores y reducir la claridad.
• Vista previa antes de publicar : después de aplicar, comprueba la posición y el tamaño para confirmar que la imagen aparece como está prevista para los usuarios finales.