Lord Panky Prods® apoyando al software libre dice:

   
 
  Aprendiendo alguna tecnica
 
Aprenderemos a hacer un banner animado:
Aqui va el primer tutotral sobre como hacer el banner.:
1* Empezaremos abriendo un Nuevo Archivo.Tengan en cuenta que un banner o cabezera, debe tener minimo 600 de largo o mas ya que representa todo el largo de la web en sus Navegadores.
2* Con el Nuevo Archivo o Documento abierto, creamos una Forma Base.En este caso utilize un Rectango Redondeado, para Estetizar mas la Web. 3* Ahora le aplicamos un solo Desenfoque, para Retesterizar la Imagen y poder asi manipular sus correspondientes Propiedades, las cuales pasaremos a Modificar a continuacion.Abrimos las Opciones de Fusion. 4* Habiendo ya ingresado los valores mostrados arriba, damos OK a la Opcion de Fusio y nos quedara algo asi. 5* Luego con la Herramienta de Seleccion Rectangular marcamos la parte superior de esta Imgen de la siguienta manera. 6*En esa seleccion le aplicamos un Degradado Linealal 50%, seleccionando los colores que contiene la imagen.Por que los colores que tiene la imagen? Pues simple, si ustilizamos los mismos colores que contiene este Banner se podra fusionar el dicho Degradado junta a la Imgen de la que hablamos.Y nos queda esto. 7*Deseleccionamos, luego puedes agregar Texto, Imagenes, Simbolos o Animaciones.Al terminar este seria el resultado de una Banner muy sencillo. RESULTADO : [ Simple no muy cargado, lo mejor para una web es que sea entendible y que alcargar mucha las secciones provocaremos retrasos al entrar. Nota: las medidas las puedes hacera tu gusto, asi mismo los colores solo es opcion de usar la imaginacion. Este tutorial fue tomado de [url=http://www.photoshop-designs.com/photoshop/tutorials/utilidades_para_tu_pagina_web/bannerwebsites_personalizados/548.htm]aqui[/url] para ahorrar tiempo. Ahora vamos a hacerlo un pco mas interesante, darle animacion.... Tomare el resultado de ese tutorial y lo animare: Empiezo añadiendo algo de texto: En las capas deberia de verse algo asi [img]https://img.webme.com/pic/i/imperialfear/tutopwg2.jpg> ahora nos vamos a ventanas/animacion o windows/animation y nos saldra algo como esto: das clic en ese boton y te aparecera algo como esto: en el boton de nueva capa el que esta junto al de borrar [como se muestra en esta figura a continuacion] puedes crear cuantas capas creas necesarias, Ahora es que te pongas a jugar con las capas el texto y los estilos, como anteriormente dije es cosa de usar la imaginacion. Pero como se genera la animacion, pues encillo en un cuadro haces invisible alguna capa.... en otro cuadro de animacion le pones estilo de layer a un texto o simplemente lo mueves de lugar... las opciones son infinitas. Ahora pues hacer esto guardalo en formato psd y tienes dos opciones: Usas un animador de gif como gif movie gear o cualkier otro Si tienes el image ready o lo hiciste con image ready lo guradas haci: archivo/guardar optimizada como y eliges formato gif o swf como kieras. Este es el resultado si usas el animador.... mmmmm mucho trabajo y no se v como queriamos verdad? bueno lo que pasa es que el cs3 esta verde aun y no sabemos explotar todas las capacidades que tiene. este es el resultado si usas el image ready 100% recomendable, Bueno espero les haya gustado mi mini tutorial. alguna duda envienme mensajes o por mi pagina.

 
 
  Numero de Visitantes: 8 visitantes (11 clics a subpáginas) Seguimos prosperando....



Webs Exclusivas



 
 
Este sitio web fue creado de forma gratuita con PaginaWebGratis.es. ¿Quieres también tu sitio web propio?
Registrarse gratis