Adobe Digital Publishing Suite

Adobe Digital Publishing Suite (v. 2013) Marlon Ceballos -­‐ @adobexpert Adobe Community Professional / Adobe Cer;fied Instructor

CERTIFIED INSTRUCTOR Adobe

Consulting

Adobe

Consulting

www.xpert.co

Design Master - Web Master CERTIFIED INSTRUCTOR

COMMUNITY PROFESSIONAL

www.xpert.co Adobe

Consulting

USER GROUP MANAGER

CERTIFIED INSTRUCTOR

CERTIFIED INSTRUCTOR

Design Master / Web Master

www.xpert.co Adobe

Consulting

CERTIFIED INSTRUCTOR

Adobe

Consulting

www.xpert.co Adobe

Consulting

CERTIFIED INSTRUCTOR

Somos la úl)ma generación que sen)rá algún )po de nostalgia por el contenido 7sico

www.xpert.co Adobe

Consulting

CERTIFIED INSTRUCTOR

Se acaba el mundo! www.xpert.co Adobe

Consulting

CERTIFIED INSTRUCTOR

Se acaban los libros y revistas!

www.xpert.co Adobe

Consulting

CERTIFIED INSTRUCTOR

La primera amenaza al impreso • • • •

1993 Final del papel Vida “paperless” Al final que pasó?

www.xpert.co Adobe

Consulting

CERTIFIED INSTRUCTOR

Otra amenaza?

www.xpert.co Adobe

Consulting

CERTIFIED INSTRUCTOR

La amenaza defini=va?

• Enero de 2012 • Disposi;vo de consumo de información.

www.xpert.co Adobe

Consulting

CERTIFIED INSTRUCTOR

No están convencidos?

Después de 80 años deja de imprimirse! www.xpert.co Adobe

Consulting

CERTIFIED INSTRUCTOR

El nuevo “Newsweek”

www.xpert.co Adobe

Consulting

CERTIFIED INSTRUCTOR

Y el contenido?

• Generar contenido no era una tarea fácil (programación).

www.xpert.co Adobe

Consulting

CERTIFIED INSTRUCTOR

Adobe lo hace fácil!

Adobe Digital Publishing Suite www.xpert.co Adobe

Consulting

CERTIFIED INSTRUCTOR

Digital Publishing Suite

www.xpert.co Adobe

Consulting

CERTIFIED INSTRUCTOR

Ediciones • Single Edi;on • Professional Edi;on • Enterprise Edi;on.

www.xpert.co Adobe

Consulting

CERTIFIED INSTRUCTOR

Ediciones

www.xpert.co Adobe

Consulting

CERTIFIED INSTRUCTOR

Cientos de Publicaciones

www.xpert.co Adobe

Consulting

CERTIFIED INSTRUCTOR

Flujo de trabajo

www.xpert.co Adobe

Consulting

CERTIFIED INSTRUCTOR

Digital Publishing Suite (DPS) • Ventajas – Fidelidad al diseño – Interac;vidad – Contenido dinámico – Contenido web externo – Seguridad y control – Paquete de servicios – Facilidad de creación.

www.xpert.co Adobe

Consulting

CERTIFIED INSTRUCTOR

Digital Publishing Suite (DPS) • Desventajas – Formato propietario – Restringido a tablets, iPhone y iPod – Orientado a publicaciones de alta demanda – Acuerdos con los diferentes store.

www.xpert.co Adobe

Consulting

CERTIFIED INSTRUCTOR

Digital Publishing Suite (DPS) • Herramientas de creación

www.xpert.co Adobe

Consulting

CERTIFIED INSTRUCTOR

Prerequisitos Adobe ID (todos deberían tenerlo) iOS Developer Suscrip;on USD $99 InDesign CS5+ o Suscripción a Crea;ve Cloud (súper cool!)

Servicio Digital Publishing Suite o Suscripción a Crea;ve Cloud (ya dije que era súper cool?)

• Computador Mac (Sorry Bill gates).

• • • •

www.xpert.co Adobe

Consulting

CERTIFIED INSTRUCTOR

Terminología • Aplicación: Un instalable que genera un ícono dentro de la tablet o móvil • Folio: El archivo de la publicación que genera InDesign • Ar;cle: Módulos en los que se estructura el Folio • Layout: El diseño horizontal o ver;cal.

www.xpert.co Adobe

Consulting

CERTIFIED INSTRUCTOR

Diseñando para DPS

www.xpert.co Adobe

Consulting

CERTIFIED INSTRUCTOR

Documento

• Páginas NO enfrentadas • NO márgenes • Diferentes tamaños y resoluciones.

www.xpert.co Adobe

Consulting

CERTIFIED INSTRUCTOR

Diseño horizontal www.xpert.co Adobe

Consulting

Diseño ver;cal

Orientación

