Guía del usuario Cancelar

Animaciones en Adobe Captivate

Buscar
Captivate

Captivate

Abrir aplicación
  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 

Añada animaciones a sus proyectos y dales vida. Capte la atención de los alumnos y optimice su productividad.

Información general

En el nuevo Adobe Captivate, las animaciones hacen referencia a los efectos visuales y los movimientos que puede añadir a sus proyectos de aprendizaje electrónico para mejorar la interactividad y la participación. Las animaciones en Adobe Captivate le permiten crear contenido dinámico y atractivo.

Tipos de animaciones

Las animaciones de Adobe Captivate se clasifican en dos: las basadas en el tiempo y las que tienen que ver con desencadenantes. En las animaciones basadas en el tiempo, puede aplicar la animación a un objeto sincronizado con una cronología o duración específicas.

En las animaciones basadas en desencadenantes, puede añadir una animación de cualquier desencadenante, por ejemplo, al hacer clic en un botón, al mostrar u ocultar, o puede agregar una animación al estado de un objeto.

En este artículo, 

Animación basada en el tiempo

Animación basada en desencadenantes

En todas las animaciones basadas en tiempos y desencadenantes, Adobe Captivate es compatible con lo siguiente:

  • Entrada: las animaciones de entrada le permiten animar la entrada de un objeto en la diapositiva. Un uso de este tipo de animación se produce cuando los objetos aparecen más pequeños al comienzo de la diapositiva y aumentan gradualmente el tamaño.
  • Énfasis: las animaciones de énfasis le permiten atraer la atención de un alumno a un objeto. Puede crear animaciones para resaltar o enfatizar el contenido.
  • Salida: las animaciones de salida permiten animar un objeto mientras desaparece.

Lista de animaciones

  • Aumento progresivo
  • Ajuste de escala de entrada
  • Estiramiento de entrada
  • Remolino de entrada
  • Articulación de entrada
  • Corte de entrada
  • Deslizamiento de entrada
  • Entrar rodando

 

 

 

  • Rebote de entrada
  • Parpadeo de entrada
  • Giro de entrada
  • Deslizamiento elíptico de entrada
  • Soplido de entrada
  • Inclinación de entrada
  • Oscilación de entrada
  • Intermitencia
  • Gelatina
  • Agitar
  • Rebote
  • Tambaleo
  • Parpadeo
  • Pulsación
  • Vibrar
  • Girar
  • Voltear
  • Desvanecimiento
  • Ajuste de escala de salida
  • Estiramiento de salida
  • Remolino de salida
  • Articulación de salida
  • Corte de salida
  • Deslizamiento de salida
  • Salir rodando
  • Parpadeo de salida
  • Rebote de salida
  • Giro de salida
  • Deslizamiento elíptico de salida
  • Oscilación de salida
  • Soplido de salida

Agregue su primera animación 

En este ejemplo, aplicará una animación de entrada con la opción Remolino de entrada en una imagen. 

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

  2. En la sección Componentes del panel Propiedades visuales, elimine el pie de ilustración y el subtítulo. Para obtener más información al respecto, consulte Imágenes en Adobe Captivate.

  3. Reemplace la imagen con otra que provenga de Recursos o de una ubicación del equipo. Para obtener más información al respecto, consulte Imágenes en Adobe Captivate. Una vez haya reemplazado la imagen, la diapositiva presenta el siguiente aspecto:

    crear animación
    Reemplazar la imagen

  4. Seleccione la imagen. Seleccione Animación en la barra de herramientas derecha.

    panel animación
    Lista de animaciones de entrada

    Vamos a descomponer los elementos del panel Animación.

    • La primera sección del panel consta de tres fichas: Entrada, Énfasis y Salida. Estas pestañas contienen diferentes animaciones que puede aplicar a los objetos. Consulte la sección Lista de animaciones para ver las animaciones que puede aplicar.
    • La segunda sección del panel es la configuración de una animación seleccionada. La Configuración permite seleccionar lo siguiente:
      • Duración: establezca la duración de la animación (en segundos).
      • Retardo: establezca la cantidad de tiempo que se debe esperar antes de que comience la animación.
      • Aceleración: establezca una animación de transición en un objeto para cambiar la velocidad a lo largo de su duración.
      • Repetición: defina la cantidad de veces que se anima el objeto. Esta opción solo se aplica a las animaciones de Énfasis.

  5. Pase el ratón sobre cualquier animación de la ficha Entrada. Por ejemplo, seleccione Espiral hacia dentro. Esto añade una animación que retuerce o mueve la imagen haciendo una espiral. Puede ver la animación en la diapositiva una vez la haya seleccionado.

  6. Una vez que haya seleccionado la animación, en la sección Opciones, elija el sentido. Los sentidos son diferentes en cada animación. Marque la casilla de verificación Desenfocar para aplicar un desenfoque en la imagen.

    sección de opciones
    Establezca el sentido de una animación.

  7. En la sección Configuración, especifique la Duración, el Retardo y la Aceleración de la animación. Marque la casilla de verificación Atenuar después de la animación para atenuar la imagen cuando finalice la animación.

  8. Haga clic en Prueba para consultar una vista previa de la animación.

