Importar de Adobe Photoshop a Adobe Flash

En este tutorial, abarcaremos algunos temas interesantes de Adobe Flash CS3, y que además son muy consultados en nuestro Foro Creativo.

La temática de este tutorial, sera la creación de un banner animado, utilizando: importación de imágenes desde un PSD de Adobe Photoshop CS3, efecto alpha, y otro de los elementos muy consultados, un precargador, o preload.

Comenzando nuestro Banner

Bien, comencemos. Nuestro cliente, nos ha pasado 2 de sus logos en un archivo PSD, lo dejo a su disposición para llevar adelante el tutorial: Bajar PSD (zipeado).

Como pueden ver, el archivo tiene 3 capas, que son el Logo (la empresa se llama SACOF), en una capa, y otro Logo de la RED Nacional de Servicios de Acompañantes, en otra capa, el fondo.

Propiedades del Banner

Ahora vamos a ir al Adobe Flash CS3, y vamos a crear nuestra Película para el Banner Animado. Las medidas serán de 300px de ancho y 60px de alto, como indica la imagen, el color del fondo es: #D1E5B9.

Importar desde Adobe Photoshop CS3

La importación, en Adobe Flash CS3, esta realmente muy mejorada, sobre todo cuando lo hacemos desde Adobe Photoshop CS3, o cualquier versión anterior. Una de las grandes ventajas es poder Importar la o las capas seleccionadas como reales objetos separados, algo que realmente no era posible y/o sencillo en versiones anteriores de Flash.

Para importar, como vemos en la imagen, vamos a, File (Archivo), Import (Importar), Import to Library (Importar a Biblioteca), y luego, como vemos en la imagen aparecen las capas del archivo PSD de Photoshop, donde podemos elegir una o mas Layers (Capas), en este caso elegimos Logo y Red, la otra que es el fondo, llamado Background, no sera importada, por eso no la seleccionamos, por ultimo presionamos OK.

Biblioteca de Objetos Flash

Los objetos importados quedan en la biblioteca, tal como vemos en la imagen.

Si no ves, la Library (Biblioteca), puedes mostrarla con CTRL+L, o Window (Ventana), Library (Biblioteca). Esos objetos puedes arrastrarlo como indican las flechas, a la zona de trabajo de la Película

Con CTRL + ENTER, ya veremos nuestro banner.

En la próxima parte, veremos como animarlo, y aplicarle algunos efectos alpha.