Bue, armé un tutorial propio para crear un sencillo header para tu página web.
1) Creamos un nuevo documento de 600x130 px y rellenamos de fondo blanco.
Ahora vamos a Layer>Layer Style>Blending Options y le damos los siguientes valores:
INNER GLOW:
http://i124.photobucket.com/albums/p...ngoptions1.jpg
GRADIENT OVERLAY:
http://i124.photobucket.com/albums/p...nsgradient.jpg
http://i124.photobucket.com/albums/p...ggradient1.jpg
Le damos OK, y tendría que quedarnos algo así:
http://i124.photobucket.com/albums/p...paso1final.jpg
2) Creamos un nuevo layer [Layer>New layer]
En esa nueva capa que creamos, vamos a hacer una selección similar a la de la imágen y la rellenamos de blanco:
http://i124.photobucket.com/albums/p...2seleccion.jpg
Ahora vamos a [Layer>Layer style>Blending Options] y colocamos los siguientes valores:
GRADIENT OVERLAY:
http://i124.photobucket.com/albums/p...radient1-1.jpg
http://i124.photobucket.com/albums/p...adientopti.jpg
Le damos OK y ponemos el layer en Soft Light / Opacity: 30%
http://i124.photobucket.com/albums/p...ionopacity.jpg
Tendría que quedarnos algo así:
http://i124.photobucket.com/albums/p...paso2final.jpg
3) creamos nuevamente otro layer [Layer>New Layer]
Hacemos una seleccion rectangular similar a la de la imágen y la rellenamos de blanco:
http://i124.photobucket.com/albums/p...seleccion2.jpg
Y ponemos el Layer en modo Soft Light / Opacity 80%
http://i124.photobucket.com/albums/p...on2opacity.jpg
Tendría que quedar algo así:
http://i124.photobucket.com/albums/p...paso3final.jpg
4) Bien, ahora es el turno de ponerle algún pattern [Layer>New Fill Layer>Pattern] para adornar un poquito más el header, yo elegí este:
http://i124.photobucket.com/albums/p...so4pattern.jpg
Le damos ok y ponemos el pattern en modo Overlay / Opacity: 30%:
http://i124.photobucket.com/albums/p...paso4final.jpg
5) Solo faltaría agregarle texto, elegimos la fuente que más le guste y escribimos el texto en color blanco:
http://i124.photobucket.com/albums/p...paso5texto.jpg
Ahora vamos a [Layer>Layer Style>Blending Options]
y le damos los siguientes valores:
DROP SHADOW:
http://i124.photobucket.com/albums/p...dropshadow.jpg
OUTER GLOW:
http://i124.photobucket.com/albums/p...5outerglow.jpg
GRADIENT OVERLAY:
http://i124.photobucket.com/albums/p...5gradient1.jpg
http://i124.photobucket.com/albums/p...5gradient2.jpg
STROKE:
http://i124.photobucket.com/albums/p...aso5stroke.jpg
http://i124.photobucket.com/albums/p...so5stroke2.jpg
Le damos OK a todo y tendría que quedarnos algo así:
http://i124.photobucket.com/albums/p...paso5final.jpg
6) Finalmente le agregamos algun Slogan referente al sitio web donde está el cuadrado rectangular y listo.
Este es mi resultado:
http://i124.photobucket.com/albums/p...sign/final.jpg
Espero que les haya gustado.
