Creando revistas digitales para iPad: Revisión de Adobe Digital Publishing Suite.
Escrito por Gerardo Sepúlveda Lunes, 31 de Enero de 2011 07:38
El pasado mes de Octubre, Adobe puso a disposición de los usuarios por medio del sitio Adobe Labs: la suite Adobe Digital Publishing, que consta de una serie de aplicaciones que trabajan en conjunto con Adobe InDesign CS5 para la creación de revistas digitales para iPad.
Las aplicaciones necesarias y que se descargan de Adobe Labs son: Adobe Digital Content Bundler, Adobe Interactive Overlay Creator así como Digital Publishing Plug-in para Adobe InDesign CS5. Estas herramientas permiten que, al contenido que hayas creado en InDesign (revistas, periódicos, guías, catalogos, etc), puedas darle el formato necesario y exportarlo para verlo en un iPad en forma de revista digital, además de poder integrarle contenido "interactivo" como vistas de 360 grados, audio, paneo de imágenes, panoramas y videos.
La versión actual de la Suite está aún en "Beta" y una vez que la versión final de Digital Publishing Suite este disponible se podrá también gestionar la administración, distribución, almacenaje, alojamiento y venta de los números o revistas digitales que publiques.
¿Como creamos los documentos para iPad?:
Para empezar nuestra revista electrónica vamos a InDesign y diseñamos nuestros artículos a la resolución del iPad que es de 1024 x 768px. En el iPad (así como en el iPhone y iPod Touch) vemos que nuestras Apps y Revistas electronicas se ajustan a la orientación del dispositivo, es decir podemos leer los documentos de manera horizontal y/o vertical ajustandose el diseño automáticamente. Básicamente para crear este "efecto" tenemos que hacer dos diseños, uno vertical y otro de manera horizontal.
Una de las ventajas que da InDesign es la opción de Layout Adjustment > Enable Layout Adjustment que nos ayudará a que la mayoría de nuestros gráficos, fotos, textos y demás elementos se auto ajusten cuando cambiemos la orientación de nuestro archivo (de vertical a horizontal o viceversa), aunque no todo se ajustara a la perfeccción los cambios que hagamos tendrán que ser mínimos.
En cuanto al diseño del archivos no hay mucho que decir, lo hacemos como cualquier otro documento impreso, acomodando nuestros textos, importando imágenes, creando nuestras guías y reticulas, vaya, nada nuevo para un diseñador gráfico. A la hora de querer integrar un video o panorama 3d tendremos que abrir Adobe Interactive Overlay Creator, donde importaremos nuestras imágenes (para las vistas 360) o nuestro video (en formato MP4 con codificación h.264) y exportaremos un archivo swf que será el que importaremos desde InDesign.
Layout del Diseño horizontal en Adobe Indesign
Layout del Diseño vertical en Adobe Indesign
Layout del Diseño horizontal en Adobe Indesign
Layout del Diseño vertical en Adobe Indesign
Adobe Digital Publishing Suite y Adobe Digital Content Bundler funcionan mediante una estructura específica de folders y de nombre de archivos, es decir que tendremos que apegarnos a nombrar nuestros archivos y carpetas de una forma ya establecida para que el software reconozca cuales archivos son horizontales y cuales son verticales, así como reconocer los archivos de video y/o audio. Por ejemplo, las carpetas con terminación _Issue determinan que es una publicación dentro de la cuál tendremos "stacks" que corresponderán a cada uno de los artículos, con carpetas nombradas con terminación _stack (Entrevistas_Stack, ToyStory3_Stack, Noticias_Stack, etc). Dentro de estas carpetas tendremos nuestros artículos en ambas versiones (horizontal y vertical) cada una con la terminación _h Folder (para horizontal) y _v Folder (para vertical) y dentro de cada carpeta nuestro archivo de InDesign con la misma terminación. Dentro de cada Stack también incluiremos nuestro folder OverlayResources donde pondremos nuestros archivos interactivos (video, panoramas, etc).
Acomodo y nombres específicos de los archivos para una publicación en iPad
Es un poco confuso al principio pero conforme vamos creando más y más artículos nos vamos familiarizando y le encontramos una lógica al acomodo de las carpetas y archivos.
Una vez que tenemos todos nuestros artículos (stacks) cada uno en archivos y carpetas diferentes nombrados correctamente, abrimos Adobe Digital Content Bundler donde importaremos todo nuestro material e iremos enlistando cada uno de nuestros "stacks" dependiendo del orden que queramos darle a la revista (orden de los artículos).
Tenemos la opción "Switch Thumbnail View" para ver gráficamente el orden de nuestra revista, tanto en formato horizontal como en vertical. Ya teninedo la visualización de como quedará nuestra publicación llenamos los campos de Magazine Title, Issue Title, Issue Number Issue Description y Publication Date.
Digital Content Bundler para exportar en formato vertical.
Digital Content Bundler para exportar en formato horizontal.
Hecho esto lo exportamos y nos generará un archivo .issue (que será .folio en la versión final del programa) que lo podremos ver en un iPad mediante la aplicación gratuita Adobe Viewer. Esta versión no contiene la tecnología ni características necesarias para vender o distribuir el contenido por medio de la la tienda de iTunes.
Adobe Digital Publishing es (en esta versión) muy sencillo de usar excepto por el estricto acomodo y nombramiento de los archivos que de no estar bien llega a causar problemas a la hora de exportar el archivo final. Lo que intenta Adobe con esta Suite es ofrecer soluciones para la creación de publicaciones electrónicas en iPad (y en el futuro para otros tipos y marcas de dispositivos móviles) sin la necesidad de programar una sola línea de código.
Algunos contras o desventajas:
A diferencia de revistas eletrónicas hechas con otra tecnología (como Popular Mechanics desarrollada totalmente con Objective-C), con Digital Publishing de Adobe no podemos seleccionar el texto de los artículo para copiarlo, enviarlo por mail o compartirlo por redes sociales tipo Facebook o Twitter. Esto debído a que Adobe Digital Publishing genera archivos de imágen por cada página lo que hace imposible seleccionar el texto, restandole cierta interactividad que sí la llegamos a encontrar en otras revistas. Otra de las desventajas es el tamaño de los archivos generados, ya que pueden sobrepasar los 160 o 200 megas en algunos casos, muy superior a aplicaciones o revistas que están alrededor de los 50 o 60 megas.
En Popular Mechanics podemos seleccionar compartir contenido por medio de redes sociales.
Lanzamiento de la versión final:
Digital Publishing Suite se espera que esté disponible a mediados del 2011 y ofrezca tanto una edición Profesional como una edición Empresarial. El precio de la edición Profesional se estima en US$699 dólares al mes y un cargo por cada publicación, que escala según el volumen de la editorial. El precio de la edición Profesional dará acceso a la Digital Publishing Suite y a la creación de aplicaciones para todos los títulos y publicaciones de una editorial. La edición Empresarial es un acuerdo de plataforma personalizada multi-anual que incluye acceso a APIs para integración de servicios de publicación, como la administración de suscripciones, impresión y comercio electrónico.
Wired Magazine en iPad. Creado con Adobe Digital Publishing Suite
RSS feed Comments
escrito por Flaka, abril 12, 2011
escrito por memo, mayo 04, 2011
escrito por Jose Rubio, junio 16, 2011
Gracias adelantadas
escrito por Fernando Llanas, febrero 26, 2012
escrito por claudio_81, marzo 28, 2012
escrito por DiegoQ, abril 02, 2012
Y para el desarrollo, yo usaría html5 + Jquery (a pelo)
escrito por DiegoQ, abril 02, 2012
Y para el desarrollo, yo usaría html5 + Jquery (a pelo)
