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