Guía del usuario Cancelar

Trabajar con SVG en Adobe Captivate

  1. Guía del usuario de Captivate
  2. Introducción a Captivate
    1. Novedades de Adobe Captivate
    2. Requisitos del sistema de Adobe Captivate
    3. Actualizaciones de Adobe Captivate
      1. Notas de la versión de Adobe Captivate (actualización 12.4)
      2. Notas de la versión Adobe Captivate (actualización 12.3)
      3. Notas de la versión de Adobe Captivate (actualización 12.2)
      4. Notas de la versión Adobe Captivate (actualización 12.1)
    4. Descargar Adobe Captivate
    5. Preguntas más frecuentes
  3. Añadir una diapositiva
    1. Navegador de diapositivas en Adobe Captivate
    2. Añadir una diapositiva de conversación
    3. Añadir personajes al proyecto de Adobe Captivate
    4. Editar la imagen de fondo de una diapositiva
    5. Añadir relleno a bloques de contenido y componentes
    6. Crear un proyecto de desplazamiento largo
  4. Añadir bloques de texto
    1. Añadir texto a un proyecto
  5. Añadir bloques multimedia
    1. Añadir imágenes a un proyecto
    2. Añadir vídeos a un proyecto
    3. Añadir citas
    4. Añadir SVG a un proyecto
  6. Componentes interactivos
    1. Añadir un botón
    2. Añadir un campo de entrada
    3. Añadir un grupo de botones de opción
    4. Añadir un menú desplegable
    5. Añadir una casilla de verificación
  7. Widgets
    1. Añadir una tarjeta
    2. Añadir fichas
    3. Agregar un certificado
    4. Añadir un carrusel
    5. Añadir una zona interactiva
    6. Añadir arrastrar y soltar
    7. Añadir una cronología
    8. Añadir Pulsar para revelar
  8. Crear pruebas
    1. Añadir una pregunta de opción múltiple
    2. Añadir una pregunta de verdadero o falso
    3. Añadir una pregunta de asociar columnas
    4. Añadir una pregunta de respuesta corta
    5. Añadir una pregunta de secuencia
    6. Añadir grupos de preguntas y diapositivas de preguntas aleatorias
    7. Importación de preguntas como CSV
  9. Añadir audio a un proyecto
    1. Añadir audio
  10. Interacciones
    1. Añadir interacciones a un proyecto
    2. Crear un vídeo interactivo con superposición
    3. Crear una interacción de nivel de diapositiva
    4. Crear una interacción de nivel de objeto
  11. Animaciones
    1. Añadir animaciones a un proyecto
  12. Accesibilidad
    1. Hacer accesible un proyecto
  13. Personalizar la cronología
    1. Panel Cronología en Adobe Captivate
  14. Personalizar el índice y la barra de reproducción
    1. Índice en Adobe Captivate
  15. Editar las propiedades del proyecto
    1. Variables de Adobe Captivate
    2. Preferencias
    3. Dimensiones del proyecto
    4. Temas
  16. Crear un proyecto de simulación
    1. Simulación
  17. Vista previa de un proyecto
    1. Vista previa
  18. Compartir un proyecto para revisión
    1. Uso compartido para su revisión   
  19. Publicar un proyecto
    1. Publicar el proyecto
  20. Actualizar proyectos en Adobe Captivate
    1. Actualizar proyectos a la versión más reciente 

Obtenga más información sobre cómo insertar una imagen SVG en un proyecto en Adobe Captivate.

Nota:

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.

  1. 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.

  2. Mueva el regulador Número de iconos para aumentar o reducir la cantidad de SVG. Puede añadir un máximo de cuatro SVG.

  3. 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.

  4. 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.

  5. 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).

  6. 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.

  7. 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.

  1. Seleccione una tarjeta de SVG en el bloque de contenido.

  2. 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).

  3. 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.

  1. Seleccione una tarjeta de SVG en el bloque de contenido.

  2. 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
    Seleccionar un SVG

  3. Haga clic en Reemplazar icono.

Cambiar el aspecto del SVG

  1. Seleccione el SVG.

  2. 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.

  3. 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.

  4. Gire el SVG en horizontal o en vertical en la sección Girar icono sección.

  5. En la sección Aspecto, mueva el regulador de opacidad para aumentar o disminuir la transparencia del SVG.

  6. Seleccione el trazado del SVG y aplique el color de relleno con el selector Color liso para cambiar su color.

  7. 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.

Obtén ayuda de forma más rápida y sencilla

¿Nuevo usuario?