Objetos Multiestado con InDesign

Índice

¿Qué es?

Esta funcionalidad te permite agrupar un conjunto de imágenes en un solo elemento de modo que solo se ve una de las imágenes y puedes cambiar de una imagen a otra usando botones.

Un ejemplo sería una galería de imágenes en la que se muestran las imágenes en miniatura y pulsando sobre ellas se muestra la imagen en grande en el objeto con estados.

¿Cómo funciona?

¿Qué necesitas?

Para crear un objeto con estados necesitas las imágenes con las que vas a construir el objeto. Cada una de las imágenes será un estado.

También puedes hacer que un estado concreto conste de varios objetos agrupados, tan sólo tienes que agrupar los objetos de cada estado independientemente antes de convertir todo a un nuevo estado de varios objetos.

Guía rápida

  1. Coloca las imágenes que vas a usar para crear el objeto con estados.
  2. Selecciónalas todas y ponlas en la misma posición.
  3. Desde el panel Panel: Estados de objeto crea el un nuevo objeto con estados usando el botón Botón: Nuevo situado en la parte inferior del panel.
  4. Si quieres puedes renombrar el objeto para que te sea más fácil identificarlo.
    Nombre del objeto con estados
  5. También puedes renombrar los estados.
    Nombre del estado
  6. Elige la imagen que se va a mostrar inicialmente seleccionándola en el panel con un clic.
  7. Crea los botones para interactuar con el objeto con estados.

Acciones

Hay tres acciones que puedes usar para interactuar con un objeto con estados.

Ir a estado

Esta acción te permite crear un botón que muestre una imagen determinada.

Para usar esta acción, crea un botón a partir de un marco rectangular, una imagen, una caja de texto,…  y configúrala del siguiente modo:

  1. Elige el evento Al hacer clic.
  2. Añade la acción «ir a estado» usando el botón Añadir acción
  3. Elige el objeto con estados sobre el que va a actuar el botón.
  4. Elige la imagen que se va a mostrar.
Ir a estado

Ir a estado siguiente

Esta acción te permite crear un botón que cambie la imagen del objeto con estados por la imagen siguiente. Básicamente sería un botón para pasar de imagen.

Para usar esta acción, crea un botón a partir de un marco rectangular, una imagen, una caja de texto,…  y configúrala del siguiente modo:

  1. Elige el evento «Al hacer clic».
  2. Añade la acción «ir al estado siguiente» usando el botón Añadir acción
  3. Elige el objeto con estados sobre el que va a actuar el botón.
  4. Si quieres que al llegar a la última imagen se pase a la primera al usar el botón, deja desmarcada la opción «Detener en el último estado». En caso de que quieras que al llegar a la última imagen el botón no haga nada, márcala.
Ir al estado siguiente

Ir a estado anterior

Esta acción te permite crear un botón que cambie la imagen del objeto con estados por la imagen siguiente. Básicamente sería un botón para pasar de imagen.

Para usar esta acción, crea un botón a partir de un marco rectangular, una imagen, una caja de texto,… y configúrala del siguiente modo:

  1. Elige el evento «Al hacer clic».
  2. Añade la acción «ir al estado anterior» usando el botón Añadir acción
  3. Elige el objeto con estados sobre el que va a actuar el botón.
  4. Si quieres que al llegar a la primera imagen se pase a la última al usar el botón, deja desmarcada la opción «Detener en el primer estado». En caso de que quieras que al llegar a la primera imagen el botón no haga nada, márcala.
Ir a estado anterior

Casos Prácticos

Hazlo tu mism@

Si quieres realizar este caso práctico o ver como se ha hecho, descarga los ficheros del proyecto.

Caso práctico terminado Descargar
Preparado para practicar Descargar

Después de descargar un fichero, descomprímelo y verás que en su interior ya está todo preparado. Si abres la carpeta del proyecto podrás comrpobar que incluye la carpeta «Libraries» y en su interior encontrarás todo lo necesario para diseñar la publicación.

Pruébalo en tu dispositivo

También puedes ver el resultado en «480i Viewer iPad/Android» instalando el caso práctico a través de su id. Si nunca has añadido una aplicación por id y quieres saber cómo se hace, échale un vistazo a este minitutorial.

ID de instalación estados
Ir al Foro