Cinco pasos para realizar un banner

Solo disponible en BuenasTareas
  • Páginas : 5 (1115 palabras )
  • Descarga(s) : 6
  • Publicado : 17 de julio de 2010
Leer documento completo
Vista previa del texto
Cinco pasos para realizar un banner con Adobe Flash CS3 Professional
Para poder realizarlo necesitaremos tres elementos esenciales: imágenes, texto, logotipos y objetos para animaciones que refuercen el concepto del anuncio, ya sea para promover nuestro producto o alguna promoción en particular.
< ![endif]--><!--[if !vml]--><!--[endif]-->Paso 1. Crear un archivo nuevo de Flashy en el panel Properties determinar la velocidad (entre 12 y 24 cuadros por segundo) y el tamaño del anuncio. Es muy importante mencionar que usualmente el tamaño no es definido por nosotros sino por el espacio que ha sido designado o contratado en el sitio Web donde se publicará.
Paso 2. Definir las capas de lo que será la animación de interpolación de movimiento al fondo del anuncio. Para elloutilizaremos tres fotografías que se irán desvaneciendo una tras otra para simular que se está cambiando de escenario. Al igual que con todas las imágenes del anuncio, deberán ajustarse al tamaño del mismo y contar con una calidad óptima para la web de entre 72 y 96 dpi.
Paso 3. Añadir la capa donde colocaremos la animación de las frases que queremos que aparezcan en el anuncio.
Paso 4. Agregarla capa de la animación de los objetos que queremos animar. Al igual que en todas las capas debemos asegurarnos que tengan un peso mínimo, ya que al final del anuncio no es recomendable exceder los 50 Kb para obtener un mejor rendimiento cuando sea montado en la web.
Paso 5. Colocar una capa como máscara que delimite el tamaño del anuncio dentro de ella. Acto seguido se deberán insertar el restode las capas, salvamos y publicamos la película. ¡Listo!

Carga aleatoria de imagenes
Flash, solo carga dentro de sus peliculas, imagenes del tipo JPG, asi que este debera ser el formato en el que las traeremos dinamicamente.
Para empezar crearemos una pelicula, la he creado de 300x300 pixeles.
Algo que debemos tener claro antes de iniciar es que DEBEMOS, por buenas costumbres deprogramación y diseño, tener un tamaño fijo para cada uno de los archivos JPG que vamos a cargar, he creado 5 imagenes, de 170x250 pixeles cada una, otra cosa importante es ponerles un nombre secuencial, mis imagenes se llaman:
1. ima001.jpg
2. ima002.jpg
3. ima003.jpg
4. ima004.jpg
5. ima005.jpg
Ahora vamos a lo interesante, para lograr cargar nuestras imagenes en el escenario,debemos crear un movie clips a donde lleguen los datos, asi que he creado un cuadrado de 170*250 pixeles, lo he convertido a movie clip y aqui esta como se deberia ver en el escenario:

si se fijan bien notaran que el punto de registro (Es decir, el centro del movie clip) se encuentra en la esquina superior izquierda; esto es porque ese es el punto (0,0) del movie clip, asi que esa sera la esquinadonde se cargaran las imagenes.
Cómo hacer para que al crear el movie clip el punto de registro nos quede alla arriba??? xD

Noten la posición del cuadrito negro de "Registration", esta en la esquina superior izquierda
Ahora si, lo interesante, digamos que queremos que se cargue una nueva imagen cada 20 segundos; asi que, tendremos que crear 240 frames (Suponiendo que la pelicula anda a 12fps,entonces 20segs*12frames=240); y colocar el codigo en el primer Keyframe de la pelicula, asi cada vez que la linea de tiempo pase por el primer frame (Osea, cada 20 segundos si son 240 frames) la carga de la imagen volvera a ser invocada y aparecera una nueva.
Antes de continuar, coloquemosle un nombre de instancia a nuestro movie clip; se llamara "imagenes_mc"

Y lo que todos estabanesperando (Sonido de redoblante no encontrado )
El codigo ActionScript!!!!!!!!!!!, producto de varias semanas de investigaciòn sin dormir, dejar de lado todo tipo de placeres terrenales y no poder conectarme a Matrix de nuevo(Lo cual me ha creado un problema legal); aqui estan las interminables lineas de codigo ActionScript
Este, coloquenlo en el primer KeyFrame
imagenes_mc.loadMovie("ima00" add...
tracking img