user bar animada tutorial

[Firmas para Ti]   [Firmas Personalizadas]   [Mis Firmas]   [Tutorial UserBar Animada]

..::: User bar Animada :::..

Posteen sus trabajos !!! ^^ espero se diviertan con este tuto :p

Para esto necesitas Photoshop CS1 en adelante lo puedes deescargar de aqui

Photoshop CS2

Photoshop CS2 (otro link)

Photoshop CS3

Primero que nada, ejecutas el programa y:

1. abrir un archivo de 350x20 (o un poco mas ancha lo que les acomode) en mi caso 350x25
(archivo/nuevo/anchura 350 altura 20, pixeles) (archivo>nuevo> anchura 350 y altura 20, fijate que diga "pixeles", y dale "ok")

2. En la barra del lado izquierdo busca la herramienta de degradado y pones los colores k deseas, en mi caso es rojo y naranja, ademas agregue algunos brushes
(pinceles, pueden difuminar o poner lo k gusten, como es pekeña es muy facil k de efectos agradables ^^)



3. para el efecto de reflejo, del lado  derecho estan unass ventanitas, una nos muestra las "capas", vamos sobre la capa (en la k estamos trabajando) y opciones de fusion,


luego escogemos el motivo (en este caso las lineas) y las rebajamos a 50%,

(para el motivo, es este archivo link guardenlo y abranlo en photshop, luego edicion y definir como motivo



asi les aparecera el motivo junto a los de burbujas y demas ^^

luego vamos a sombra interior, cambiamos negro x blanco y lo ponemos en "trama" y ajustamos entre 40 y 50%, angulo a 90, reducimos a 0 tamaño y retraer, ajustamos distancia lo k consideren


4. introducen su imagen, en caso de k kieran k sobre la imagen kede el reflejo, entonces antes de ponerlo duplican su capa de fondo (sobre la capa clik derecho y duplicar capa) y la dejan en color blanco, y en esa misma ventanita arriba donde ddice "normal" cambiar a multiplicar y a continuacion repiten el paso 3 sobre esa nueva capa.
 

Para mejorar su imagen introducida pueden irse a imagen, ajustes y brillo y contraste



5. luego pueden ponerle marco ^^ con la herramienta de rectangulo o lineas como gusten


6. colocan su texto (para mas fuentes pueden buscar aquí http://dafont.com)



7. Luego damos clik en el icono de imageready al final del menu de herramientas ^^ (el del lado izquierdo)



8. Ya en imageready tenemos la ventana de animacion, si no la tienen -- ventana -- animacion, debajo de esta ventanita hay unos botones, damos en la que tiene 2 cuadritos para duplicar la capa



en la segunda capa desactivamos el texto y damos clik en el botoncito k tiene como unas pelotitas (intercalar) y damos los siguientes valores
intercalar con: cuadro nuevo
cuadro para añadir: 4 o 5
capas: seleccionar donde dice usar todas las capas
parametros seleccionar todo



9. ahora tenemos mas capas, seleccionamos la ultima capa y la duplicamos
y activamos el texto, volvemos a darle intercalar con los mismos valores, ahora pueden probar en el boton de "play" si kieren k el texto kede mas tiempo seleccionan la capa donde se vea mas claramente, en mi caso me regrese a la capa uno y debajo de ella dnd dice 0 seg puse 2 seg



10. una vez ajustada como la queremos, vamos a archivo, guardar optimizada como, formato gif y listo ^^



nota: algunas veces se desconfiguran las propiedades del formato gif asi que con cuidado, si tienen dudas me dicen ^^