Usando el Image Building Block
Actualizado hace más de una semana

El Building Block Image te permite añadir imágenes a tus Gráficas. Puedes elegir insertar imágenes estáticas o dinámicas tales como avatares de posteos de usuarios.

Estas imágenes podrían ser, por ejemplo, el logo de tu canal de TV, patrocinadores, avatares de usuarios en caso de estar mostrando contenido de redes sociales o, si construiste Lower Thirds o fondos tales como imágenes/GIF animados en un software de edición de imágenes, también puedes subirlas y de esta forma evitarás tener que empezar a construir tus gráficas desde cero.


Los formatos soportados son:

  • JPG

  • PNG

  • Animated GIF

  • SVG

  • WEBP

El tamaño máximo soportado es: 5 MB


Recuerda, se creará un Overlay‍ automáticamente si no lo añadiste al Árbol luego de añadir un elemento.

Para aprender a añadir Elementos al Árbol, haz clic aquí‍.

Propiedades

Utiliza el Inspector en la barra lateral derecha para personalizar la Imagen:

Image

Source: Utilice este campo para subir una imagen o GIF animado.

Haz clic en Source para habilitar la opción Show on Remote Control para poder modificar o eliminar tu imagen desde el control remoto durante la operación en vivo.

Fallback Image: Establece la imagen de respaldo por defecto. Utilízala al trabajar con imágenes dinámicas tales como avatares de posteos de usuarios. De esta forma, si el avatar del usuario llegara a estar vacío, se mostrará la imagen de respaldo.

Image Size: Utiliza este control para ajustar el tamaño de la imagen según las siguientes opciones:

  • Fit: Se modificará la escala de la imagen hasta que quede contenida dentro del ancho o alto del Contenedor, manteniendo sus proporciones originales y sin recortarla.

  • Fill: Se modificará la escala del fondo hasta que cubra toda el área del Contenedor, manteniendo sus proporciones originales, pero recortándolo si es necesario. Puedes utilizar los controles de posición para mover esa ventana de recorte.

  • Stretch: La imagen se estirará hasta cubrir toda el área del Contenedor, perdiendo sus proporciones originales. No es posible ajustar la posición en este modo.

  • Natural Size: La imagen se mostrará con su ancho y alto en pixeles originales.

Position: Permite ajustar el lugar en donde se ubica la Imagen de fondo. Esta opción no está disponible para el Tamaño de imagen: "Stretch".

Position and Size

Position: Cambia la posición de la Imagen dentro del Canvas en base a los ejes X e Y (en un porcentaje relativo a la resolución de pantalla configurada).

Size: Cambia el tamaño de la Imagen dentro del Canvas en base a su ancho y alto (en un porcentaje relativo a la resolución de pantalla configurada).

Appearance

Opacity: Utilízala para modificar el porcentaje de transparencia del External Content.

Máscara: Puedes agregarle una máscara a la imagen para poder enmascararl. Para mayor información acerca de las máscaras, haz click aquí.

Borders


Style: define los costados y el estilo de los bordes.

Width: define el ancho de los bordes.

Color: define el color del borde.

Radius: a mayor radio, más redondeadas serán las esquinas de la imagen.

Aprende a modificar estas propiedades específicas de los bordes haciendo clic aquí.

Control remoto

Con el Control remoto, puedes administrar y decidir cuándo mostrar al aire el Overlay que contiene la imagen utilizando los botones IN y OUT .

Al hacer clic en el icono del engranaje, puedes modificar o eliminar la Imagen durante la operación en vivo.


¿Ha quedado contestada tu pregunta?