CERTIFIED INSTRUCTOR

Resoluciones

www.xpert.co Adobe

Consulting

CERTIFIED INSTRUCTOR

Archivos • Folder principal (folio) • Folder secundarios (arfculos).

www.xpert.co Adobe

Consulting

CERTIFIED INSTRUCTOR

Interac=vidad

www.xpert.co Adobe

Consulting

CERTIFIED INSTRUCTOR

Interac=vidad • • • •

Video MP4 -­‐ H.264 Sonido mp3 Imágenes comprimidas Imágenes a 150 ppi.

www.xpert.co Adobe

Consulting

CERTIFIED INSTRUCTOR

Imágenes • Remuestreo – Botones – Slideshows – Audio Skins

• No remuestreo – Video – Secuencias de imágenes – Panoramas – Pan/Zoom. www.xpert.co Adobe

Consulting

CERTIFIED INSTRUCTOR

Creaci贸n

www.xpert.co Adobe

Consulting

CERTIFIED INSTRUCTOR

Publicaci贸n

www.xpert.co Adobe

Consulting

CERTIFIED INSTRUCTOR

Publicaci贸n

www.xpert.co Adobe

Consulting

CERTIFIED INSTRUCTOR

Aspectos  importantes

www.xpert.co Adobe

Consulting

CERTIFIED INSTRUCTOR

Proporciones • iPad viewers descargan solo folios con proporción 4:3 como 1024x768.

• iPhone viewers descargan solo folios con proporción 3:2 como 960x640

www.xpert.co Adobe

Consulting

CERTIFIED INSTRUCTOR

Soporte interac=vidad de ID • Soportado: – Objetos mul;-­‐estado – Hyperlinks – Botones (onRelease) – Audio – Video

• No soportado: – Animación – Text anchor – Share des;na;ons – Booksmarks – Cross references – Page transi;ons.

www.xpert.co Adobe

Consulting

CERTIFIED INSTRUCTOR

Soporte acciones • Azul: hyperlinks • Amarillo: slideshows

www.xpert.co Adobe

Consulting

CERTIFIED INSTRUCTOR

Mรกrgenes

www.xpert.co Adobe

Consulting

CERTIFIED INSTRUCTOR

Un poco más técnico

www.xpert.co Adobe

Consulting

CERTIFIED INSTRUCTOR

Aspect ra=o • Los disposi;vos que ;enen la misma proporción de pantalla pueden compar;r el mismo folio • Si las proporciones varían se deben crear “rendi;ons” • hop://xper.co/17xuOc2

www.xpert.co Adobe

Consulting

CERTIFIED INSTRUCTOR

Dimensiones • Dimensiones máximas de los folios: 2048x1536 • Tener en cuenta las barras del sistema en Android • hop://xper.co/17xvjmk

www.xpert.co Adobe

Consulting

CERTIFIED INSTRUCTOR

Single folio / Mul= folio • Las apps mul;folio con;enen varios folios que se van descargando con el ;empo.

www.xpert.co Adobe

Consulting

CERTIFIED INSTRUCTOR

Single folio

www.xpert.co Adobe

Consulting

CERTIFIED INSTRUCTOR

Mul=-­‐folio

www.xpert.co Adobe

Consulting

CERTIFIED INSTRUCTOR

Diferencias Single folio / Mul= folio • Las aplicaciones Single Folio solo son soportadas por iPads • Se pueden actualizar los Single Folios pero se debe volver a subir al App Store y esperar una nueva aprobación. Ese mismo proceso es automá;co en las Mul; Folio.

• Solo las Mul; folio pueden aparecer en modo Newsstand.

www.xpert.co Adobe

Consulting

CERTIFIED INSTRUCTOR

Diferencias Single folio / Mul= folio • Las Single folio se alojan en los servidores de Apple, el contenido de las Mul; folio se alojan en servidores de Adobe • Mul; folios soportan social sharing via email, Facebook y Twioer • hop://xper.co/1cc4exd www.xpert.co Adobe

Consulting

CERTIFIED INSTRUCTOR

Newsstand

Si la publicación es actualizada al menos 4 veces al año puede ser incluída en el Newsstand www.xpert.co Adobe

Consulting

CERTIFIED INSTRUCTOR

Digital Publishing Suite Dashboard

www.xpert.co Adobe

Consulting

CERTIFIED INSTRUCTOR

Analy=cs

www.xpert.co Adobe

Consulting

CERTIFIED INSTRUCTOR

Creación de folios

www.xpert.co Adobe

Consulting

CERTIFIED INSTRUCTOR

Etapa de creación • Definir cómo dividirá la publicación lo cual define cuántos archivos de InDesign serán necesarios • Crear el contenido en InDesign • Crear el folio • Crear arfculos por cada archivo de InDesign • Previsualizar el folio.