Aplicación de una animación de énfasis en un objeto 

En este ejemplo, aplicará una animación de énfasis a la imagen y, a continuación, una animación de Rebote.

  1. Seleccione la imagen. 

  2. Seleccione Animación en la barra de herramientas derecha.

  3. Seleccione la ficha Énfasis. Esta pestaña contiene animaciones que puede aplicar a la imagen. Consulte la sección Lista de animaciones para ver la animación que desea aplicar.

  4. Seleccione Rebote.

  5. En la sección Opciones, seleccione el sentido, Superior, Inferior, Izquierda o Derecha, que desee aplicar a la animación.

  6. En la sección Configuración, especifique la Duración y el Retardo de la animación.

  7. En el menú desplegable Repetición, seleccione la cantidad de veces que se va a animar la imagen. Si selecciona la opción Hasta que exista el estado, la imagen se anima indefinidamente.

  8. Si desea añadir otra animación a la imagen, seleccione Añadir nueva animación. Repita los pasos. Las animaciones se ejecutan en el orden en que se han aplicado a la imagen.

  9. Haga clic en Prueba para consultar una vista previa de la animación.

Aplicación de una animación al texto

Para aplicar una animación a un componente de texto hay que seguir el mismo procedimiento que para hacerlo con una imagen.

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

  2. Añada bloques de texto e imágenes. 

    Para obtener más información,

    aplicar efecto
    Añada texto e imagen a la diapositiva.

  3. Seleccione el texto y Animaciones en la barra de herramientas derecha.

    barra de herramientas derecha de animación
    Panel Animaciones de la barra de herramientas derecha.

    Nota:

    Las animaciones para el texto no son las mismas que para las imágenes. Por ejemplo, la animación Máquina de escribir de las animaciones de Entrada solo está disponible para texto.

  4. Seleccione la animación Máquina de escribir.

    efecto máquina de escribir
    Seleccione la animación de la máquina de escribir.

    En la sección Opciones, encontrará a su disposición las siguientes opciones en cuanto al sentido del texto:

    1. Hacia adelante: el texto se anima de izquierda a derecha.
    2. Centro: el texto se anima desde el centro.
    3. Extremos: el texto se anima desde el extremo.
    4. Aleatorio: el texto se anima aleatoriamente.

  5. En el menú desplegable Presentación de texto, seleccione una de las siguientes opciones:

    1. Todo junto: todo el texto se anima en el sentido seleccionado.
    2. Por palabra: la animación se produce palabra por palabra en el sentido seleccionado.
    3. Por línea: la animación se produce línea por línea en el sentido seleccionado.
    lista desplegable de presentación del texto
    Seleccione la opción de presentación del texto.

  6. En la sección Configuración, especifique los valores. Para obtener más información, consulte Configuración de animación.

  7. Haga clic en Prueba para previsualizar la animación.

Aplicación de una animación a los estados

