Cómo utilizar imágenes e imágenes dinámicas con Captivate

Puede incorporar imágenes a los proyectos, como logotipos, pantallas de inicio, punteros, fondos, botones, etc. con los formatos siguientes: JPG, JPEG, GIF, PNG, BMP, ICO, EMF, POT o WMF.

Las imágenes dinámicas están formadas por una imagen y un área dinámica (el área “interactiva”). Las imágenes dinámicas aparecen en tiempo de ejecución cuando el usuario desplaza el puntero sobre el área dinámica en tiempo de ejecución. Son de gran utilidad en las diapositivas que están repletas de detalles o en las que contienen botones o barras de herramientas que requieren una explicación.

En las imágenes dinámicas puede usar gráficos del mismo tipo que en las imágenes convencionales. También puede personalizar la ubicación, el contorno y el tamaño del área dinámica de este tipo de imágenes.

Puede cambiar las propiedades de una imagen mediante el área de edición de imagen del Inspector de propiedades después de seleccionar la imagen en la diapositiva.

Imagen

Especifique un nombre único para el objeto. Puede utilizar este nombre para definir las condiciones de visibilidad del objeto.

Anule la selección de esta opción si desea que el objeto no sea visible en la diapositiva. Utilice la opción Mostrar para hacer visible el objeto. Para obtener más información, consulte Control de la visibilidad de los objetos.

Haga clic para agregar texto accesible al objeto. Para obtener detalles, consulte Personalización del texto de accesibilidad para objetos