www.xpert.co Adobe

Consulting

CERTIFIED INSTRUCTOR

Por qué dividir en varios ar]culos • Generación automá;ca de la tabla de contenido

www.xpert.co Adobe

Consulting

CERTIFIED INSTRUCTOR

Por qué dividir en varios ar]culos • Organización de navegación horizontal o ver;cal

www.xpert.co Adobe

Consulting

CERTIFIED INSTRUCTOR

Por qué dividir en varios ar]culos • Crear navegación “smooth scrolling”

www.xpert.co Adobe

Consulting

CERTIFIED INSTRUCTOR

Consideraciones de diseño Usar el intent “Digital Publishing” El tamaño 1024x768 sirve para iPad SR y HR: hop://xper.co/1cch7XQ Tamaño de texto de cuerpo entre 18-­‐20 px PSD interpola las imágenes excepto en image sequences, pan & zoom images y panoramas • Los videos NO se interpolan: hop://xper.co/1cchYYG • RGB y vector siempre que sea posible.

• • • •

www.xpert.co Adobe

Consulting

CERTIFIED INSTRUCTOR

Alternates layouts • La función Liquid Page Rules puede ayudar a automa;zar el proceso de crear Alternates layouts: hop:// xper.co/1ccjsST

www.xpert.co Adobe

Consulting

CERTIFIED INSTRUCTOR

Distribución de la aplicación

www.xpert.co Adobe

Consulting

CERTIFIED INSTRUCTOR

Apple App Store 1. Registrarte en el Apple’s iOS Developer Program: bit.ly/UKByTY 2. Verificar que la aplicación cumpla con los lineamientos del Apple App Store.

3. Crear y testear los cer;ficados de seguridad de Apple 4. Registrar los disposi;vos (iPads/iPhones/iPods) en Apple 5. Crear un App ID de Apple 6. Crear los archivos mobileprovision de Apple 7. Crear los assets (icons, splash screens, etc) www.xpert.co Adobe

Consulting

CERTIFIED INSTRUCTOR

Apple App Store 8.

9.

10.

11.

12.

13.

Asignar roles a los Adobe ID Crear la app con DPS App Builder Probar el development app Descargar el distribu;on app Enviar el distribu;on app al App Store Esperar por la aprobación de Apple.

www.xpert.co Adobe

Consulting

CERTIFIED INSTRUCTOR

DPS Applica=on Builder

www.xpert.co Adobe

Consulting

CERTIFIED INSTRUCTOR

DPS Applica=on Builder • El DPS App Builder crea la aplicación de cada plataforma • La aplicación incluye todo el contenido del folio si es Single Folio • La aplicación solo incluye el visor y el folio es decargado desde la tablet por el usuario si es Mul; folio.

www.xpert.co Adobe

Consulting

CERTIFIED INSTRUCTOR

Antes de usar el DPS Applica=on Builder • Verifique que tenga todo lo necesario mediante esta lista de chequeo: hop://xper.co/13NHhqJ • Plan;lla de íconos: hop://xper.co/13NHoCF • Guía para creación de cer;ficados iOS: hop://adobe.ly/WHR28y • Guía para creación de cer;ficados para Google y Amazon: hop:// adobe.ly/127vVwC

www.xpert.co Adobe

Consulting

CERTIFIED INSTRUCTOR

Usar el DPS Applica=on Builder • El DPS App Builder es una aplicación para Mac que crea la aplicación DPS final.

www.xpert.co Adobe

Consulting

CERTIFIED INSTRUCTOR

Usar el DPS Applica=on Builder • Habilitar el pinch and zoom (PDF folio) • Habilitar la función de Bookmarks • Habilitar el auto-­‐hiding del los scrollbars ver;cales • Ocultar la barra de navegación superior

www.xpert.co Adobe

Consulting

CERTIFIED INSTRUCTOR

Usar el DPS Applica=on Builder • Crear “hot zones” para navegación • Hablitar “rate this app” • Mostra una ventana analy;cs “opt-­‐ in” • hop://xper.co/13NJ5Ab

www.xpert.co Adobe

Consulting

CERTIFIED INSTRUCTOR

Más recursos?

www.xpert.co Adobe

Consulting

CERTIFIED INSTRUCTOR

Recursos • hop://help.adobe.com/en_US/digitalpubsuite/ • hop://www.adobe.com/devnet/digitalpublishingsuite/ • hop://itunes.apple.com/us/app/digital-­‐publishing-­‐suite-­‐;ps/ id436199090

www.xpert.co Adobe

Consulting

CERTIFIED INSTRUCTOR

Esta presentación (y otras)

www.xper.co/presenta

www.xpert.co Adobe

Consulting

CERTIFIED INSTRUCTOR

Gracias!

www.xpert.co Adobe

Consulting

CERTIFIED INSTRUCTOR