A petición de un usuario que comento en el antiguo blog que quería ver tutoriales de Fireworks CS3, vamos a complacerle con su petición y vamos a crear un banner con Fireworks CS3.
Antes de empezar hay que saber que medidas se deben usar, no siempre los banners deben de ir adaptados a la plantilla del sitio para eso hay medidas estandar, la medida estándar de los Banners es de 468×60, 120×60, 80×60 en esta pagina hay mas medidas estandar de los banners.
El peso es importante por lo cual no debe de sobrepasar los 13 kb. esto es importante ya que la carga rapida permite que se visulice correcamente y no tengamos banners que no cargen o que tarden demasiado, es importante crear interes en el espectador utiliza frases que causen curiosiodad, como; Gratis!, Los Mejores aqui!, etc tambien usa colores encedidos no uses colores opacos por que estos no llaman la antencion.
Evita
- destellos y estilos que molesten como parpadeos, colores que no combinen.
- Que el banner aparesca durante un largo periodo de tiempo trata de
Diseñar el Banner
Creamos una imagen nueva de 468×60 pixeles y un color de fondo.
Empezamos por escribir algo en el primer frame.
Abrimos el panel Frames [Window/Frame Shift+F2] y hacemos clic en el icono mostrado en la imagen para crear un nuevo frame. otra forma de crear un frame sin tener que abrir el panel de propiedades es ir al menu Edit/Insert/New Frame.
Ya que tengas tus frames completos del banner, ahora es donde hay que exportarlo como imagen gif, hacemos clic en File/Image Preview y seleccionamos en Format la opcion Animated GIF.
Nos pasamos a la pestaña Animation para darle velocidad al banner. cada frame muestra una velocidad en centésimas de segundo, podemos seleccionar todos los frames Shift+clic y en la parte superior ponemos la velocidad que queremos o podemos hacer 1×1 si es que asi se necesita
.
En la parte inferior de este mismo panel también es posible configurar el numero de veces que se va repetir la animación o siempre se va a repetir.
Por ultimo hacemos clic en Export y guardamos la imagen GIF y este es el resultado final. si quieres ver el arhivo original PNG banner_original.png
Tips:
Si quieres copiar un frame y quieres que las posiciones de los objetos en el escenario no se muevan puedes hacer clic en el frame y sin soltar arrastrar hasta el icono de New/Duplicate Frame.
Para desplazarte de frame a frame o utiliza la barra inferior que aparece en pantalla.
Recomendamos
Leer el banner Perfecto y para ver trabajos creativos de banner puedes visitar BannerBlog
lo mejor