conversión documentos InDesing en app interactiva

Crea tu App en 10 minutos con InDesign y 480interactive

En este tutorial vamos a crear una aplicación móvil a partir de un documento de Adobe Indesign, el cual convertiremos en app gracias a 480interactive.

Realizaremos una app tipo Single o de un único contenido, la cual podremos descargar y probar en nuestro dispositivo móvil al finalizar, utilizando la app 480i Viewer.

Este será el resultado:

mockup

Paso 1: Descarga gratis el software 480interactive
Paso 2: Instala 480interactive  con este video-tutorial
Paso 3: Crea el proyecto App

1.Abre el programa 480interactive en tu ordenador y pulsa sobre el botón “Crear nueva App”.

2.Elige el nombre del proyecto. Por ejemplo “Mi App”.

3.Elige la ubicación del proyecto. Por defecto el programa elige automáticamente el espacio de trabajo donde guarda todos los proyectos.

4.Elige el tipo de App. Selecciona “App Single”.

5.Pulsa sobre el botón “Crear”.

Ya tienes la App creada, pero aún no tiene ningún contenido añadido. Lo añadirás después de convertir la plantilla de Adobe InDesign a formato Issue.

Paso 4. Descarga gratis el contenido para el caso práctico.
Paso 5: Convierte la plantilla de Adobe InDesign en formato Issue

En este paso guardaremos dentro del proyecto app los contenidos de ejemplo. Los pasos a seguir son:

1.Abre el documento InDesign (puedes usar el archivo *.indd o el archivo *.idml)

2. Dirígete al panel “Scripts” y haz doble clic en “480i Script.jsx”. (Si es la primera vez que vas a utilizar 480i Script.jsx puedes ver cómo añadirlo a Adobe InDesign en este enlace: Instalar el Script de 480interactive para InDesign )

3.Elige el nombre de la Issue. Por ejemplo “Mi App”.

4.En “Destino”, selecciona el proyecto que has creado con 480interactive.

5.Pulsa sobre “Convertir en Issue”.

6. Cuando finalice la exportación, haz clic en “Aceptar”.

Paso 6: Añade la exportación Issue de InDesign a la App

1. Regresa al programa 480interactive.

2.Selecciona “InDesign Issue” en la sección de añadir contenidos y haz clic en “Añadir”.

3.Selecciona “Una orientación”

4. Elige la exportación de InDesign que has realizado en el paso anterior.

5.Selecciona el icono de la aplicación desde el menú de “Configuración de la App”. Lo encontrarás en la carpeta de descarga de la plantilla.

El siguiente paso será añadir las imágenes animadas como “Elementos extra” a la App.

Paso 7: Exporta y previsualiza la App

1.En 480interactive, pulsa sobre “Exportar App” en la parte izquierda de la barra de menú superior y después abre la App 480i Viewer en tu dispositivo.

2.Cuando finalice la exportación se abrirá una ventana con los dispositivos que tienes añadidos para poder enviar la App a cualquiera de ellos.

3.Selecciona el dispositivo al que vas a enviar la App y pulsa el botón “Enviar” o escanea el código QR desde la aplicación 480i Viewer en tu dispositivo. (Si tienes dudas sobre este paso puedes consultar cómo hacerlo en éste tutorial: Cómo enviar mi App a mi móvil o tablet )

4.La App se añade automáticamente a 480i Viewer para que puedas probarla.

5.En 480i Viewer, pulsa el botón “Descargar” de la publicación. Al hacerlo, se convertirá en un botón “Ver/Abrir”.

6.Pulsa en “Ver/Abrir” para abrir tu aplicación y acceder a sus contenidos.

¡Enhorabuena! Ya tienes la aplicación en tu dispositivo, ahora ya puedes ver como queda realmente en tu smartphone o tablet.

Continúa con tu aprendizaje

Ahora ya sabes cómo crear una aplicación móvil de forma sencilla a partir de un documento de Adobe Indesign. Sin embargo, esto es solo el principio.

Accede a nuestra sección de plantillas o visita nuestro centro de soporte para aprender más sobre como crear tu App sin programar.

Microgestió, Reseller oficial de 480interactive en Cataluña

JSB-Clientes-Microgestio

Una empresa barcelonesa con tres décadas de experiencia en la integración del mundo Apple en la empresa y en la gestión de contenidos digitales: Microgestió. Ese es el nuevo Reseller oficial de 480interactive en Cataluña para reforzar la presencia en una de las áreas con mayor tradición en el sector editorial y, al mismo tiempo, con innumerables proyectos digitales e innovadores.

El acuerdo con Microgestió, premium reseller y servicio técnico autorizado de Apple con tiendas en Barcelona, Girona y Sant Cugat del Vallès, supone la especialización de la prestigiosa firma catalana en publicación digital interactiva con 480interactive para ofrecer a sus clientes todos los servicios: desde formación a gestión de trámites para publicar aplicaciones en las plataformas App Store y Google Play, pasando por la creación de apps y asesoramiento técnico.

La aportación del nuevo partner oficial de 480interactive en Cataluña será especialmente valiosa en el mundo gráfico y editorial, ya que su equipo técnico cuenta con una gran experiencia y especialización en la gestión de contenidos digitales y soluciones gráficas. 480interactive convierte documentos InDesign en apps interactivas para tablets y smartphones, tanto en sistema iOS como Adroid, sin conocimientos de programación.

Después de impartir varios workshops en Barcelona la pasada primavera y de cerrar acuerdos con importantes empresas como el Grupo Zeta, la alianza con Microgestió supondrá el asentamiento definitivo de 480interactive en Cataluña.