Hola a todos, hoy les voy a enseñar a crear

una Barra recomendadora como esta

para que la utilicen en su post


pero antes de comenzar

les quiero hacer una invitacion a esta gran

comunidad llamada Mexicanos en Taringa y apodada MET


[swf]http://maxicnr.fileave.com/bannermet.swf[/swf]

si eres Mexicano únete y si no!, tambien



Tutorial en photoshop Barra recomendadora


Abrimos photoshop y creamos un nuevo documento con estos valores


t


gif


Agarramos la herramienta rectangulo redondeado


Mario Bros


Creamos un rectangulo como este sin que ocupe todo el espacio de trabajo.


ps


En la capa de este rectangulo, damos clic derecho, opciones de fusión, trazo y colocamos estos valores


mexico


Así queda el rectangulo con los valores aplicados


fantasma


Ahora agregamos una imagen o un estilo, en este caso utilizamos esta imagen

(Clic en la imagen para ver en grande)


tutoriales


La ajustamos al rectangulo para que se vea así


cs3


Le agregamos en una nueva capa un texto, en este caso será (Recomienda este post a tus seguidores)


formato


Le agregamos una imagen para que se vea mejor la barra, en este caso será esta

(Clic en la imagen para ver en grande)


barra


La ajustamos a nuestro gusto


recursos


Creamos una nueva capa de curvas y le damos estos valores, la capa tiene que estar arriba de la imagen de yoshi, despues damos clic derecho sobre la capa y aplicamos mascara de recorte


taringa


Creamos una nueva capa de Brillo/contraste y aplicamos estos valores, la capa tiene que estar arriba de la imagen de yoshi, despues damos clic derecho sobre la capa y aplicamos mascara de recorte


tutorial


(La mascara de recorte se aplica para que solo afecte a la imagen debajo de la misma)


imagenes


Ahora tenemos que hacer la flechita que indica el cuadro de recomendacion de un post

Aqui vamos a colocar esta imagen de un fantasma, tambien puede ser una flecha o alguna otra cosa que desemos y la posicionamos hasta abajo de todas las capas

(Clic en la imagen para ver en grande)


photoshop


Abrimos el cuadro animacion y regla


fondoyoshi


El fantasmita lo colocamos en donde marca los numeros la regla, en ( 0 , 0 ) como se ve en la imagen para que apunte bien en el icono de recomendar en T


met


Vamos creando capas de animacion


photosho


Y tambien capas de la imagen del fantasma, pero en cada capa vamos moviendo al fantasma 3 o cuatro espacios hacia abajo y despues hacia arriva para que dé el efecto de que señala el recuadro y para que vaya quedando la animación


recomendar


Por ultimo lo guardamos para web y dispositivos y nos aparece este cuadro, solo verificamos que esté en formato gif y le damos clic a guardar y listo.


cs4


Y este es el resultado.

Espero que les sirva este tutorial y

lo recomienden a sus seguidores jejeje


Photoshop CS4