Seleccione el icono de relleno de color. Todas las apariciones de un color determinado de una imagen se pueden hacer transparentes. Por ejemplo, puede hacer que todas las apariciones del rojo (#FF0000) sean transparentes.

Restaura el tamaño original de la imagen.

Haga clic en el icono de carpetas. Seleccione esta opción para volver a utilizar una imagen en el archivo del proyecto. Seleccione la imagen y haga clic en OK.

Se muestra el cuadro de diálogo Seleccionar imagen de la biblioteca con las opciones siguientes:

Importa una imagen almacenada en el equipo o una ubicación de la red.

Edición de imagen

El brillo de la imagen. Al incrementar el valor del brillo, la apariencia de la imagen seleccionada es más brillante.

El enfoque mejora la definición de los bordes de una imagen. Si las imágenes provienen de una cámara digital o un escáner, la mayoría mejorará con el enfoque. El grado de enfoque necesario varía en función de la calidad de la cámara digital o el escáner. Tenga en cuenta que el enfoque no puede corregir las imágenes muy borrosas.

El contraste entre las áreas de luz y de sombra de una imagen. Al aumentar el contraste de una imagen, las áreas con brillo se muestran más brillantes y las áreas oscuras se oscurecen más.

La transparencia de la imagen. Al 100% alfa, la imagen es opaca. Al 0%, la imagen es completamente transparente y se hace invisible.

Los colores de una imagen se pueden modificar cambiando los valores del tono.

La intensidad de los colores en la imagen. Al aumentar el valor de saturación, aumenta la intensidad de los colores.

En resumen, puede convertir una imagen en color en una monocroma mediante este efecto. El modo de escala de grises utiliza sombras de gris diferentes en una imagen. En las imágenes de 8 bits puede haber hasta 256 sombras de gris. Cada píxel de una imagen en escala de grises tiene un valor de brillo comprendido entre 0 (negro) y 255 (blanco). En las imágenes de 16 y 32 bits, el número de sombras de una imagen es mucho mayor al de las imágenes de 8 bits.

Invierte los colores de una imagen. Al invertir una imagen, el valor de brillo de cada píxel de los canales se convierte en el valor inverso en la escala de valores de color de 256 pasos. Por ejemplo, un píxel en una imagen positiva con un valor de 255 se cambia a 0. Del mismo modo, un píxel con un valor de 5 se cambia a 250.

Al voltear una imagen se genera su imagen reflejada. Puede voltear una imagen vertical u horizontalmente.

Gira una imagen 90 grados en el sentido de las agujas del reloj o en el sentido contrario.

Haga clic en el icono de recorte. Recorte los controladores del cuadro rectangular para seleccionar el área de la imagen que desee mostrar.

Cambia el tamaño de la imagen para que se adapte a las dimensiones de la diapositiva.

Sombra y reflejo

Seleccione la casilla de verificación para aplicar sombra a la imagen. Elija uno de los ajustes preestablecidos. Para personalizar un ajuste preestablecido, haga clic en Personalizar.

Seleccione la dirección: interior o exterior. La previsualización de la dirección seleccionada se muestra en el escenario.

Haga clic para seleccionar un color para la sombra. Especifique el valor alfa para el color, en porcentaje, en el campo adyacente.

Especifique un valor, en píxeles, para el desenfoque de la sombra.

Especifique el ángulo de la sombra.

Especifique la distancia, en píxeles, a la que la sombra debe mostrarse.

Seleccione la casilla de verificación para añadir un reflejo a la imagen. Elija uno de los ajustes preestablecidos.

Temporización

Especifica el tiempo que se va a mostrar la imagen en la diapositiva.

Retraso entre la primera aparición de la diapositiva y la primera aparición de la imagen.

Transición

Efecto de transición para la imagen. La imagen se puede atenuar o intensificar en la diapositiva al entrar y al salir.

Especifica el tiempo que debe transcurrir hasta que la imagen se muestre completamente a la vista.

Especifica el tiempo que debe transcurrir hasta que la imagen desaparezca completamente de la vista.

Añadir una imagen o una imagen dinámica

La imagen se incorpora a la diapositiva. Si ha añadido una imagen dinámica, también se añadirá el área dinámica. Arrastre la imagen hasta la ubicación deseada y ajuste el área dinámica como desee.

Imágenes y minidiapositivas y leyendas dinámicas

Trabajo con archivos de Adobe Photoshop

Esta presentación muestra las funciones de Adobe Photoshop disponibles con Adobe Captivate. Los archivos de Photoshop (PSD) que importa a Adobe Captivate están vinculados a su origen. Puede iniciar Adobe Photoshop (para editar los archivos) desde Adobe Captivate.

Asimismo, si actualiza el archivo de origen, Adobe Captivate le permite actualizar los archivos de la biblioteca; de esta forma, los cambios se reflejarán en la diapositiva.

Importación de archivos de Photoshop

Puede importar archivos PSD a Adobe Captivate conservando las características de Photoshop. Puede seleccionar o importar diferentes capas del archivo PSD o acoplar capas seleccionadas e importarlas como una única imagen.

En el proyecto de Adobe Captivate, cada capa importada se trata como una imagen distinta. En la biblioteca, se crea una carpeta llamada PSD y las capas importadas se almacenan en formato PNG.

Puede cambiar el tamaño de las imágenes importadas y ajustarlo al del proyecto de Adobe Captivate. Asimismo, puede aplicar todas las propiedades disponibles de edición de imágenes de Adobe Captivate.

Al importar archivos PSD, puede seleccionar e importar composiciones de capas. La composición de capas es una función de Photoshop que permite crear, gestionar y ver varias versiones de un diseño en un solo archivo de Photoshop. Consulte la Ayuda de Photoshop para obtener más información sobre esta función.

Reutilización de elementos de PSD en la biblioteca

Puede reutilizar elementos de PSD, como capas, compuestos de capas, utilizándolos de una de las maneras siguientes, o de todas:

• Para volver a utilizar un elemento de PSD en una diapositiva, arrastre y suelte el elemento desde la biblioteca a la diapositiva.

• Para reutilizar un elemento de PSD en un proyecto distinto, abra el proyecto de destino. A continuación, arrastre y suelte el elemento desde la biblioteca del proyecto actual al proyecto de destino. También puede copiar y pegar los elementos en el proyectos de destino.

  Como alternativa, en un proyecto de destino, seleccione Archivo > Importar > Biblioteca externa y abra el proyecto desde el que quiere importar los elementos de PSD. Cuando aparece el panel Biblioteca del proyecto seleccionado, seleccione el elemento y arrástrelo hasta el proyecto actual.

  Si existe un archivo PSD con el mismo nombre en el proyecto de destino, Adobe Captivate hace coincidir la fecha de modificación de los dos archivos. Si las fechas son las mismas, las capas se copian en la carpeta de archivos PSD correspondiente en la Biblioteca. Si no, las capas se copian como imágenes normales.

Edición de archivos PSD

Asimismo, puede editar el archivo desde las propiedades de las imágenes (Ventana > Propiedades).

Actualización de los archivos PSD

Si los archivos de la biblioteca de Adobe Captivate y los archivos originales no están sincronizados, la columna de estado de la biblioteca cambia de a .

Para actualizar y lograr que el recurso de la diapositiva quede sincronizado con el origen,

• Seleccione el PSD en el escenario, haga clic con el botón derecho (Windows) o pulse Control y haga clic (Mac OS) y, a continuación, seleccione Actualizar desde origen.

• Haga clic en la opción Actualizar del inspector de propiedades (Ventana > Propiedades).

• Haga clic en el icono de estado en la biblioteca.

• Seleccione la carpeta del PSD en la biblioteca, haga clic con el botón derecho (Windows) o pulse Control y haga clic (Mac OS) y seleccione Actualizar desde origen.

Si elimina o cambia la ubicación del recurso PSD, aparecerá el icono en la columna de estado. Haga clic en él para volver a vincular. Asimismo, puede realizar esta acción desde el cuadro de diálogo Propiedades de la imagen.

El procedimiento para vincular a un nuevo archivo PSD es igual que el de importar un nuevo archivo PSD.

Uso de las imágenes SVG

Captivate admite gráficos SVG, lo que le permite desarrollar contenido gráfico escalable.

Importe gráficos vectoriales escalables en Captivate y trasládelas con Illustrator o cualquier otra aplicación de edición de imágenes vectoriales.

Inserción de imágenes SVG

Inserte SVG en proyectos en blanco o interactivos. Para esto, haga clic en Medios->SVG. 

Vaya a la carpeta en la que está almacenada la imagen SVG y haga clic en Abrir para insertar la imagen en el proyecto.

Edición de imágenes SVG

Edite la imagen SVG con Adobe Illustrator o cualquier otra aplicación de edición de vectores. Para esto, haga clic en Editar SVG en el Inspector de propiedades. 

Puede cambiar el tamaño de la imagen dentro de Inspector de propiedades con las siguientes opciones:

• Original: restaura el tamaño original de la imagen. Este botón se selecciona de forma predeterminada cuando se importa el SVG y permanece seleccionado si no se modifica el tamaño de la imagen       
• Personalizado: este botón se selecciona si cambia el tamaño de la imagen SVG
• Ajustar al escenario: cambia el tamaño de la imagen para que encaje en el escenario
• Ajustar al cuadro delimitador: ajusta el SVG con exactitud a su contenedor de limitación. Con mayores modificaciones, el SVG ya no mantiene su proporción de aspecto cuando se cambia de tamaño. Puede utilizar esta opción para evitar el posible truncamiento de algunas imágenes SVG. 

Reemplazar imágenes de SVG

Puede reemplazar un gráfico de SVG existente por otro.

De un experto: Adobe Captivate y compatibilidad con SVG

Creación de imágenes de marca de agua

Para crear una imagen de marca de agua, solo tiene que establecer su transparencia.

Cambio de calidad JPEG

Adobe Captivate configura automáticamente la calidad de las imágenes JPEG en los proyectos. No obstante, puede configurar esta opción en función de las imágenes que se utilicen en el proyecto. El uso de valores de porcentaje superiores proporciona imágenes de alta calidad pero también aumenta el tamaño del archivo.