[Photoshop] Web Header

Ansur · 01/12/2006, 12:15

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:

GRADIENT OVERLAY:

Le damos OK, y tendría que quedarnos algo así:

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:

Ahora vamos a [Layer>Layer style>Blending Options] y colocamos los siguientes valores:

GRADIENT OVERLAY:

Le damos OK y ponemos el layer en Soft Light / Opacity: 30%

Tendría que quedarnos algo así:

3) creamos nuevamente otro layer [Layer>New Layer]

Hacemos una seleccion rectangular similar a la de la imágen y la rellenamos de blanco:

Y ponemos el Layer en modo Soft Light / Opacity 80%

Tendría que quedar algo así:

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:

Le damos ok y ponemos el pattern en modo Overlay / Opacity: 30%:

5) Solo faltaría agregarle texto, elegimos la fuente que más le guste y escribimos el texto en color blanco:

Ahora vamos a [Layer>Layer Style>Blending Options]
y le damos los siguientes valores:

DROP SHADOW:

OUTER GLOW:

GRADIENT OVERLAY:

STROKE:

Le damos OK a todo y tendría que quedarnos algo así:

6) Finalmente le agregamos algun Slogan referente al sitio web donde está el cuadrado rectangular y listo.

Este es mi resultado:

Espero que les haya gustado.

maxi05 · 01/12/2006, 12:20

:O genial

FISH · 02/12/2006, 19:16

Muy bueno el tuto texi, ya probe algunas cositas

Genocidio · 02/12/2006, 19:24

Me encanto

*EXCESS* · 02/12/2006, 19:24

me hiciste caso

dejaste la loma y pusiste pilas xD

muy buen tuto ^^

Ginchin · 02/12/2006, 19:36

:O pero que bueno, me gusta mucho ese color tan claro, le da mucha onda

ELFalopa · 02/12/2006, 22:06

este Ansur feo y su Blending Option xD... ta muy bueno

Winnky · 04/12/2006, 11:50

Esta exelenteeeee.......
Lo pondre en practica cuando deje de rendir

Muy bueno te kedo

Tema: [Photoshop] Web Header

Herramientas

Visualizar