Trabajar con SVG en Adobe Captivate

Adobe Captivate introduce los bloques de contenido, como los bloques de texto o de imagen, que contienen componentes tales como texto, imagen o botón. Reproduzca este vídeo para obtener más información sobre los componentes y los bloques de contenido.

SVG es un formato de imagen vectorial que se puede escalar sin perder calidad y es compatible con la animación. También puede utilizar SVG en Adobe Captivate para distintos fines, como agregar ilustraciones, iconos, diagramas u otros elementos visuales a los proyectos.

Añadir un bloque de contenido SVG

Seleccione Agregar bloques de medios > SVG en la barra de herramientas de la izquierda.

Cambio de las propiedades del bloque de contenido de SVG

Las propiedades de nivel de bloque están disponibles cuando se selecciona el bloque de contenido de SVG. Puede cambiar las propiedades disponibles en las diferentes secciones, como Alineación y espaciado, Sustitución de un SVG, Opciones de diseño, Componentes y Aspecto.

En el panel Propiedades visuales, el regulador Anchura de contenido y la opción Relleno horizontal se vinculan en la sección Alineación y espaciado. Si mueve el regulador desde el lado izquierdo, se cambia el valor de relleno izquierdo y, si se mueve el regulador desde la derecha, se modifica el valor del relleno derecho. El mismo cambio se replica en el regulador Anchura de contenido al cambiar los valores de Relleno horizontal izquierdo o derecho.

Si desea añadir relleno en la parte superior o inferior del bloque de contenido seleccionado, introduzca los valores que quiera que tenga el relleno superior e inferior en Relleno vertical.

Marque la casilla de verificación Autoajustar altura para cambiar la altura del bloque de contenido de SVG de forma que se adapte a la diapositiva.
Mueva el regulador Número de iconos para aumentar o reducir la cantidad de SVG. Puede añadir un máximo de cuatro SVG.
Reemplace los iconos de SVG haciendo clic en los iconos de carpeta. Haga clic en el icono de carpeta y seleccione un SVG que se encuentre en Recursos o en su equipo.
Seleccione una opción de diseño. Las Opciones de diseño presentan diseños preconfigurados con elementos de diseño más claros para aplicarlos al bloque de contenido de SVG.

Para obtener más información, consulte las Opciones de diseño en Adobe Captivate.
En la sección Componentes puede cambiar lo siguiente:
- Icono: esta opción permanece desactivada.
Mueva el regulador Escalar para cambiar el tamaño de los SVG sin distorsionarlos. El escalado se refiere a que los SVG se ajustan a la anchura disponible.
- Título: agregue o quite los títulos de los SVG.
- Pie de ilustración: agregue o elimine el pie de ilustración de los SVG.
- Cuerpo: añada o quite el cuerpo del texto de los SVG.
- Tarjeta: agregue o elimine la tarjeta alrededor del SVG.
Nota:

Puede alinear los componentes en la sección Componentes. Pase el ratón por encima de un componente y seleccione cualquier opción (Alinear a la izquierda, Alinear en el centro o Alinear a la derecha).
En la sección ficha Fondo de la sección Aspecto, puede cambiar la configuración de color de nivel de bloque de contenido. Añada el color de fondo, el borde y aplique una sombra al borde. Seleccione un color sólido, un degradado lineal o radial, o añada una imagen como fondo.
Si ha seleccionado Tarjeta, puede cambiar las propiedades de la tarjeta, como el relleno, y añadir esquinas redondeadas cambiando los valores del radio.

Además, añada un color de fondo, un borde o una sombra en la ficha Tarjeta.

Cambio de las propiedades de una tarjeta SVG

Adobe Captivate permite seleccionar una tarjeta SVG y cambiar sus propiedades, como el texto, el pie de ilustración, la tarjeta o el aspecto.

Seleccione una tarjeta de SVG en el bloque de contenido.
En la sección Componentes puede cambiar lo siguiente:
- Icono: añada o elimine el icono del SVG. Mueva el regulador Escalar para cambiar el tamaño del icono SVG sin distorsionarlo. El escalado se refiere a que los SVG se ajustan a la anchura disponible.
- Título: agregue o elimine el títulocdel SVG de la tarjeta.
- Pie de ilustración: agregue o elimine el pie de ilustración del SVG de la tarjeta.
- Cuerpo: añada o quite el cuerpo del texto del SVG de la tarjeta.
- Tarjeta: agregue o elimine la tarjeta alrededor del SVG.
Nota:

Puede alinear los componentes en la sección Componentes. Pase el ratón por encima de un componente y seleccione cualquier opción (Alinear a la izquierda, Alinear en el centro o Alinear a la derecha).
Si ha activado la Tarjeta, puede cambiar sus propiedades, como el relleno, y añadir vértices redondeados cambiando los valores de radio.

Además, añada un color de fondo, un borde o una sombra en la ficha Tarjeta.

Cambio del texto en un bloque de SVG

Seleccione cualquier texto del bloque de SVG, como un título o un pie de ilustración, y cambie sus propiedades en el panel Propiedades visuales.

Para obtener más información al respecto, consulte Trabajar con texto en Adobe Captivate.

Reemplace el icono predeterminado del SVG

Adobe Captivate permite reemplazar un icono del SVG y cambiar su aspecto.

Seleccione una tarjeta de SVG en el bloque de contenido.
Una vez que haya sustituido el icono de SVG predeterminado, seleccione el icono de SVG. A continuación, seleccione Recursos y elija un SVG que se encuentre en Recursos o en su equipo.

Seleccionar un SVG
Haga clic en Reemplazar icono.

Cambiar el aspecto del SVG

Seleccione el SVG.
En la sección Estados, haga clic en Mostrar para iniciar el menú desplegable Estados. Añada los estados personalizados del SVG.

Para obtener más información, consulte Estados en Adobe Captivate.
Seleccione el icono de carpeta de la sección Icono para reemplazar el SVG con otro que se encuentre en Recursos o en el equipo.
Gire el SVG en horizontal o en vertical en la sección Girar icono sección.
En la sección Aspecto, mueva el regulador de opacidad para aumentar o disminuir la transparencia del SVG.
Seleccione el trazado del SVG y aplique el color de relleno con el selector Color liso para cambiar su color.
Marque la casilla de verificación Permitir hacer clic en el cuadro delimitador para hacer clic en el SVG y sus espacios en blanco dentro de su cuadro delimitador en tiempo de ejecución.