Creación de contenido interactivo en InDesign Marlon Ceballos -‐ @adobexpert
Adobe Community Professional / Adobe Cer<fied Instructor
CERTIFIED INSTRUCTOR Adobe Community Adobe Community
www.facebook.com/adobecolombia/
Design Master - Web Master USER GROUP
Quién soy? www.facebook.com/adobecolombia/ Adobe Community
USER GROUP
COMMUNITY PROFESSIONAL
USER GROUP MANAGER
www.facebook.com/adobecolombia/ Adobe Community
USER GROUP
CERTIFIED INSTRUCTOR
Design Master / Web Master
www.facebook.com/adobecolombia/ Adobe Community
USER GROUP
CERTIFIED INSTRUCTOR
Design Master / Web Master
www.facebook.com/adobecolombia/ Adobe Community
USER GROUP
Aún diseñas sólamente contenido está2co?
www.facebook.com/adobecolombia/ Adobe Community
USER GROUP
El mundo de hoy
Dinámico e Interac9vo www.facebook.com/adobecolombia/ Adobe Community
USER GROUP
Creando  interac9vidad
www.facebook.com/adobecolombia/ Adobe Community
USER GROUP
Adobe InDesign CS5
• Impresión (indd, pdf) • Mul<media (pdf, swf, ePub) • Web (swf, XML).
www.facebook.com/adobecolombia/ Adobe Community
USER GROUP
Adobe InDesign
Demo 1
www.facebook.com/adobecolombia/ Adobe Community
USER GROUP
El mundo de hoy
• Dinámico • Interac<vo • Móvil.
www.facebook.com/adobecolombia/ Adobe Community
USER GROUP
El mundo de hoy
• Dinámico • Interac<vo • Móvil.
www.facebook.com/adobecolombia/ Adobe Community
USER GROUP
El mundo de hoy
• Dinámico • Interac<vo • Móvil.
www.facebook.com/adobecolombia/ Adobe Community
USER GROUP
El mundo de hoy
• Dinámico • Interac<vo • Móvil.
www.facebook.com/adobecolombia/ Adobe Community
USER GROUP
El mundo de hoy
• Dinámico • Interac<vo • Móvil.
www.facebook.com/adobecolombia/ Adobe Community
USER GROUP
El mundo de hoy
• Dinámico • Interac<vo • Móvil.
www.facebook.com/adobecolombia/ Adobe Community
USER GROUP
Dónde encajamos los diseñadores en el presente móvil?
www.facebook.com/adobecolombia/ Adobe Community
USER GROUP
Diseñando para móviles
www.facebook.com/adobecolombia/ Adobe Community
USER GROUP
Adobe Device Central
Previsualización y simulación de contenido para disposi<vos móviles.
www.facebook.com/adobecolombia/ Adobe Community
USER GROUP
Adobe InDesign CS5
• Impresión (indd, pdf) • Mul<media (pdf, swf, ePub) • Web (swf, XML) • Móviles (iPad, Android, etc)
www.facebook.com/adobecolombia/ Adobe Community
USER GROUP
Digital Publishing Suite (DPS)
www.facebook.com/adobecolombia/ Adobe Community
USER GROUP
Digital Publishing Suite (DPS)
www.facebook.com/adobecolombia/ Adobe Community
USER GROUP
+ 100 publicaciones en App Store
www.facebook.com/adobecolombia/ Adobe Community
USER GROUP
Flujo de trabajo del DPS
InDesign
Content Viewer Content Bundler
Overlay Creator
Folio
www.facebook.com/adobecolombia/ Adobe Community
USER GROUP
Pasos para crear una publicación
www.facebook.com/adobecolombia/ Adobe Community
USER GROUP
1. Crear el diseño en InDesign • Documento para web • Páginas NO enfrentadas • 1.024 x 768 (iPad).
www.facebook.com/adobecolombia/ Adobe Community
USER GROUP
Diseño horizontal www.facebook.com/adobecolombia/ Adobe Community
Diseño ver<cal
1. Crear el diseño en InDesign
USER GROUP
2. Crear estructura de carpetas • Folder principal (folio) • Folder secundarios (stacks).
www.facebook.com/adobecolombia/ Adobe Community
USER GROUP
3. Agregar objetos interac9vos • Video MP4 -‐ H.264 • Sonido mp3 • Imágenes comprimidas • Imágenes a 72 ppi.
www.facebook.com/adobecolombia/ Adobe Community
USER GROUP
4. Â Crear
www.facebook.com/adobecolombia/ Adobe Community
USER GROUP
5. Previsualizar • Desktop Viewer • iPad • Android.
www.facebook.com/adobecolombia/ Adobe Community
USER GROUP
6. Â Distribuir
www.facebook.com/adobecolombia/ Adobe Community
USER GROUP
Adobe InDesign
Demo 2
www.facebook.com/adobecolombia/ Adobe Community
USER GROUP
Recurso  (free)
www.mobiledesign.org www.facebook.com/adobecolombia/ Adobe Community
USER GROUP
Puedes estar en contacto: • www.xpert.co/blog/ • www.facebook.com/adobecolombia/
@adobexpert
www.facebook.com/adobecolombia/ Adobe Community
USER GROUP
Gracias!
www.facebook.com/adobecolombia/ Adobe Community
USER GROUP