Importar de Adobe Photoshop a Adobe Flash

Creación de Banner Animado

Tutorial por Jorge Oyhenard (elQuique) de Developers Live

En este tutorial, veremos como utilizar la nueva funcionalidad de Importación desde Adobe Photoshop a Adobe Flash, utilizando las nuevas funciones de la Versión CS3.

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).

Logo de SACOF en PSD

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.

Propiedades del Banner

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.

Importar a Flash desde Photoshop

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.

Bilbioteca de Objetos Flash

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.

 

Puedes realizar consultas o sugerencias sobre este tutorial en nuestro foro de soporte, click aqui
Hemos creado el correo electrónico tutoriales @ tallerwebmaster com para recibir tus aportes de tutoriales y artículos.
Registrate aquí para consultar, comentar, recibir novedades y valorar los Tutoriales y Artículos

 Fecha: 11/09/2007  JULIANMACHUCA escribió:
hola, elQuique... soy julian y estoy empesando a entrar en el mundo de flash.. y empesar es empesar... apenas he hecho lo basico de los tuturiales on-line.. mira necesito saber si existe la forma de ke tomemos 5 imagenes (img01.jpg,img02.jpg,img03.jpg,img04.jpg y img05.jpg)de una carpeta y se muestren en flash.. pero ke si yo deseo el dia de mañana cambiar las imagenes.. por otras pero ke estas nuevas las guardo con el nombre de las anteriores... se mostaran las nuevas con los efectos hechos a las primeras??... o tocara renovar el flash donde se origino la pelicula flash
disculpa pero realmente no lo se... te agradezco toda la colaboracion posible... ha!! necesito saber como ver tu respuesta de comentario de aki... por si acaso mi e-mail es julianmachuca@yahoo.com...

gracias por la atencion prestada... julian machuca

 Fecha: 01/10/2007  MAGGIEROUGE escribió:
hola me gustaria como hago otro tipo de animaciones exportande de photoshop a flash y convertilovectorial necesito hacer una animacion pero ellogo lo tengo flash y necesito darle movimiento independient e a cada letra como lo hago.. gracias

 Fecha: 25/01/2008  JHOSA escribió:
Los tutoriales de Diseño de web en flash, Dreamweaver y Fireworks no están realizados para principiantes, hay webmaster que dominan la programación pero el problema es que no saben enseñar, hay que bajarse de nivel, muchas personas necesitan realmente ayuda, no los confundamos más. Necesitamos categorizar este webmaster en Principiantes, Medio, expertos y dejar que todos participen, no debemos ser egoístas.