All Articles InDesign
Creación de una galería de imágenes. Swf en InDesign para ePub
David Smith on Mon, April 2nd 4 comments
ePubs are all the rage and Adobe InDesign CS5.5 supports some intriguing, interactive features for this format. David Smith shows how to create an SWF image gallery for the ePub format.

El meteórico ascenso de la popularidad de Adobe ePub ha visto responder con algunas aplicaciones de grandes nuevas, así como grandes novedades para las aplicaciones existentes. A la altura de la parte superior de esta cohorte de frío son algunas de las características interactivas en InDesign. Nada más que la creación de galerías interactivas en los archivos swf.


Paso 1 - Prepare algunas fotos

Abra 4 imágenes en Photoshop y seleccione la herramienta Recortar.

crop tool options

Opciones de recorte de la herramienta.


Ajuste el tamaño de la herramienta de recorte a 12 cm de ancho y 8 cm, y la resolución a 300 ppi. Esto asegurará que todas las imágenes son del mismo tamaño, y que ya adaptarse a la página de InDesign.

Recortar cada imagen hasta que estés satisfecho con la composición y el contenido de cada uno y pulse Retorno para aceptar el cambio de cultivos.


Paso 2 - Hacer que el RGB Imágenes

Vaya al menú Imagen y seleccione el modo de

RGB mode

Modo RGB.


Por ultimo guarda cada imagen, a su vez como un jpg y el nombre de ellos "Galería de Foto 1", "Galería de Foto 2", etc A continuación, cerca de Photoshop.


Paso 3 - Coloque las imágenes

En el documento de InDesign añadir una nueva página, o seleccione una vacía. Pulse Comando + D para iniciar la colocación de imágenes.

Place options

Coloque las opciones.


Seleccione las 4 imágenes de la galería Pic que acaba de crear y haga clic en Abrir. Todas las 4 imágenes se cargan en el cursor en InDesign, a la espera de ser colocados.

Haga clic 4 veces en diferentes partes de la página de modo que cada imagen aparece colocado en la página. Recuerde que ellos eran de tamaño ya en Photoshop lo que no hay necesidad de cambiar el tamaño aquí.


Paso 4 - Alinear las imágenes

Seleccione todos los 4 cuadros gráficos en la página y utilizar el panel Alinear para alinear tanto horizontal como verticalmente para que todos compartimos la misma X y coordenadas.

The aligned images.

Las imágenes alineadas.


Paso 5 - Crear un objeto

Conserve los 4 fotogramas seleccionados y cambiar el diseño de la ventana de Interactive. Esto revelará el panel Objeto Estados.

Object panel

Objeto del panel.


Abra el panel de objetos de los Estados y haga clic en el botón Convertir a la selección de varios objetos de estado. Esto hace que las 4 imágenes de un grupo de multi-estado, que es lo que necesitamos para crear nuestra galería. Nombre del grupo "Galería 1" en el campo Nombre de objeto y pulse Intro.


Paso 6 - Agregar algunos botones

Ahora busca el panel de botones de muestra y elegir un estilo de botón que desea utilizar. Arrastre una flecha a la derecha hacia el lado derecho de la Galería 1 objeto. Cambiar el tamaño si es necesario.

Buttons placed

Los botones situados.


Haga lo mismo en el lado izquierdo con una flecha apunta a la izquierda. Estos se convertirán en nuestros botones Siguiente y Anterior a la galería. Recuerde que debe ser limpio y alinearlos.

Sugerencia: Cualquier cosa puede ser utilizado como un botón, no sólo los contenidos de la biblioteca.


Paso 7 - Hacer que los botones funcionan

Seleccione el botón siguiente y abrir el panel de botones de llamada. Aquí podemos agregar comportamientos al botón y también sus nombres. Asigne a este botón Siguiente.

Actions

Acciones en el trabajo.


La acción Ir a la web ya se añade a un botón en un evento Al liberar, lo que significa que cuando se hace clic en un botón y se libera la dirección URL se podía abrir. Para eliminar esta acción haga clic en el botón con el signo junto a Acciones. A continuación, haga clic en el botón Más para añadir una nueva acción por la elección de la lista. Cambiar la acción de ir al siguiente estado.

Asegúrese de que la acción apunta hacia una galería de objetos en el menú desplegable.

Esta acción significa que cuando el siguiente botón se hace clic en la galería de un objeto se cambia al siguiente estado (foto) en el grupo de multi-estado.


Paso 8 - Agregar un botón Previo

Repita el paso 7 para el botón anterior, sólo podrán optar a la acción sobre la liberación, como Ir al estado anterior, y el nombre de ese botón Anterior.


Paso 9 - exportación de SWF

Guardar el documento por la elección

Flash Export Menu

Exportación de Flash Menu.


Guarde el archivo SWF a cabo y luego abrirlo con el Flash Player o un navegador web.

Haga clic en los botones Siguiente y Anterior para ver la galería.

Final Gallery

Galería de final.


Ahora que ya debería ser suficiente para mantenerte ocupado agregando un poco de empuje a sus documentos interactivos. Si usted realmente desea añadir un poco de brillo extra, recuerde incluir rizos interactivos página en sus opciones de exportación de SWF para que la experiencia realmente inmersiva de usuario.


Related Videos
Comments (4)

You must be logged in to comment.

  • Jasmine
    Hi David How does this tie in with epub?
    • 8 years ago
    • By: Jasmine
    Reply
  • David Smith
    It's not specifically a technique for ePub. Interactive .swf is a more likely use, perhaps I should re-name it. However if you do intend to add a swf gallery to an ePub file (granted ignoring iOS users) this is how you'd create the swf.
    • 8 years ago
    • By: David Smith
    Reply
  • Jasmine
    Hi David Thanks for getting back to me so fast. How do you add a swf file to an ePub file? Could you recommend an ebook reader/tablet device that supports swf animation? Jazzy
    • 8 years ago
    • By: Jasmine
    Reply
  • David Smith
    Bookworm supports Flash, you need to use some ActionScript to embed the .swf. You also need a fallback (usually a .jpg) for all the readers that don't support Flash.
    • 8 years ago
    • By: David Smith
    Reply
OBS 101 - The OBS Video Manual
OBS 101
Dream It. Do It.
Do you want to learn OBS 101 - The OBS Video Manual?
Yes, I want to learn!
No Thanks, I just want to read the article.
Feedback
Course Advisor
Don't Know Where To Start?
Ask A Course Advisor
Ask Us!
Copy the link below and paste it into an email, forum, or Facebook to share this with your friends.
Make money when you share our links
Become a macProVideo.com Affiliate!
The current affiliate rate is: 50%
Classes Start Next Week!
Live 8-week Online Certification Classes for: