Cómo convertir un InDesign en formato Issue para añadirlo a tu App

¿Qué es?

Vamos a ver cómo exportar un InDesign en formato Issue para poder añadirlo a nuestra App. Usaremos un documento InDesign de ejemplo que puedes descargar a continuación.

Nota:
Si todavía no tienes los plugins de 480interactive para InDesign, puedes conseguirlos e instalarlos en el tutorial anterior

Descarga el caso práctico de InDesign

Aquí tienes una plantilla InDesign de un catálogo interactivo

  • Descargar
  • Descomprímelo
  • Verás que aparece la carpeta “InDesign_Catalog” y dentro de ésta hay un documento InDesign y sus links.

 

Empezamos con el tutorial para ver cómo poder añadir documentos InDesign a una App:

Paso 1: Guarda el documento InDesign y sus links en el proyecto App

    1. Copiamos la carpeta “InDesign_Catalog” que hemos descomprimido al inicio.
    2. Abrimos de nuevo 480i Manager y vamos a “Herramientas” en la parte superior y elegimos, “Abrir carpeta del proyecto”.
    3. abrir carpeta libraries
    4. Se abrirá la ubicación del proyecto con todas las carpetas que lo componen. Entramos en “Libraries” y aquí dentro pegamos la carpeta “InDesign_Catalog”.
      Nota:Este paso lo realizaremos con cualquier contenido que queramos añadir en la App, ya que es recomendable tener organizados todos los archivos originales de contenido dentro del proyecto App.
    5. Haz doble click para abrir el documento InDesign (usa el archivo .indd si usas versión 6.0 o superior, o usa el archivo .idml para versiones anteriores)

open_indesign_480interactive

 Paso 2: Convierte el archivo InDesign en Issue

Una vez abierto el documento InDesign podrás ver que consta de 5 páginas. Cada página es una pantalla de la App. Ésta plantilla ya esta maquetada y tiene interactividad configurada, no es necesario que toques nada, ahora solo vamos a exportar este documento en formato Issue para añadirlo a la App.

  • Ve al panel Scripts de Indesign. Este panel está en «Ventana» ⇒ «Utilidades» ⇒ «Scripts»
  • El script se llama «480i Script.jsx», haz doble clic sobre él.
  • Se abrirá un cuadro como este:ejecutar_480i_script
  • Pulsa el botón «Convertir en Issue».
  • Cuando finalice la exportación, pulsa Aceptar.

Ya tenemos nuestro documento InDesign convertido en Issue. Ahora vamos a añadirlo a la App:

Paso 3: Añade el Issue a la App

    • Abrimos 480i Manager y nos dirigimos a la pantalla de añadir contenido pulsando en el árbol de la izquierda.
    • Seleccionamos “InDesign ISSUE” y pulsamos “Añadir”
add_Indesign_tio_app (1)
  • Elegimos la opción “Una orientación”
    indesign_orientation
  • Aparecerá una pantalla con el Issue que hemos creado antes desde InDesign, pulsamos simplemente en “Seleccionar”:
    issue_screen_480i
  • Ya está añadido, ahora aparecerá la pantalla de configuración de la publicación.
  • Ahora simplemente vamos a exportar el proyecto App para poder verlo en nuestro smartphone
  • Pulsamos en “Exportar App” arriba a la izquierda
export_app_480i
  • Al finalizar la exportación se abrirá la pantalla para enviar el proyecto a nuestro smartphone. Si ya tienes tu smartphone enlazado, abre la App 480i Viewer, asegúrate que ordenador y smartphone están en la misma red wifi y pulsa enviar. Si todavía no tienes enlazado tu smartphone, sigue este tutorial.
    send_app_480i

¿Quieres ver cómo se ha maquetado el documento InDesign de este ejemplo y le hemos puesto interactividad?

Ver el caso práctico en vídeo y descarga el InDesign para practicar

Ir al Foro