Adobe Captivate permite aplicar animaciones a diferentes estados de un objeto. En este ejemplo, establecerá los diferentes estados de una imagen y la animación de cada estado.

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

  2. Reemplace la imagen. Para obtener más información al respecto, consulte Imágenes en Adobe Captivate.

    reemplazar la imagen
    Reemplace la imagen de la diapositiva.

  3. Seleccione la imagen. En el panel Propiedades visuales, haga clic en Mostrar para iniciar el menú desplegable Estados.

  4. En la sección Estados, haga clic en Añadir. Añada diferentes estados a la imagen. Para obtener más información, consulte Estados en Adobe Captivate.

    sección de estados
    Inicie el menú desplegable Estados.

  5. Seleccione el primer estado en el menú desplegable Estados. 

    menú desplegable de estados
    Seleccione el estado de la imagen.

  6. Seleccione Animación en la barra de herramientas derecha.

  7. Aplique cualquier animación de entrada al estado.

  8. Repita los pasos en el resto de los estados de la imagen.

Aplicación de una animación desencadenada

Adobe Captivate le permite desencadenar una animación, por ejemplo, al hacer clic en un botón.

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

  2. En la sección Componentes del panel Propiedades visuales, marque la casilla de verificación Botón para añadir un botón al bloque de contenido. Para obtener más información al respecto, consulte Agregar un botón en Adobe Captivate.

  3. Reemplace la imagen y añada texto. 

    Para obtener más información,

    reemplazar imagen y añadir texto
    Reemplazar texto.

  4. Seleccione el botón.

    botón seleccionar
    Seleccione el botón.

  5. Seleccione Interacciones en la barra de herramientas derecha.

  6. En el panel Acción, seleccione Aplicar animación.

    aplicar animación
    Aplicar animación al botón

    Para obtener más información sobre la creación de interacciones, consulte Interacciones en Adobe Captivate.

  7. Seleccione el objeto al que desea aplicar la animación. En este caso, seleccione la imagen.

    seleccionar imagen
    Seleccione el objeto de botón.

  8. Haga clic en Siguiente.

  9. Seleccione una animación y su sentido.

    efecto y sentido
    Seleccione una animación y su sentido.

  10. En la sección Configuración, especifique los valores necesarios.

  11. Haga clic en Listo.

Su proyecto está listo. Cuando haga clic en el botón en tiempo de ejecución, la imagen se animará como corresponda.

Panel de animación de estado

Una vez que haya aplicado animaciones a varios estados de un objeto, las animaciones de todos los estados se encuentran disponibles en un único lugar de la cronología.

  1. Inserte una diapositiva. En la diapositiva, añada unos objetos como, por ejemplo, bloques de texto.

  2. Añada estados a los objetos de texto.

    Selección de los estados
    Selección de los estados

  3. Seleccione cualquier estado. En la barra de herramientas derecha, seleccione Animación. Aplique una animación de entrada, de énfasis o de salida en el bloque de texto. También es posible añadir animaciones a varios estados.

    Selección de los efectos de un estado
    Seleccione la animación de un estado.

  4. Inicie el tiempo de ejecución.

  5. Haga doble clic en la barra de objetos de la cronología. 

    Doble clic en la barra de objetos
    Doble clic en la barra de objetos

    Se abrirá el panel de animación de estado.

    Panel de animación de estado
    Panel de animación de estado

  6. En el panel de animación de estados, la parte izquierda muestra los estados del objeto seleccionado.

    Seleccione el estado en el que desea ver las animaciones que ha aplicado. Consulte la vista previa de una o de todas las animaciones de un estado. Seleccione los botones Vista previa de animación o Vista previa de todas las animaciones. 

    Vista previa de una sola animación

    Vista previa de una sola animación
    Vista previa de una sola animación

    Previsualizar todas las animaciones

    Previsualizar todas las animaciones
    Previsualizar todas las animaciones

Copiado y pegado de una animación

Una vez haya aplicado una animación a un objeto, puede aplicar esa misma animación a otro objeto.

  1. En el panel Animación, seleccione el icono de puntos suspensivos y la opción Copiar animación.

    copiar animaciones
    Copiar una animación

  2. Haga clic derecho en el objeto al que desea aplicar la animación. Seleccione Pegar animaciones.

    pegar animación
    Pegue la animación en el objeto.

Eliminación de una animación

  1. En el panel Animación, seleccione el icono de puntos suspensivos.

  2. Seleccione Eliminar.

    eliminar animación
    Eliminación de una animación

Ver un vídeo

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

¿Nuevo usuario?

Vínculos rápidos

Ver todos los planes Administrar los planes
Ver vínculos rápidos
Ocultar vínculos rápidos

Avisos legales    |    Política de privacidad en línea