Crea tu App en 10 minutos con InDesign y

480interactive
14 agosto, 2014Publicacin digital

En este tutorial vas a aprender a convertir documentos InDesign en Apps para iPad,
iPhone y tablets y Smartphones Android.

A partir de hoy sers capaz de crear Apps de revistas interactivas, catlogos, cmics,
presentaciones corporativas, apps de eventos, etc. Todo ello sin programar absolutamente
nada, solo necesitas tus conocimientos de diseo, el programa Adobe InDesgin, y el
software gratuito 480interactive, que convierte automticamente los documentos InDesign
en Apps.

Empieza con los tres primeros pasos:

Comprueba que tienes instalado Adobe InDesign en tu ordenador.

Versiones Recomendadas:

CS5.5, CS6, CC

Descarga 480interactive:

El software gratuito para convertir documentos InDesign en Apps

Descrgalo gratis aqu

Instala 480interactive en tu ordenador PC o MAC

Ver tutorial de instalacin en Mac

Ver tutorial de instalacin en PC

Para finalizar, descarga esta plantilla de InDesign con el caso prctico que vamos a
convertir en App:

Descargar Plantilla

Empezamos:
Paso 1: Crear las carpetas donde vas a guardar el proyecto App

Todos los proyectos InDesign que quieras convertir en App con 480interactive, tendrn
siempre la misma estructura de carpetas:

Una carpeta principal (con el nombre que tu quieras), y dentro de ella otras dos carpetas
que se llaman Libraries e Issue.

En este caso prctico, vamos a crear las carpetas as:

1. En el escritorio, crea la carpeta principal del proyecto con el nombre: Test Single
2. Dentro de la carpeta Test Single creamos estas dos carpetas:
 o Carpeta con el nombre Libraries. Esta es la carpeta donde guardaremos el
archivo de InDesgin y todos los recursos que usemos para
maquetar: imgenes, videos, sonidos, etc.
o Carpeta con el nombre Issue. Esta es la carpeta donde guardaremos ms
adelante la exportacin que haremos del documento InDesgin convertido en
una publicacin interactiva para tablets y smartphones.

Esta es la estructura que tendrn todos tus proyectos. Solo cambiars el nombre
Test Single por el nombre del proyecto que quieras.

Paso 2: Guarda dentro de la carpeta Libraries la demo que has descargado al inicio.

Descomprime el archivo Demo1_480i.zip que has descargado; Encontrars un archivo de

InDesign CS6, un archivo indesign .idml (compatible con versiones anteriores a la CS6) y
una carpeta con Links. Coge todo y gurdalo dentro de la carpeta Libraries que has
creado antes.

Esto te servir para todos los proyectos App que crees con 480interactive. En la carpeta
Libraries siempre se guarda el archivo InDesign y los Links del proyecto.

Paso 3: Abre el archivo InDesign

Abre el archivo Demo1_480i.indd si tienes InDesign CS6.

Si tienes una versin anterior de InDesign, abre el archivo compatible con versiones
anteriores Demo1_480i.idml

1. Es un documento a tamao 1024px de ancho por 768px de alto, que es el tamao de

una pantalla de iPad horizontal.
2. Vers que consta de dos pginas que hemos maquetado con texto e imgenes.
3. No hace falta que toques nada, ahora simplemente vamos a ver cmo convertir este
archivo InDesign en App.
4. Guarda el archivo InDesign. Archivo>Guardar.
Paso 4: Convierte el documento InDesign en Issue (Issue=formato compatible con
tablets y smartphones)

En este paso vamos a guardar el documento InDesign en un formato especial al que

llamamos Issue, no te preocupes, esto es mucho ms fcil que guardarlo como PDF.

Para este paso usaremos el plugin 480i Script en InDesign:

1. Abre el panel Scripts de InDesign. Este panel est en Ventana Utilidades

Scripts
2. Inicia el script que preparaste durante el proceso de instalacin haciendo clic sobre
l. Recuerda que el script se llama 480i Suite.jsx.
3. Se abrir un cuadro como este:

4. En el campo Nombre pon por ejemplo: Mi App.

5. En el campo Carpeta de destino elige la carpeta Issue que has creado antes
dentro de la carpeta Test Single.
6. En el campo Pginas selecciona Todas.
7. Pulsa el botn Convertir en Issue.
8. Cuando finalice la exportacin, pulsa Aceptar.

Paso 5: Crear la App

Una vez tienes tu documento InDesign convertido a Issue, podemos crear la App y pre-
visualizar el resultado final:

1. Abre la aplicacin 480i Manager en tu ordenador. Se abrir un asistente que te

guiar en todo el proceso para crear la App.
2. Selecciona la opcin Nueva Aplicacin.

3. Selecciona Single Issue App.

4. En este paso tenemos que seleccionar la carpeta que hemos creado para el proyecto;
en este caso la carpeta Test Single. Pulsa el botn de ubicacin para que se abra
el explorador y buscamos la carpeta Test Single que hemos creado en el
escritorio. No hay que entrar dentro de la carpeta, solo seleccionarla como se
muestra en la imagen:
5. Pulsamos Abrir y veremos que el programa coge automticamente el nombre de
la carpeta como Nombre de la aplicacin, si quieres puedes cambiar el nombre,
pero en este caso lo vamos a dejar as.
6. Pulsamos Siguiente
7. En este paso tenemos que aadir la Issue que hemos exportado desde InDesign.
Siempre tendremos tres opciones:
o Aadir un Pdf.
o Aadir una exportacin de InDesgin (Issue) <Esta es la opcin que vamos a
seleccionar ahora>.
o Aadir una exportacin de InDesign en horizontal y otra en vertical (doble
orientacin)<Cuando queramos hacer que el contenido de la App cambie
cuando giremos el iPad>.

En este caso elegimos la opcin del medio: InDesign.

8. Se abrir una ventana para elegir la Issue. Pondr Mi App, seleccinala

haciendo un clic sobre ella y pulsa el botn Seleccionar.
9. En seleccin Tipo de Navegacin elegimos Horizontal ya que el diseo de
InDesign era horizontal.

10. En la siguiente pantalla vemos que el programa ha cogido el nombre que hemos
puesto antes en InDesign: Mi App.
11. Pulsamos Siguiente y llegamos al paso donde ya podemos pre-visualizar el
proyecto en el ordenador o enviarlo al iPad.
12. Pulsaremos Previsualizar en ordenador.
13. Se generar toda la App y se abrir automticamente el navegador de tu
ordenador para visualizar cmo ha quedado.
14. Para enviar el proyecto al iPad o tablet, necesitamos tener instalado la App 480i
Viewer en nuestro dispositivo mvil, disponible en App Store o Google Play. Mira
este tutorial para ver cmo hacerlo.