About Taringa!

Popular channels

Hacer userbar animada en Photoshop

Buenas T! En este post os enseño cómo hacer un userbar animado. Este post está hecho de mis conocimientos sobre el Photoshop.

Crear userbar animada en Photoshop

-Dificultad: Fácil

Necesitas:
-Fuente Visitor TT2 BRK (¿No la tienes? Descarga:http://es.fontstock.net/download/download.ashx?d=322094)
-Hecho con: Adobe Photoshop CS5 (¿No lo tienes? entra en mi post: http://www.taringa.net/posts/info/5681072/Adobe-Photoshop-CS5-[descarga].html)
-Conocimientos básicos.

-Hacemos un nuevo documento con las mediadas 350 x 20 píxeles con fondo transparente. Luego hacen un fondo cómo quieran y le ponen la imagen que quieran que sea animada.

En mi caso he hecho esta imagen de fondo:



Y esta es la imagen que voy a poner para que sea animada:



En este caso, al no tener el fondo transparente, seleccionamos la Barita Mágica y hacemos click en el fondo blanco y le damos a Supr. Nos tiene que dar algo así:



-Ahora ponemos la imagen en un lado, puede ser en la parte derecha o izquierda, en este caso yo lo voy a poner en la derecha.

-Ahora, escribimos en la parte izquierda algo sobre la imagen que has puesto. En mi caso pongo Tuzki fan con la fuente Visitor TT2 BRK de color negro. Tiene que quedarte algo así:



-Si quieres puedes poner uno de estos 2 efectos a tu userbar:

-1er efecto:


-2º efecto:

Pasos para hacer el primer efecto:

-Crean una nueva capa.
-Hacen una esfera que ocupe la mirad de la imagen y le pones de relleno un 50 %

Pasos para hacer el segundo efecto:

-Crean una nueva capa.
-Van a Capa > Nueva capa de relleno> Degradado
-Le dan a Ok
-Selecciona el último relleno de degradado (el negro) y le das a Ok

- Por último, hacemos que la imagen se mueva de arriba a abajo. Seleccionamos la capa 3 (la capa donde está la imagen que vas a animar). Ahora le das a Ventana > Animación
Te aparecerá abajo un cuadrado. Ahora lo explicaré con imágenes ya que es difícil explicarlo con palabras.









Te aparecerá más cuadraditos y ya está! Ahora guarda el trabajo que has hecho dándole a Archivo > Guardar para web y dispositivos.



Resultado del trabajo:





0No comments yet