convierte tus archivos flash a html5 con facilidad.

convierte tus archivos flash a html5 con facilidad.

H E R R A M I E N T A S
C R E A T I V A S
CONVIERTE TUS ARCHIVOS FLASH A HTML5 CON FACILIDAD.
Haga fácil su transición HTML5 con esta guía de Sizmek útil para las mejores herramientas disponibles.
1
Construida directamente en la plataforma
MDX, Ad Builder para HTML5 es una
manera fácil de conseguir sus campañas
publicitarias HTML5 en marcha y funcionando. El diseño arrastrar y soltar de los
componentes de esta herramienta hace
que sea rápida para construir todos los tipos de
anuncios más comunes. Sus anuncios pueden
personalizarse utilizando JavaScript para hacerlos
tan complejos como necesite. Añadir feeds para
tiempo, tipos de bancos, noticias relevantes,
productos del anunciante, cotizaciones de bolsa,
apuestas en directo, datos de ubicación, sociales,
etc. de cualquier proveedor con facilidad.
CENTRO DE AYUDA- VÍDEOTUTORIAL
Haz click en la imagen
para reproducir
Ad Builder para HTML5 también le proporciona
la manera más fácil de construir un anuncio
creativo dinámico. Escriba su texto, la posición
de sus imágenes, y luego marque unas casilla
para cada elemento que desee sea dinámico.
Sizmek corre sesiones regulares de capacitación
sobre cómo utilizar Ad Builder. Comuníquese con
el gerente creativo local de su cuenta para organizar
una capacitación o para saber más.
Flash Pro CC “Convertir a
HTML5 Canvas” característica
Para ayudar a facilitar la transición
de Flash a HTML5 , Adobe incluyó
una función en Flash que permite
exportar directamente anuncios en
formato HTML5 para Flash Pro CC. Obtén más
información en este artículo de Adobe.
Sizmek también le proporciona una guía para el
uso de Flash Pro CC donde construirá un anuncio
HTML5 para Sizmek, aquí.
Problemas que no hay que perder de vista
• El soporte Canvas no es universal. La mayoría de
las características son soportadas por las última
versiones de los principales navegadores, pero le
recomendamos revisar CanIuse.com para usar
características especiales.
• Revisa el producto final – algunos filtros de Flash
no son compatibles con la salida de HTML5 que
normalmente están disponibles a través de la
salida SWF.
Swiffy y otros convertidores
Swiffy es un plugin gratuito para
Flash CS6 (y anteriores) hecha por
Google que convierte FLA a HTML5.
En este documento se guía a los
diseñadores a través del proceso de
la conversión de un FLA a un anuncio HTML5 para
Sizmek listos para correr usando Swiffy
Problemas para tomar en cuenta
• Una vez que un anuncio está diseñado y subido,
es difícil hacer cualquier edición posterior - no
se puede realizar cambios como lo haría con
anuncios regulares HTML5.
• Generalmente los banners Flash standar
funcionan bien. Los anuncios con características
más avanzadas (reproductores de vídeo,
elementos dinámicos, proyectos con classes
en AS3) pueden ser más difíciles. Hay veces en
que estos errores no son obvios - el loop podría
parar, el vídeo podría no cargar o el juego, los
botones se podrían animar pero no de clics, etc.
• En general, el peso final de un anuncio convertido
es mayor que el de un SWF o un HTML5 nativo.
• Anuncios convertidos utilizando Swiffy no son
fácilmente utilizables por Flash Pro CC. Una
mejor opción: usar la función del CC Pro Flash
"Convertir a HTML5 Canvas" en lugar de intentar
trabajar Swiffy en Flash Pro CC.
[email protected]
© 2015 Sizmek, Inc. All rights reserved.
Ad Builder para HTML5
H E R R A M I E N T A S
C R E A T I V A S
¿CONVERTIR ANUNCIOS EN MASA DE FLASH A HTML5?
NO HAY PROBLEMA
Handcoding espacios de trabajo
Adobe Edge es una potente herramienta de animación que exporta
HTML5 de forma nativa. El proceso
de animación y flujo de trabajo son
bastante similares a Flash tanto que
el diseñador será capaz de ordenar a través de
conceptos básicos en una sola tarde. Esta guía
de Sizmek ayuda a los diseñadores a utilizar
Adobe Edge para crear un anuncio complemente
para Sizmek sin tener que usar código nativo.
Además de las herramientas ya discutidas,
Sizmek Creative Development puede construir
todo lo que necesita, como un bloque de código
listo para subir un anuncio a Sizmek. De esta
manera las agencias creativas con anuncios ya
construidos para los sitios web, no tiene que
empezar desde cero a hacer su trabajo JS/CSS,
incluyendo animaciones, botones y estructura.
Sizmek también proporciona guías para otras
.
herramientas, como Google Web Designer y Hype
Póngase en contacto con su representante de
Sizmek o por correo electrónico [email protected]
para averiguar acerca de agendar una sesión de
entrenamiento o para obtener más información
acerca de las herramientas creativas de Sizmek.
Templates basicos están disponibles en la
seccion Showcase > Ad Formats
Standard Banner
Polite Banner
Single Expandable Banner
Instrucciones para crear anuncios de HTML5
están disponibles en el Centro de Ayuda.
Echa un vistazo a estos formatos más sofisticadosque están disponibles para su uso:
Responsive Full Screen Expandable
Full Screen Expandable
Expandable Responsive
Polite Responsive
© 2015 Sizmek, Inc. All rights reserved.
2
Adobe Edge (y otras herramientas)
[email protected]