Hace algunas semanas se libero la versión 2014 de Adobe Creative Cloud y con esto la actualización de muchos de los software de Adobe y como era de esperarse, Adobe Flash CC Professional no fue la excepción. De entre sus nuevas características, hay una que realmente será de gran ayuda para todos los diseñadores de contenido web, impresión y móviles; y esta es nada menos que la capacidad de exportar nuestros activos contenidos en Flash Professional CC a formato SVG.

SVG en Flash CC 2014

¿Qué es SVG?

Para los que no conocen el formato, SVG son las siglas de Scalable Vector Graphics (Gráficos Vectoriales Escalables), lenguaje de marcado en XML que permite describir imágenes de dos dimensiones. Son archivos que proveen resolución independiente con gráficos HiDPI para web, impresión, y sobre dispositivos móviles en un formato compacto. Además otro de los beneficios que tienen las imágenes en SVG es que se les pueden aplicar CSS, animaciones y script; haciendo que este formato sea parte integral de toda la plataforma web actual.

Ahora bien ¿Cómo exportar contenido de Flash Professional CC a formato SVG? muy fácil, el primer paso es tener instalada la última versión de Flash Professional CC en su equipo (liberada en junio de este año) y posteriormente seleccionar el fotograma donde se encuentra el contenido a exportar.

Flash a SVG tutorial - imagen 1

Después desde la barra de menú seleccionamos Archivo -> Exportar -> Exportar Imagen y seleccionamos la opción de Imagen SVG.

Flash a SVG Tutorial - imagen 2

Seleccionamos el formato SVG dentro de las opciones.

SVG a Flash Tutorial - Imagen 3

Se abrirá la caja de dialogo para configurar algunas opciones sobre el manejo de capas, versión de SVG, manejo de vínculos, etc.

Flash a SVG tutorial - imagen 4

Listo de esta forma podemos abrir nuestro archivo SVG, copiar el código y pegarlo en un documento HTML para desplegarlo en web, hacer algún tipo de implementación en Canvas o manejar dinámicamente la imagen.

Flash a SVG tutorial - imagen 5

Esperamos les guste este tip para que saquen provecho al máximo de la nueva versión de Flash Professional CC 2014, y si quieren aprender más técnicas para sus sitios HTML5 con esta gran herramienta no duden en inscribirse al curso de Flash en Activ.